/* -- HTML Elemente -- */
html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	color:#000;
	font:11px Verdana, Arial, sans-serif;
	background:url(../img/body.gif) repeat-x #F2F2F2;
}

img {
	vertical-align:middle; /* müssen im Content top-aligned sein! */
	border:0;
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-weight:bold;
}

h1 {
	position:absolute;
	top:138px;
	left:220px;
	color:#ADB2AC;
	font-size:15px;
}

h2 { 
	color:#D1D662;
	font-size:14px;
}

.checkbox {
	border:none;
}

.error {
	color:#FF0000;
}

.note {
	color:#ADB2AC;
}

/* -- Formularelemente -- */
form {
	margin:0;
	display:inline;
}

input,
textarea,
select,
option {
	font:11px Verdana, Arial, sans-serif;
}

input,
textarea {
	margin:0;
	padding:2px;
	color:#737572;
	border:1px solid #ADB2AC;
	background:transparent;
}

	input.option_submit {
		margin:0;
		padding:0;
		cursor:pointer;
		vertical-align:middle;
		color:#000;
		border:0;
	}

dt {
	margin:2px 0;
	float:left;
	clear:left;
}

dd {
	margin:2px 0;
}

fieldset {
	margin:10px 0 0 0;
	padding:10px 5px;
	border:1px solid #D1D662;
}

legend {
	padding:0 10px;
	font-weight:bold;
	color:#000000;
}

/* -- Header -- */
div#mast_head {
	width:771px;
	height:133px;
	position:relative; /* !! */
	/*background:url(../img/mast_head.gif) repeat-x;*/
}

	div#logo {
		position:absolute;
		top:57px;
		left:20px;
	}
	
/* -- Tree -- */
div#tree {
	position:absolute;
	top:119px;
	left:220px;
	color:#CCC;
	font-size:10px;
}

	div#tree a:link,
	div#tree a:visited {
		color:#CCC;
		text-decoration:none;
	}
	
	div#tree a:hover,
	div#tree a:active {
		text-decoration:underline;
	}
	
	a#first_tree_item {
		font-weight:bold;
	}

/* -- Suche -- */
div#search {
	width:200px;
	position:absolute;
	top:47px;
	left:771px;
	z-index:255;
}

	div#search input {
		width:80px;
	}

	div#search input.option_submit {
		width:auto !important;
	}
	
/* -- Service Navigation -- */
ul#top_bar {
	width:771px;
	margin:9px 0 0 0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	text-align:right;
}    
	
	ul#top_bar li {
		float:right;
	}
	
	ul#top_bar a {
		padding:6px 9px 7px 9px;
		display:block;
		background:url(../img/top_bar_links.gif) no-repeat right top;
	} 
	
	ul#top_bar a:link,
	ul#top_bar a:visited {
		color:#FFFEFF;
		text-decoration:none;
	}
	
	ul#top_bar a:hover,
	ul#top_bar a:active {
		text-decoration:underline;
	}
	
/* -- Hauptnavigation -- */    
ul#nav {
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	top:159px;
	left:0;
	float:left;
	list-style:none;
}
	
	ul#nav a {
		height:16px;
		margin:0 8px 0 0;
		padding:5px 0 5px 22px;
		display:block;
		background:#D1D662;
		border-bottom:1px solid #ADB2AC;
	}   
	
	ul#nav a:link,
	ul#nav a:visited {
		color:#000;
		text-decoration:none;
	}
	
	ul#nav a:hover,
	ul#nav a:active {
		text-decoration:underline;
	}
	
	ul#nav a.active {
		color:#000 !important;
		background:#FFF;
	}
	
		/* -- Unternavigation -- */
		ul#sub_nav {
			margin:0;
			padding:0 0 0 7px;
			list-style:none;
			background:url(../img/sub_nav.gif) repeat-y left;
			border-bottom:1px solid #ADB2AC;
		}
		
		ul#sub_nav a {
			margin:0 1px 0 0;
			padding:5px 0 5px 21px;
			background:#FFF;
			border-bottom:none;
		}
		
		ul#sub_nav a:link,
		ul#sub_nav a:visited {
			color:#959A96;
			text-decoration:none;
		}
		
		ul#sub_nav a:hover,
		ul#sub_nav a:active {
			text-decoration:underline;
		}
		
	
/* -- Content -- */
div#content {
	width:779px; 
	height:auto; /* CSS Hack fuer min-height in IE -> http://www.wellstyled.com/css-minheight-hack.html */
	margin:0 0 0 192px;
	float:left; 
	display:inline; /* IE Fix -> http://www.positioniseverything.net/explorer/doubled-margin.html */
	background:url(../img/content.gif) repeat-y;
}
	
	div#content_top {
		/*height:26px; */
		width:779px;
		float:left;
		background:url(../img/top_green_corner.gif) no-repeat right top;
	}

		div#content_main_col {
			width:579px; 
			margin:26px 0 0 0;  
			float:left;
		}

		/* -- Oberer Content Teil (Subnav, Grafik) -- */
		ul#content_subnav {
			margin:0;
			padding:20px 0 0 20px;
			list-style:none;
		}

			ul#content_subnav a {
				width:160px;
				padding:15px 0 0 28px;
				display:block;
				background:url(../img/sub_nav_bullet.gif) no-repeat 0 15px;
			}
			
			ul#content_subnav a:link,
			ul#content_subnav a:visited {
				color:#000;
				text-decoration:none;
			}
			
			ul#content_subnav a:hover,
			ul#content_subnav a:active {
				text-decoration:underline;
			}
			

		div#content_pic {
			padding:0 1px 0 0;
			float:right;
		}

			div#content_pic img {
				vertical-align:top;
			}
		
		/* -- Unterer Content Teil (Text) -- */
		div#content_body {
			clear:right;
			line-height:1.5em;
		}
			
			 div#content_body p {
				margin:0;
				padding:10px 0;
			 }
			 
			 div#content_body img {
			 	vertical-align:top;
			 }

			 div#content_body a:link,
			 div#content_body a:visited {
				color:#ABAF5B;
				text-decoration:underline;
			 }

			 div#content_body a:hover,
			 div#content_body a:active {
				color:#000;
				text-decoration:none;
			 }

			 div#content_body ul {
				margin:10px 0 5px 0;
				padding:0 0 0 0;
				list-style:none;
			 }

				div#content_body ul li {
					padding:0 0 0 12px;
					background:url(../img/content_bullet.gif) no-repeat 0 6px;
				}

			/* Überschriften im Content */
			div#content_body h2,
			div#content_body h3 {
				padding:10px 0 0 0;
			}

			div#content_body h3 {
				color:#AAA;
				font-size:13px;
			}

			/* CSS Styled Content Formulare im Content */
			fieldset.csc-mailform {
				padding:10px 15px;
			}

				div#content_body div.csc-mailform-field {
					width:100%;
					padding:1px 0;
					float:left;
					clear:left;
				}

					div#content_body div.csc-mailform-field label {
						width:120px;
						display:block;
						float:left;
					}
					
					div#content_body div.csc-mailform-field input {
						width:170px;
					}

					div#content_body div.csc-mailform-field textarea {
						width:292px;
					}

					input.csc-mailform-submit {
						width:auto !important;
						margin:10px 0 0 0;
						cursor:pointer;
					}

			/* -- Login/neuen Kunden anlegen -- */
			div#login,
			div#new_customer {
				width:49%;
				margin:20px 0 10px 0;
				float:left;
			}

			div#new_customer {
				padding:0 0 0 10px;
			}

				div#login dt,
				div#new_customer dt {
					width:100px;
				}

				dd#do_login {
					padding-top:10px; 
					padding-right:12px; 
					text-align:right;
				}

					p#do_login img {
						vertical-align:middle;
					}

				p#new_customer_save_data {	
					padding-right:20px !important;
					text-align:right;
				}

					p#new_customer_save_data input {
						border:0;
					}

				p#add_new_customer {
					padding-top:53px !important;
					text-align:right;
				}
				
			/*  
				Layout Variante 1:
				Zweispaltig
			*/
			div.layout_two_cols { }

				div.layout_two_cols div#content_body_left {
					width:180px; 
					padding:20px 0 0 20px; 
					float:left;
				}

					div.layout_two_cols div#content_body_left h2 {
						color:#AAA;
					}

				div.layout_two_cols div#content_body_right {
					width:335px; 
					padding:20px 0 0 25px; 
					float:left;
				}

			/*  
				Layout Variante 2:
				Einspaltig, linke Spalte vorhanden, aber unbenutzt
			*/
			div.layout_one_col { }

				div.layout_one_col div#content_body_left {
					width:200px;
					height:10px;
					float:left;
				}

				div.layout_one_col div#content_body_right {
					width:335px; 
					padding:20px 0 0 25px; 
					float:left;
				}

			/*  
				Layout Variante 3:
				Keine bzw. nur eine normale Spalte
			*/
			div.layout_no_col { }

				div.layout_no_col div#content_body_left {
					display:none;
				}

				div.layout_no_col div#content_body_right {
					padding:20px 20px 0 20px;
				}
			 
		/* -- News, Teaser Spalte -- */    
		div#content_right_col {
			width:199px;
			float:left;
		}

			div#content_right_col h3 {
				height:29px;
				padding:7px 10px 0 10px;
				color:#666;
				font-size:11px;
				font-weight:bold;
			}
			
			div#content_right_col h4 {
				padding:8px 7px 5px 7px;
				color:#D4D366;
				font-size:12px;
				font-weight:bold;
			}
			
			div#content_right_col dt {
				width:70px;
				padding:2px 0 0 10px;
			}
			
			/* -- Formularelemente innerhalb der rechten Spalte -- */
			div#content_right_col dd input {
				width:100px;
			}

			div#content_right_col textarea {
				width:170px;
				margin:0 0 0 10px;
			}

				ul#right_col_form_errors {
					padding:0 10px;
					list-style:url(../img/error_bullet.gif) inside;
				}
			
				/* -- Teaser/News Box -- */    
				div.right_col_item {
					border-bottom:1px solid #EDEFC0;
				}
				
					div.right_col_item p {
						padding:0 7px 0 10px;
						line-height:1.5em;
					}
					
					div.right_col_item a:link,
					div.right_col_item a:visited {
						padding:0 0 0 27px;
						color:#000;
						text-decoration:none;
						background:url(../img/more_link.gif) no-repeat left center;
					}
					
					div.right_col_item a:hover,
					div.right_col_item a:active {
						text-decoration:underline;
					}            

/* -- Footer -- */
div#footer {
	width:779px;
	margin:0 0 0 192px;
	padding:35px 0 10px 0;
	clear:both;
	color:#999;
	font-size:10px;
	text-align:right;
	background:url(../img/footer.gif) no-repeat center top; 
}

	div#footer span {
		padding:0 200px 0 0;
	}

	div#footer a:link,
	div#footer a:visited {
		color:#ABAF5B;
		text-decoration:underline;
	}
	div#footer a:hover,
	div#footer a:active {
		color:#000;
		text-decoration:none;
	}

/* ------------------------------------------------------------ */
/*                          Indexed Search                      */
/* ------------------------------------------------------------ */

hr.search_result_divider {
	color:#FFF;
	background-color:#FFF;
	border:1px dashed #ADB2AC;
	border-width:1px 0px 0px 0px;
}

span.tx-indexedsearch-sw {
	color:#777;
	font-weight:bold;
	font-style:italic;
}

ul.browsebox {
	margin:0 !important;
	padding:10px 0 !important;
	list-style:none;
}

	ul.browsebox li {	
		padding:0 0 8px 0 !important;
		display:inline;
		background:transparent !important;
	}
	
	ul.browsebox a {
		padding:2px 2px 6px 2px;
		text-decoration:none;
	}

/* ------------------------------------------------------------ */
/*                             Sitemap                          */
/* ------------------------------------------------------------ */

div.sitemap {
	
}

	div.sitemap ul {
		margin:0;
		padding:0 0 0 25px;
		list-style:none;
	}

		div.sitemap h2 {
			color:#AAA;
		}

		div.sitemap h3 {
			margin:5px 0;
			padding:3px 10px;
			color:#ABAF5B;
			font-size:12px;
			background:#EDEFC0;
		}

			div.sitemap h3 a:visited {

			}

		div.sitemap ul ul {
			padding:0 0 0 40px;
		}

			div.sitemap ul ul a {
				color:#ADB2AC !important;
			}

/* ------------------------------------------------------------ */
/*                        Registrierung                         */
/* ------------------------------------------------------------ */
div.tx-srfeuserregister-pi1 {

}

	div.tx-srfeuserregister-pi1 dl {
		width:415px; 
		margin:0 auto;
	}

		div.tx-srfeuserregister-pi1 dt {
			width:190px;
			padding:1px 0 1px 0;
			text-align:left;
		}

		div.tx-srfeuserregister-pi1 dd {
			width:220px;
			padding:1px 0;
			float:left;
		}

			div.tx-srfeuserregister-pi1 span {
				color:#AFB352;
			}

			p.tx-srfeuserregister-pi1-error {
				color:#FF0000;
			}

			input.tx-srfeuserregister-pi1-text {
				width:210px;
			}

			div.tx-srfeuserregister-pi1 select {
				width:218px;
			}

			input.tx-srfeuserregister-pi1-radio {
				margin:0 5px 0 0;
				vertical-align:middle;
				border:0;
			}

			input#tx-srfeuserregister-pi1-gender-1 {
				margin-left:10px;
			}

			input#tx-srfeuserregister-pi1-password {
				margin:0 34px 0 0;
			}

			* html input#tx-srfeuserregister-pi1-password_again {
				margin:0 0 0 4px;
			}

			input.tx-srfeuserregister-pi1-submit {
				width:160px !important;
				cursor:pointer;
			}

			#tx-srfeuserregister-pi1-submit-row {
				text-align:right;
			}

				dd#tx-srfeuserregister-pi1-submit-row input {
					margin:0 10px 0 0;
				}

				* html dd#tx-srfeuserregister-pi1-submit-row input {
					margin:0 6px 0 0;
				}

			p.tx-srfeuserregister-pi1-error {
				margin:0 !important;
				padding:0 !important;
			}

			/* Vorschau zum Überprüfen der Daten */
			dl#tx-srfeuserregister-pi1-preview {
				margin-top:15px;
			}

				dl#tx-srfeuserregister-pi1-preview dd,
				dl#tx-srfeuserregister-pi1-preview dt {
					height:16px;
					margin:0 !important;
					padding:2px 0  !important;
					line-height:16px !important;
					border-bottom:1px solid #CCC;
				}

			p#tx-srfeuserregister-pi1-submit-row-preview {
				padding:0 60px 0 0 !important; 
				text-align:right;
			}

				p#tx-srfeuserregister-pi1-submit-row-preview input {
					margin-top:15px;
				}

/* ------------------------------------------------------------ */
/*                        Google Maps                           */
/* ------------------------------------------------------------ */
div#gmapDirHead {
	padding:5px;
	background:#EEE;
	border:1px solid #D1D662;
}

/* ------------------------------------------------------------ */
/*                     Produkttabelle                           */
/* ------------------------------------------------------------ */
table.produkttabelle {
	margin-top:10px;
	border-spacing:0px;
	border-collapse:collapse;
	border:1px solid #ADB2AC;
}

table.produkttabelle th, table.produkttabelle td {
	text-align:center;
	padding:2px;
	border:1px solid #ADB2AC;
	vertical-align:middle;
}
table.produkttabelle th {
	background-color:#D1D662;
}
table.produkttabelle a {
	/*color:#000000!important;*/
}

table.produkttabelle .left {
	/*color:#666;*/
	text-align:left !important;
}

table.produkttabelle .label {
	font-weight:bold;
}

table.produkttabelle tr.top th {
	background:#D1D662 !important;
}

table.produkttabelle tr.b td {
	background:#EEE;
}

table.produkttabelle tr.b th {
	background:#EEE;
}

table.produkttabelle tr.a th {
	background:transparent;
}

table.produkttabelle p {
	margin:0 !important;
	padding:0 !important;
}

/* ------------------------------------------------------------ */
/*                         Uploads                              */
/* ------------------------------------------------------------ */
table.csc-uploads {
	margin:10px 0 0 0;
}

a.ohne_icon {
	background-image:none!important;
}