@charset "utf-8";

/* CSS Document */

*{

	margin: 0px;

	padding: 0px;	

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

	font-size: 11px;

	color: #666666;

	}



body{

	background-color:#e8e9f5;

	background-image: url(../img/layout/background.gif);

	background-repeat:no-repeat;

}

img {

	border:none;

}

	

#main{

	position: relative;

	margin-top: 50px;

	margin-left: 50px;

}



/***************  Navigation *****************/

#main #logo{

	position: absolute;	

	top: 36px;

		

	}

#main #nav_container #navigation {

	position: absolute;

	top: 86px;

	

	width:166px;

	height: 350px;

	

	background-image:url(../img/layout/navigation_background.png);

	background-repeat:no-repeat;

	

	}

#main #nav_container #navigation ul{

	margin-top: 20px;

	margin-left: 20px;

	}

#main #nav_container #navigation li{

	margin-bottom: 8px;

	

	list-style: none;

	}

#main #nav_container #navigation li a:link, #main #navigation li a:visited {

	text-decoration: none;

	color:#666;

	font-weight: bold;

	}



#main #nav_container #navigation li a:hover, #main #navigation li a.nav_lvl1_active {

	

	text-decoration: none;

	color:#c8043d;

	font-weight: bold;

	}

#main #nav_container #navigation ul.nav_lvl2{

	margin-top: 10px;

	margin-bottom: 20px;

	margin-left: 15px;

	}



#main #nav_container #navigation ul.nav_lvl2 a{

	font-weight:normal;

	}



#main #nav_container #navigation ul.nav_lvl2 a.nav_lvl2_active{

	color:#c8043d;

	}





#main #nav_container #search_content {

	position: absolute;

	top: 442px;

	

	width:166px;

	height:564px;

	

	background-image:url(../img/layout/search_content_background.png);

	background-repeat:no-repeat;

	

	}

	

#main #nav_container #search_content h1{

	font-size: 10px;

	font-weight: bold;

	

	margin-left: 15px;

	margin-top: 5px;

	}	

#main #nav_container #search_content input{

	

	width: 95px;

	

	border: 1px solid #666;

	margin-left: 15px;

	

	padding:3px;

	

	margin-top: 5px;

	

	}

#main #nav_container #search_content input.submit{

	position:absolute;

	

	width: 21px;

	height: 21px;

	

	float: right;

	

	border: 1px solid #666;

	background-image:url(../../../sites/img/layout/search-icon-red.gif);

	background-position:center;

	background-repeat:no-repeat;

	margin-left: 5px;

	margin-top: 5px;

	margin-right: 20px;

	

	padding:3px;;

	

	}

/******************* Login *************************/

#main #login {

	position: absolute;	

	left:470px;

	

	width: 369px;

	height: 36px;

	

	background-image:url(../img/layout/login_background.png);

	

	}

#main #login h1{

	float:left;

	font-size: 10px;

	font-weight: bold;

	

	margin-left: 8px;

	margin-top: 7px;

	}

#main #login a{

	text-decoration:none;

	}

#main #login img.infobox{

	position:absolute;

	top: 20px;

	left: 9px;

	}

#main #login input.username{

	

	width: 100px;

	

	border: 1px solid #666;

	margin-top: 7px;

	margin-left: 16px;

	

	padding:3px;

	}

#main #login input.password{

	width: 80px;

	padding:3px;

	

	margin-top: 7px;

	margin-left: 10px;

	

	border: 1px solid #666;

	

	}

#main #login p{

	font-weight: bold;

	color:#c8043d;

	

	margin-top: 3px;

	margin-left: 110px;

	

	padding:3px;;

	}



#main #login #logout{

	float: right;

	

	margin-top: 7px;

	margin-right: 8px;

	}

#main #login #login_button{

	float: right;

	

	width: 80px;

	height:21px;

	

	margin-top: 7px;

	margin-right: 8px;

	

	color: #666666;

	background-color:#CCCCCC;

	border: 1px solid #666;

	

	color:#FFFFFF;

	

	}

/********************** Banner ***************************/

#main #banner {

	position: absolute;	

	left:167px;

	top: 36px;

	

	width: 682px;

	height: 192px;

	}

	

#main #banner #title{

	position: absolute;	

	left:20px;

	top: 145px;

	}

	

#main #banner #title h1{

	font-size: 30px;

	color:#c8043d;

	font-weight:normal;

	}



#main #banner img{

	position: absolute;	

	}

#main #banner #logo{

	position: absolute;	

	left:367px;

	top: 16px;	

	}



/********************** Content Head ***************************/

#main #con_head{

	position: absolute;	

	left:167px;

	top: 233px;

	

	width: 516px;

	height: 5px;

	

	background-image:url(../img/layout/con_head_background.png);

	}



/********************** Content Container ***************************/

#main #content{

	position: relative;	

	left:167px;

	top: 238px;

	

	width: 516px;

	min-height: 487px;

	

	background-image:url(../img/layout/footer_background.png);

	background-repeat: no-repeat;

	background-position:bottom;

	}

	

#main #content #frame{

	padding: 20px;

	}

	



#main #content #col_left{

	float: left; 

	width: 250px; 

	padding: 0px;

	padding-left:20px;

	padding-left:20px;

	padding-top:20px;

	}



#main #content #col_right{

	margin-left: 290px; 

	padding: 0px; 

	padding-right:20px;

	padding-top:20px;

	}



#main #content #frame #spalte_links{

	float: left; 

	width: 270px; 

	padding: 0px;

	padding-left:0px;

	padding-top:0px;

	}



##main #content #frame #spalte_rechts{

	margin-left: 290px; 

	padding: 0px; 

	padding-right:0px;

	padding-top:0px;

	}

		



/********************** Content Elements***************************/



#main #content h1{

	padding-top: 5px;

	margin-left: 20px;

	font-size: 18px;

	color:#c8043d;

	font-weight:normal;

}

#main #content h2{

	margin-bottom: 8px;

	font-weight:bold;

}

#main #content h3{

	margin-bottom: 6px;

}

#main #content h4{

	padding-left: 5px;

	padding-bottom: 12px;

	border-bottom: #999999 1px dotted;

	}

	

#main #content p{

	line-height: 20px;

	}

#main #content ul{

	margin-top: 15px;

	}

		

#main #content li{

	list-style: outside square;

	margin-top: 6px;

	margin-left: 20px;

	}		



/**	alt, nicht IE7 tauglich

#main #content hr{

	margin-top: 15px;

	margin-bottom: 15px;

	

	border: none;

	border-top:dotted 1px #999999;

	}	

**/	



#main #content hr {

	margin-top: 15px;

	margin-bottom: 15px;

	color: #fff; 

	background-color: #fff; 

	border: 1px dotted #999999; 

	border-style: none none dotted; }



	







	

/***************** Content Formular ************************/

		

#main #content label{

	float:left;

	width: 100px;

	height: 20px;

	}



#main #content label.long{

	width: 150px;

	}

	

#main #content p.werte{

	margin-left: 160px;

}

	

#main #content input[type=text], #main #content input[type=file], #main #content input[type=password]{

	width: 200px;

	padding:3px;

	margin-bottom: 10px;

	border:#999999 1px solid;

	}

	

#main #content select{

	width: 208px;

	

	padding:3px;

	margin-bottom: 10px;

	

	border:#999999 1px solid;

	}

	

#main #content input[type=text].small, #main #content select.small, #main #content input[type=file].small{

	width: 100px;

	}

#main #content input[type=text].xsmall, #main #content select.xsmall, #main #content input[type=file].xsmall{

	width: 50px;

	margin-bottom: 0px;

	}

	

#main #content input[type=text]#zip{

	width: 50px;

	}

#main #content input[type=text]#city{

	width: 144px;

	}

#main #content textarea{

	width: 200px;

	

	border:#999999 1px solid;

	margin-bottom: 10px;

	}

#main #content input[type=submit], #main #content input[type=button]{

	padding: 3px;

	

	border:#999999 1px solid;

	margin-bottom: 10px;

	}

#main #con_footver{

	position: absolute;	

	left:0px;

	bottom: 0px;

	

	width: 516px;

	height: 347px;

	

	background-image:url(../img/layout/footer_background.png);

	}

	

/********************** Content Special ***************************/

#main #content table.message_header td{

	padding: 5px;		

	color:#c8043d;

	border-bottom: #999999 1px solid;

	}

	

#main #content table.message td{

	background-color: #E1E1E1;

	padding: 5px;

	

	color:#000000;

	border-bottom: #999999 1px solid;

	}

	

	

/********************** Content Popup ***************************/

#main #content a.popup{

	font-weight:bold;

	color:#c8043d;

	

	cursor:pointer;	

	}

#main #content a.popup:hover{

	text-decoration:underline;

	}

	

#main #content div.popup{

	position: absolute;

	left: 177px;

	top: 152px;

	

	display: none;

	

	width: 300px;

	

	

	padding: 10px;

	

	border-left: 1px #AAAAAA solid;

	border-top: 1px #AAAAAA solid;

	background-image:url(../img/layout/footer_background.png);

	background-position:bottom right;

	}

#main #content div.popup img{

	float:left;

	

	margin: 5px;

	}

#main #content div.popup p{

	font-weight: bold;

	}

/********************** Search Location ***************************/

#main #search_location {

	position: absolute;

	top: 234px;

	left: 688px;

	

	width:162px;

	height:124px;

	background-image:url(../../../sites/img/layout/search_location_background.png);

	background-repeat:no-repeat;	

	}

#main #search_location h1{

	font-size: 10px;

	font-weight: bold;

	

	margin-left: 15px;

	margin-top: 5px;

	}



#main #search_location img{

	font-size: 10px;

	font-weight: bold;

	

	margin-left: 10px;

	margin-top: 8px;

	}

/********************** Werbung ***************************/

#main #werbung{

	position: absolute;	

	left:688px;

	top: 360px;

	

	width: 162px;

	height:371px;

	

	}

#main #werbung img{

	position: absolute;

	}



/********************** Location ***************************/

#main #location li{

	color:#FFFFFF;

	width: 465px;

	padding: 5px;

	margin-top: 0px;

	margin-bottom: 1px;

	margin-left: 0px;

	

	background-color:#CCCCCC;

	

	list-style-type: none;

	

	}

#main #location li:hover{

	background-color:#FFFFFF;

	}

#main #location li a{

	text-decoration: none;

	

	}

/************************** Eigenmarken *********************/

#main #auflistung li{	

	background-color: #E1E1E1;

	padding: 5px;

	margin-left:0px;

	

	color:#000000;

	

	list-style-type:none;

	}

#main #auflistung li span.right{

	float: right;

	

	width: 220px;

	margin-bottom: 5px;

	}

#main #auflistung li a{

	font-weight:bold;

	cursor:pointer;

	}

#main #auflistung li p{

	clear: both;

	display:none;

	

	background-color:#FFFFFF;

	

	padding: 3px;

	}

/************************** Search *********************/

#main #search a.title{	

	padding-top: 5px;

	margin-left: 0px;

	

	font-size: 18px;

	color:#c8043d;

	font-weight:normal;

	

	text-decoration:none;

}

#main #search h1{	

	margin-top: 24px;

	margin-left: 0px;

}

#main #search a.phpdig{	

	margin-bottom: 17px;

}

#main #search p.nav_bar{

	display:none;

	margin-top: 17px;

		

	text-align:left;

	font-weight:bold;

	}

	

/********************** Wettbewerbe ***************************/	

div#table_left {

	float:left;

	width:18%;

}



div#table_right {

	float:right;

	width:77%;

}



div#table_left p, div#table_right {

	height:33px;

	vertical-align:middle;

}



#main #content #frame form #table_right input[type="text"] {

	width:150px;

}



/********************** Verteilung f&m ***************************/	



.plz_result {

	position:relative;

	float:right;

	width:214px;

}



.plz_form {

	float:left;

	width:230px;

	height:30px;

}



.delete_plz {

	position:absolute;

	color:#c8043d;

	font-size:14px;

	font-weight:bold;

	overflow:hidden;

}



.plz {

	position:relative;

	overflow:hidden;

	width:475px;

	top:0px;

}



#main #content .plz INPUT[type=text] {

	position:relative;

	float:left;

	width:200px;

}




/********************** Schulungen / Events ***************************/	


#main #content #frame form table tr td input[type="text"], #main #content #frame form table tr td select {
	width: 100px;
	padding:3px;
	margin-bottom: 10px;
	border:#999999 1px solid;
}


#main #content #frame #details_schulungen p{
	margin:0px;
}

#main #content #frame #details_schulungen table p  {
	line-height:normal;
}

#main #content #frame #details_schulungen ul {
	padding:0px;
	margin:0px;
}

#main #content #frame #details_schulungen ul li {
    margin-left: 16px;
    margin-top: 0px;
}

.button_schulung {
	border:1px solid #999999;
	padding:5px;
	background-color:#f0f0f0;
}

.button_schulung a, .button_schulung a:hover {
	text-decoration:none;
}

#main #content #frame .line1 {
	margin-top:10px;
	margin-bottom:10px;
}

/** Sammelbestellung **/
#main #content #frame form table tr td.sammel1 input[type="text"] {
	width:30px;
}

#main #content #frame table.sammel_table tr td p {
	line-height:normal;
}

#main #content textarea.noorder_txt {
	width:475px;;
}