@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);

/* CSS Document */

body,td,th {

	font-family: 'Roboto', Arial, Helvetica, sans-serif;

	font-weight: 400;

	font-size: 14px;

	color: #666;

}

html,body,form{

	margin:0;

	padding:0;		

}

html,body{

	width:100%;

	height:100%;

}

img{border:none;}

a {

	color: #3F72D8;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

	color: #333;

}

hr{

	border: 0px solid #999;

	background-color:#999;

	height:1px;

}

h1,h2,h3,h4,h5,h6 {

	font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif;

	font-weight: 500;

	padding:0;

	margin:0;

}

h1 {

	font-size: 24px;

}

h2 {

	font-size: 18px;

}

h3 {

	font-size: 16px;

}

h4 {

	font-size: 14px;

}

h5 {

	font-size: 12px;

}

h6 {

	font-size: 10px;

}

strong{

	font-weight: 500;

}

input[type=text],input[type=password],textarea{

	font-family: 'Roboto', Arial, Helvetica, sans-serif;

	font-weight: 300;

	font-size:14px;

	padding:5px 10px;

	border: 1px solid #DDD;

	border-radius:2px;

		

}

select{

	font-family: 'Roboto', Arial, Helvetica, sans-serif;

	font-weight: 300;

	font-size:14px;

	padding:5px 10px;

	border: 1px solid #DDD;

	border-radius:2px;

}

button,input[type=button],input[type=submit],input[type=reset]{

	background-color: #4D90FE;

	border: 1px solid #3079ED;

	color: #FFFFFF;

    text-shadow: 0 1px rgba(0, 0, 0, 0.1);

	font-weight: 500;

	font-size:14px;

	padding:5px 10px;

	border-radius:4px;

	cursor:pointer;

}



button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{

	background-color:#71A6FE;

}

button.redbutton,input[type=button].redbutton,input[type=submit].redbutton,input[type=reset]{

	background-color: #AF2020;

	border-color:#900;

}



button.redbutton:hover,input[type=button].redbutton:hover,input[type=submit].redbutton:hover,input[type=reset].redbutton:hover{

	background-color:#CF4D4D;

}

	

/* allg. Klassen */

.clear,.c{ clear:both; height:0px; overflow:hidden;}

.font_xsmall{ font-size:9px; font-family:Verdana, Geneva, sans-serif;}

.font_small{ font-size:10px; font-family:Verdana, Geneva, sans-serif;}

.font_small_red{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#900;}

/* Rahmen Elemente */

#header,#footer{

	width:100%;

	background: #F5F5F5;

	color: #999;

	min-width:800px;

}

#header   {

	/*background-color:#984444;*/

	padding: 10px 0;

}

#header a,#footer a{

	color:#888; 

}

#header a:hover,#footer a:hover{

	color:#333; 

}

#header h1{

	text-transform: uppercase;

}



#header #logo{

	float:left;

	margin:10px;

	padding:5px;

	border-radius: 5px;

}

#header #logo a {

    border: 1px dashed #666;

    border-radius: 5px 5px 5px 5px;

    color: #666;

    display: block;

    font-size: 26px;

    font-weight: bold;

    padding: 5px 10px;

    text-decoration: none;

}

#header #logo a:hover {

    background-color: #FFFFFF;

    border: 1px dashed #3F72D8;

    color: #3F72D8;

}

#header #userbox{

	float:right;

	color:#000;

	font-size:14px;

	margin-right:20px;

	text-align:right;

}

a#logoutlink img, a#webprevlink img {

    margin: 0 5px -3px;

}

a#logoutlink {

    color: #3F72D8;

    display: inline-block;

    margin: 10px 10px 10px 0;

    text-decoration: none;

	padding:2px 5px;

}

a#webprevlink {

    border: 1px dashed #464646;

    border-radius: 5px 5px 5px 5px;

    color: #FFFFFF;

    display: inline-block;

    margin: 1px;

    padding: 5px 10px;

    text-decoration: none;

}

a#logoutlink:hover, a#webprevlink:hover {

    background: none repeat scroll 0 0 #fff;

    color: #333333;

}

#menuebar{

	width:100%;

	background: #F9F9F9;

	border-bottom:1px solid #CCC;

	margin: auto;

	min-width:900px;

}

#menuebar ul{

	padding:0;

	margin:0;

	margin-left:50px;

	list-style:none;

	width:900px;

	height:51px;

}

#menuebar li{

	float: left;

	margin-right:5px;

	margin-top:10px;

}

#menuebar a{

		display:block;

		text-decoration:none;

		background-color:#efefef;

		color: #999;

		line-height:30px;

		padding: 0 20px;

		font-size:15px;

		font-family:Tahoma, Geneva, sans-serif;

		border:#999 1px solid;

		border-bottom:none;

		border-top-left-radius: 5px;

		border-top-right-radius: 5px;

		-moz-border-radius-topleft: 5px;

		-moz-border-radius-topright: 5px;

		-webkit-border-top-left-radius: 5px;

		-webkit-border-top-right-radius: 5px;

		margin-top:10px;

}

#menuebar a:hover{

	color:#333;

	line-height:35px;

	margin-top: 5px;

	background: rgb(255,255,255);

}

#menuebar a#activemenue{

	line-height:35px;

	background: #fff; 

	color:#3F72D8;

	margin-top: 5px;

}

#submenue{

	width:160px;

	padding-top:10px;

	padding-bottom:40px;

	float:left;

}

#submenue ul{

	padding:0px;

	margin: 0px;

	list-style:none;

	float:left;	

}

#submenue a{

	width:155px;

	background-color:#666;

	color:#fff;

	text-decoration:none;

	display:block;

	border-bottom: 1px dotted #ccc;

	padding-left:5px;

	padding-bottom:5px;

	padding-top:5px;

	margin-top:3px;

	border-bottom-right-radius:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-bottom-right-radius:5px;

}

#submenue a#activesubmenue{

	background-color:#3F72D8;

	border-bottom-right-radius:0px;

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

}

#submenue a#activesubmenue2{

	background-color: #efefef;

	color:#666;

}

#submenue a.submenue2{

	font-size:11px;

	width:140px;

	background-color: #999;

	color:#fff;

	padding-left:20px;

	margin-top:0px;

	border-bottom-right-radius:0px;

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

}

#submenue a:hover{

	background-color:#ccc;

}

#submenue a.submenue2:hover{

	color:#666;

}

#content_login{

	background: #fff;

	border-top:1px solid #CCC;

	border-bottom:1px solid #CCC;

	padding: 50px 50px 50px 100px;

	overflow:auto;

}

#form_login{

	display:block;

	float:right;

	padding:20px;

	margin-right:50px;

	background-color: #F1F1F1;

	border: 1px solid #E5E5E5;	

	width:300px;

}



#form_login h1{

}

#form_login label{

	margin-top:20px;

	margin-bottom:5px;	

	display:block;

}

#form_login input[type=submit]{

	display:block;

	margin-top:10px;

}

#form_login input[type=text],#form_login input[type=password]{

	display:block;

	width:280px;

}

#form_login label[for=createCookie]{

	font-size:12px;

	float:right;

}

#form_login #restPW{

	clear:right;

	font-size:12px;

	float:right;

}

#login_welcome{

}

#content{ 	min-width:988px;	}

div#content_frame{float:left; padding:15px; width:798px;}

#footer{

	margin: auto; 

	font-size:10px;

	line-height:400%;

}

#footer div{

	margin-left:10px;

	margin-right:10px;

	text-align:right;

}

/* CONTENT UND UNTERSEITEN */

.tableheader,.tablecontent{

	line-height:180%;

	background-color: #F8F8F8;

	font-size:14px;

	padding-left:5px;

	width: 794px;

	margin-top:2px;

	overflow:auto;

}

.tableheader{

	font-size:16px;

	background-color:#666;

	color:#FFF;

	margin-top:5px;

	border-top: 1px dotted #999;

	border-bottom:none;

	font-weight:bold;

}

.tcshopanfrage{

	color:#000;

	background-color: #C6E2FF;

}

.tcnewsletterrun{

	color:#000;

	background-color: #CEFFCE;

}

.tcdeaktiviert{

	color:#999;

	background-color: #FFD9D9;

}

.tablecontent:hover{

	color:#333;

	background-color: #FFEBD7;

}

.input{

	width: 300px;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	color:#006;

}

.button_add,.button_add_free{

		background-image: url(/img/icons/application_add.png);

		background-repeat:no-repeat;

		background-position: 10px 7px;

		padding-left:30px !important;

}

.button_export{

		color: #009;

		border: 2px solid #009;

		background-color: #CECEFF;

		background-image: url(/img/icons/application_put.png);

		background-repeat:no-repeat;

		background-position: 10px 7px;

		padding-left:30px !important;

}



.button_import{

		color: #900;

		border: 2px solid #900;

		background-color: #FFEAEA;

		background-image: url(/img/icons/application_get.png);

		background-repeat:no-repeat;

		background-position: 10px 7px;

		padding-left:30px !important;

}

.button_shopanfragen{

		color: #009;

		border: 2px solid #009;

		background-color: #CECEFF;

		background-image: url(/img/icons/application_key.png);

		background-repeat:no-repeat;

		background-position: 10px 7px;

		padding-left:30px !important;

}

#registerdialog{

	display:none;

}

#registerdialog label,#registerdialog input ,#kontakt label{ display:block; font-weight:bold; }

#registerdialog input.text ,#kontakt input.text,#kontakt textarea.text{ margin-bottom:12px; width:95%; padding: .4em; }

#registerdialog fieldset { padding:0; border:0; margin-top:25px; }

#kontakt button{ 

	float:right;

	font-size:16px;

	padding:5px 15px;

	font-weight:bold;

}

#kontakt textarea{

	height:120px;

}

#kontakt{

		display:none;

}

#impressum{

		display:none;

}

#secondcontactform{

	background:#efefef; border: 1px dashed #CCC; padding:40px;

}

#secondcontactform label{

	padding:5px;

	font-size:16px;

	display:block;

}

#secondcontactform .input{

	padding:5px;

	font-size:16px;

	width: 700px;

}

.inputform{

	background-color: #efefef;

	border: 1px dashed #999;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	padding:20px;

	width:512px;

}

.formframe{

	background-color:#efefef;

	border: 1px dashed #999;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

	padding:5px;

	width:785px;

}

.inputform label,.formframe label{

	display:block;

	font-size:16px;

	line-height:150%;

}

.formframe label{

	display:inline-block;

}

.inputform .input,.formframe .input{

	padding:5px;

	font-size:14px;

	width:500px;

	margin-bottom:10px;

}

.formframe .input{

	margin-bottom:0px;

}



#form_list{

}

.inputform .inputselect,.formframe .inputselect,#form_list .inputselect{

	padding:5px;

	font-size:14px;

}

#.inputform button,.formframe button{

	display:block;

	margin-top:20px;

	font-size:16px;

	padding:5px 15px;

	margin-left:340px;

	cursor:pointer;

}

#start_layer {

	width:800px;

	padding:20px;

	margin:20px auto;

	background:#efefef;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.startlayerboxstyle {

	background:#fff;

	border: 1px dashed #999;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	padding:10px;

	margin:3px;

}



.startlayerboxstyle a{

	font-size:11px;

}

.startlayerboxstyle h2 {

	font-weight:normal;

}

#start_shoplayer,#start_newsletterlayer {

	width:490px;

	float:left;

}

#start_quicklinklayer,#start_customerlayer,#start_statslayer {

	float:right;

	width:252px;

	line-height:160%;

}

#start_customerlayer,#start_statslayer{ clear:right;}

#start_shoplayer em{

	font-size:9px;

	color:#777;

}

.start_news{

	margin:10px 5px;

	padding:5px;

	cursor:pointer;

}

.start_news:hover{

	background:#f1f1f1;

}

#overlay{

	display:none;

	background:#FFF;

	width:500px;

	height:70%;

	padding:20px;

	border:5px solid #71A31E;

	overflow:auto;

}

ul#monatstabs{

	list-style:none;

	padding:20px 0 0 0 !important;

	margin:0;

	border-bottom:2px solid #ccc;

	overflow:auto;

	display: block;

}

ul#monatstabs li{

	float:left;

}

ul#monatstabs li a{

	display:block;

	text-decoration:none;

	background:#FFF;

	color:#3F72D8;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-top: 1px solid #ccc;

	margin-left:3px;

	margin-top:3px;

	padding:5px 7px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}

ul#monatstabs li a:hover{

	background:#CCC;

	color:#FFF;

}

ul#monatstabs li a.activemonat{

	background:#3F72D8;

	margin-top:0px;

	color:#FFF;

	font-weight:bold;

	line-height:23px;

}

#sortable , .sortable2 {

	cursor:row-resize;

}

#sortable .ui-icon{ 

	float:left; margin-top:5px;

}

.sortable2 .ui-icon{

	float:left; margin:5px 0 0 10px;

}

.website_edit{

	margin-right:5px;

}



.website_edit a{

	text-decoration:none;

	display: inline-block;

}

.website_edit a:hover{

}

.website_edit a img{

	margin-bottom:-5px;

}

.listdate{ font-size:10px; color:#999; text-align:right; }

.listbuttons{float:right; margin:2px 5px 0 0;}

.listbuttons img{ margin-bottom:-3px;}

/* Bilder neu */

.listprevimg{float:left; margin:5px; max-width:50px;}

.kachelview{

	float:left;

	width:148px;

	height:100px;

	font-size:9px;

	margin:2px;

	overflow:hidden;

	border:1px solid #ccc;

}

.kachelview .listdate{

	display:none;

}

.kachelview .listbuttons{

	position:absolute;

	margin: 2px 2px 0 102px;

}

.kachelview .listprevimg{

	float:none;

	display:block;

	margin:2px;

	max-width:90px;

	max-height:80px;

}

/* Newsletter */

#elementsortable div{

 text-align:left;

 padding:5px;

 background:#fff;

 margin-bottom:2px;

 font-size:14px;

 cursor:row-resize;

 overflow:auto;

}

#elementsortable div span{

	float:left;

	display:block;

}

#elementsortable div span.elementbuttons{

	float:right;

	font-size:11px;	

}

.readonly{

	background:#d4d4d4;

	border:#999 1px solid;	

	color: #666;

}

/*--------------------*/

.ui-tabs .ui-tabs-panel {

	padding:10px 5px !important;

}

/*UPLOADER*/

.uploadbox{

	width:80%;

	border: 1px solid #ccc;

	border-radius:3px;

	padding:5px 10px;

	text-align:center;

	background:#fcfcfc;

	margin:auto;

}

.uploadbox img{

	display:block;

	margin:10px auto;	

}

.uploadbox hr{

	display:block;

	margin:20px auto;	

}

.uploadbox button{

	display:block;

	margin:10px auto;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');

	background-color:#ededed;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	font-family: 'Open Sans', sans-serif;

	font-size:16px;

	padding:6px 24px;

	text-decoration:none;

	text-shadow:1px 1px 0px #ffffff;

	cursor:pointer;	

}

.uploadbox button:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');

	background-color:#dfdfdf;

}

#filedrop {

	color: #000;

	transition: background-color 0.25s linear;

	-moz-transition: background-color 0.25s linear;

	-o-transition: background-color 0.25s linear;

	-webkit-transition: background-color 0.25s linear;

}

#filedrop.over {

	background-color: #eee;

	transition: background-color 0.25s linear;

	-moz-transition: background-color 0.25s linear;

	-o-transition: background-color 0.25s linear;

	-webkit-transition: background-color 0.25s linear;

}

#filedrop-chooser {

	display: inline-block;

	text-align: center;

	padding: 0;

}

#filedrop-inner-box {

	text-align: center;

	padding-bottom: 10px;

}

#filedrop-hint {

	clear: both;

	text-align: center;

	padding: 3ex 1em;

	margin: 1em 1em 0 1em;

	color: #666;

}

#upload-form {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

	height:0;

	width:0;

	overflow:hidden;

}

#filelist-container {

    padding: 2ex 1em 3ex 1em;

}

#filelist-container  h3{

	float:left;

}

#filelist {

	clear:both;

    list-style-type: none;

    margin-left: 0;

    line-height: 120%;

    opacity: 0;

    transition: opacity 0.25s linear;

	padding:0;

	text-align:left;

}

#filelist li{

	width:100%;

	font-size:12px !important;

	overflow:hidden !important;

}

#filelist.visible {

    opacity: 1;

    transition: opacity 0.25s linear;

    -moz-transition: opacity 0.25s linear;

    -o-transition: opacity 0.25s linear;

    -webkit-transition: opacity 0.25s linear;

}

#filelist-clear-button{

	float:right;

	font-size:11px;

}

.progressbar-container {

    margin: 1px 0.5em 1px 0;

    padding: 1px;

    display: inline-block;

    width: 50px;

    height: 12px;

    border: 1px solid #000;

    background-color: #fff;

	text-align:left;

}

.progressbar {

    display: inline-block;

    height: 100%;

    width: 0;

    background-color: #666;

    background-image: -webkit-linear-gradient(-45deg, rgba(255, 154, 26, 1) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, 1) 50%, rgba(255, 154, 26, 1) 75%, transparent 75%, transparent);

    background-image: -moz-linear-gradient(-45deg, rgba(255, 154, 26, 1) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, 1) 50%, rgba(255, 154, 26, 1) 75%, transparent 75%, transparent);

    background-image: linear-gradient(-45deg, rgba(255, 154, 26, 1) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, 1) 50%, rgba(255, 154, 26, 1) 75%, transparent 75%, transparent);

    -webkit-background-size: 24px 24px;

    -moz-background-size: 24px 24px;

    background-size: 24px 24px;

    -webkit-box-shadow: inset 0 6px 0 rgba(255, 255, 255, .2);

    -moz-box-shadow: inset 0 6px 0 rgba(255, 255, 255, .2);

    box-shadow: inset 0 6px 0 rgba(255, 255, 255, .2);

    -webkit-animation: move 2s linear infinite;

    -moz-animation: move 2s linear infinite;

    animation: move 2s linear infinite;

    background-position: 0 0;

}

@-webkit-keyframes move {

    0% { background-position: 0 0; }

    100% { background-position: 24px 24px; }

}

@-moz-keyframes move {

    0% { background-position: 0 0; }

    100% { background-position: 24px 24px; }

}

@-ms-keyframes move {

    0% { background-position: 0 0; }

    100% { background-position: 24px 24px; }

}

@-keyframes move {

    0% { background-position: 0 0; }

    100% { background-position: 24px 24px; }

}

.upload.starting {

    opacity: 1;

    -moz-transition: opacity 0.4s linear;

    -o-transition: opacity 0.4s linear;

    -webkit-transition: opacity 0.4s linear;

}

.progressbar.ready {

    width: 100%;

    background-color: #3c3;

    background-image: none;

    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

}

.progressbar.aborted {

    width: 100%;

    background-color: rgb(255, 128, 0);

    background-image: none;

    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    -ms-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

}

#filelist > li.ready {

    color: #333;

}

#filelist > li.ready.fadeOut {

    opacity: 0;

    -moz-transition: opacity 0.25s linear;

    -o-transition: opacity 0.25s linear;

    -webkit-transition: opacity 0.25s linear;

}

.progressbar.bad {

    width: 100%;

    background-color: #c33;

    background-image: none;

    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    -ms-box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2);

}

#filelist > li.bad {

    color: red;

}

#filelist > li.deleted {

    text-decoration: line-through;

}

#filelist > li.bad.fadeOut {

    opacity: 0;

    -moz-transition: opacity 0.25s linear;

    -o-transition: opacity 0.25s linear;

    -webkit-transition: opacity 0.25s linear;

}

#uploaderoverlay{

    position: absolute;

    width: 100%;

    height: 100%;

	top:0;

	left:0;

	right:0;

	bottom:0;

    text-align: center;

    background-color: rgba(0,0,0,0.4);

}

#uploaderoverlay div{

	left: 30%;

    top: 40%;

	display:block;

	position:absolute;

	padding:20px;

	border-radius:10px;

	background:#fff;

	color:#333;

}

/*--------------------*/