/****
	WEC_MAP STYLES
		****/
		
		.tx-wecmap-pi2,
		.tx-wecmap-pi2 p,
		.tx-wecmap-pi2 h1,
		.tx-wecmap-pi2 h2,
		.tx-wecmap-pi2 h3,
		.tx-wecmap-pi2 h4,
		.tx-wecmap-pi2 h5 {
			color: #0c0c0a;
			font-size: 10px;
		}
		
		.tx-wecmap-pi2 h1, 
		.tx-wecmap-pi2 h2, 
		.tx-wecmap-pi2 h3, 
		.tx-wecmap-pi2 h4, 
		.tx-wecmap-pi2 h5 {
			font-size: 14px;
		}
		
		#col1 .tx-wecmap-pi2 a {
			color: #666666;
			text-decoration: underline;
		}


/****
	GENERAL SCREEN CSS FILE
		****/

html {
	height: 100%;
	margin: 0;
	padding: 0;
	
}
	
body {
	height: 100%;
	margin: 0;
	padding: 0;
	
	background: #0c0c0a url(../img/body.png) repeat-x;
	
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	
	text-decoration: none;		
	color: #FFFFFF;
	
	text-align: center;
	
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
	font-family: Tahoma;
}

h1,h2,h3,h4,h5,h6 { font-family: Arial; }

a {
	color: #ffcc00;
	text-decoration: none;
	
}

/****
	PSEUDO
		****/
		
		#top {
			display: none;
			position: absolute;
			top: 0; left: 50%;
			width: 918px; height: 100%;
			margin-left: -459px;
			text-align: left;
		}

/****
	CONTAINTER
		****/


		#container {
			position: relative;
			top: 0; left: 0;
			width: 900px; height: auto;
			padding: 0 9px;
			margin: 0 auto;
			text-align: left;
			background: url(../img/container.png) repeat-y;
		}
		
/****
	HEADER
		****/
		
		#header {
			position: relative;
			top: 0; left: 0;
			width: 100%; height: 120px;
		}
		
		/* HEADER LOGO */
			
			#header h1 {
				position: absolute;
				top: 45px; left: 20px;
				font-size: 26px;
				margin: 0;
				padding: 0;
				width: 100%; height: 30px;
				border-bottom: 5px solid #403E37;
				color: #403E37;
			}
			
			#header h1 span {
				background: url(../img/header_logo.png) no-repeat -20px -5px;
				width: 287px; height: 54px;
				position: absolute;
			}
			
			
/****
	JUMP
		****/
		
		#jump {
			display: none;
		}

/****
	PATH
		****/
		
		#path {
			display: none;
			position: relative;
			top: 0; left: 0;
			margin: 220px 0 0 20px;
			width: 858px; height: 30px;
			color: #c5c2b9;
		}
	
		#path ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		#path ul,
		#path ul li,
		#path ul li span {
			position: relative;	
			display: block;
			float: left;
			padding-right: 0;
		}	
		
		#path ul li span { padding-right: 3px; }	
		
		#path a { color: #c5c2b9; text-transform: uppercase; padding: 0 2px; }
		
			
/****
	CONTENT
		****/
		
		#content {
			position: relative;
			top: 0; left: 0;
			margin: 10px 0 0 20px;
			padding: 0 0 50px 0;
			width: 862px; height: auto;
		}
		
		
		#col0, #col1, #col2 {
			display: block;
			float: none;
			position: relative;
			margin: 0 6px 50px 0;
		}
		
		#col0 {
			display: none;
			position: relative;
			top: 0; left: 0;
			width: 160px; height: auto;
		}
		
		
			
		
		/* MAIN CONTENT */
		#col1 {
			position: relative;
			top: 0; left: 0;
			width: 600px; height: auto;
			padding: 0 10px;
		}
		
		#col1 a {
			color: #ffcc00;
			
		}
		
		#col1 h2 {
			color: #403E37;
			text-transform: uppercase;
			font-size: 16px;
			margin: 0 0 15px 0;
			padding: 0;
			font-family: Arial;
		}
		
		#col1 h3 {
			color: #403E37;
			font-size: 14px;
			margin: 15px 0 10px 0;
			padding: 0;
			font-family: Arial;
		}
		
		#col1 ul { 
			list-style-type: none;
			margin: 10px 0;
			padding: 0;
		}
		
		#col1 ul li {
			background: url(../img/col1_li.png) no-repeat left 4px;
			padding-left: 14px;
			margin: 15px 0 0 0;
		}
		
		#col1 .csc-sitemap ul li {
			margin: 6px 0 0 0;
			font-weight: bold;
		}
		
		#col1 .csc-sitemap ul li ul { margin: 5px 0 0 0; }
		
		#col1 .csc-sitemap ul li ul li {
			margin: 1px 0 0 0;
			font-weight: normal;
		}
		
		/* MAILFORM */
		
		#col1 fieldset {
			border: 0;
		}	
		
		#col1 .csc-mailform-field {
			position: relative;
			width: auto; height: 22px;
		}
		
		#col1 .csc-mailform-field label {
			position: absolute;
			margin-top: 2px;
		}
		
		#col1 .csc-mailform-field input,
		#col1 .csc-mailform-field textarea {
			position: absolute;
			left: 100px;
			font-size: 11px;
		}
		
		#col1 .csc-mailform-field .csc-mailform-submit {
			position: absolute;
			margin-top: 100px;
		}
		
		
	/* COL2 */
		
		#col2 {
			display: none;
			position: relative;
			top: 0; left: 0;
			width: 254px; height: auto;
		}
		
			
		/* TEASER COL2 */
		
			#col2 .teaser1, #col2 .teaser2, #col2 .teaser3 {
				position: relative;
				display: block;
				margin: 0 0 5px 0;
				padding: 10px 15px;
				width: 224px; height: 134px;
				background: url(../img/cols_bg.png) repeat-x left top;
			}
			
			#col2 .teaser1 h3, #col2 .teaser2 h3, #col2 .teaser3 h3 {
				margin: 0 0 4px 0;
				padding: 0;
				color: #9e998b;
				font-size: 14px;
				text-transform: uppercase;
			}
			
			#col2 .teaser1 p, #col2 .teaser2 p, #col2 .teaser3 p {
				color: #c5c2b9;
				margin: 0;
			}
			
			#col2 .teaser1 span, #col2 .teaser2 span, #col2 .teaser3 span {
				color: #ffcc00;
			}
			
			#col2 .teaser_link {
				position: absolute;
				bottom: 0; right: 0;
				margin: 0 10px -5px 0;
			}
			#col2 .teaser_link div a {
				color: #ffcc00;
				background: url(../img/teaser_link.png) no-repeat left center;
				padding-left: 10px;
				text-decoration: none;
			}
			
			#col2 .teaser_link a:hover {
				color: #FFFFFF;
			}
			
			#col2 .teaser2_price {
				position: absolute;
				top: 0; left: 0;
				margin: 19px 0 0 46px;
			}
			
			#col2 .teaser2_price p.bodytext {
				font-size: 36px;
				font-weight: bold;
				font-family: Tahoma;
				color: #ffcc00;
			}
			
/****
	IMAGE AT HEADER
		****/
		
		#image {
			display: none;
			position: absolute;
			top: 0; left: 0;
			margin: 103px 0 0 29px;
			width: 849px; height: 345px; /* height: 185px; */
			border: 5px solid #6e6b5e;
			overflow: hidden;
			}
			
/****
	MENU1
	Config for YP-Menu
	To enable it rename div id menu to menu1
		****/
		
		#menu1 {
			display: none;
			position: absolute;
			/* top: 78px; left: 438px; */
			/*top: 78px; left: 380px; - ohne Tankstellennetz */
			top: 78px; left: 360px;
			/* width: 508px; height: 22px; - ohne Tankstellennetz */
			width: 528px; height: 22px;
			background: #ffcc00;
			text-align: left;
			
		}
		
		#menu1 ul {
			position:absoulute;
			top: 0px;
			list-style: none;
			width: 450px; height: 30px;
			margin: 0;
			padding: 0;
		}
		
		#menu1 ul li {
			position:absoulute;
			top: 0px;
			display: block;
			margin: 0;
			padding: 0 0 0 0;	
		}
		
		#menu1 ul li span {
			display: none;
		}
		
		#menu1 ul li ul {
			position:absoulute;
			top: 0px;
			display: block;
			/* width: 508px; height: 30px; - ohne Tankstellennetz */
			width: 608px; height: 30px;
			position: absolute;
			padding: 5px;
		}
		
		#menu1 ul li ul li {
			position:absoulute;
			top: 0px;
			display: block;
			float: left;
			width: auto;
			margin-right: 10px;
			height: 20px;
			border-bottom: 10px solid transparent;
		}
		
		#menu1 .mmContainer {
			position: absolute;
			left: -326px;
			width: 849px; 
			top: 30px;		
			padding: 10px 0 0 0;
		}		

		#menu1 .mmContainer .mmContent {
			height: 100%;
			top: 7px;
			padding-top: 10px;
			background: #ffcc00;
			filter:alpha(opacity=90);
			-moz-opacity:.90;
			opacity:.90;
		}
		
		
		#menu1 .mmContainer #menu9Content ul.mmLevel1 {
			/* padding-left: 409px; */
			padding-left: 331px;
		}
		
		#menu1 .mmContainer #menu8Content ul.mmLevel1 {
			/* padding-left: 468px; */
			padding-left: 419px;
		}
		
		#menu1 .mmContainer #menu7Content ul.mmLevel1 {
			/* padding-left: 571px; */
			padding-left: 493px;
		}
		
		#menu1 .mmContainer #menu6Content ul.mmLevel1 {
			/* padding-left: 647px; */
			padding-left: 575px;
		}	
		
		#menu1 .mmContainer #menu5Content ul.mmLevel1 {
			/* padding-left: 725px; */
			padding-left: 654px;
		}
		
		#menu1 .mmContainer #menu44Content ul.mmLevel1 {
			/* padding-left: 778px; */
			padding-left: 706px;
		}	
		
		#menu1 .mmContainer #menu4Content ul.mmLevel1 {
			/* padding-left: 778px; */
			padding-left: 783px;
		}
		
		#menu1 .mmContainer #menu2Content ul.mmLevel1 {
			/* padding-left: 778px; */
			padding-left: 868px;
		}	
		
		#menu1 a { color: #FFFFFF; text-transform: uppercase; }
		
		
/****
	MENU
		****/
		
		#menu {
			display: none;
			position: absolute;
			/* top: 78px; left: 438px; */
			/* top: 78px; left: 380px; - ohne Tankstellennetz */
			top: 78px; left: 380px;
			/* width: 508px; height: 22px; - ohne Tankstellennetz */
			width: 508px; height: 22px;
			background: #ffcc00;
			text-align: left;
			
		}
		
		#menu ul {
			position:absoulute;
			top: 0px;
			list-style: none;
			width: 450px; height: 30px;
			margin: 0;
			padding: 0;
		}
		
		#menu ul li {
			position:absoulute;
			top: 0px;
			display: block;
			margin: 0;
			padding: 0 0 0 0;	
		}
		
		#menu ul li span {
			display: none;
		}
		
		#menu ul li ul {
			position:absoulute;
			top: 0px;
			display: block;
			/* width: 508px; height: 30px; - ohne Tankstellennetz */
			width: 608px; height: 30px;
			position: absolute;
			padding: 5px;
		}
		
		#menu ul li ul li {
			position:absoulute;
			top: 0px;
			display: block;
			float: left;
			width: auto;
			margin-right: 10px;
			height: 20px;
			border-bottom: 10px solid transparent;
		}
		
		#menu ul li ul li ul {
			position: absolute;
			display: none;
			margin: 30px;
			padding: 5px 0;
			/* top: 0; left: -434px; */
			/* top: 0px; left: -376px; - ohne Tankstellennetz */
			top: 0px; left: -376px;
			width: 849px; height: auto;
			background: #ffcc00;
			filter:alpha(opacity=80);
			-moz-opacity:.80;
			opacity:.80;
		}
		
		#menu ul li ul li ul li {
			position: relative;
			display: block;
			left: -80px;
			float: none; 
			width: auto;
			height: auto;
			margin: 0; 
			padding: 0;
			border: 0;
		}
		
				#menu .menu10 {
			/* padding-left: 409px; */
			padding-left: 431px;
		}
		
		#menu .menu20 {
			/* padding-left: 468px; */
			padding-left: 515px;
		}
		
		#menu .menu30 {
			/* padding-left: 571px; */
			padding-left: 587px;
		}
		
		#menu .menu40 {
			/* padding-left: 647px; */
			padding-left: 664px;
		}	
		
		#menu .menu50 {
			/* padding-left: 725px; */
			padding-left: 741px;
		}
		
		#menu .menu60 {
			/* padding-left: 778px; */
			padding-left: 793px;
		}	
		
		#menu .menu70 {
			/* padding-left: 778px; */
			padding-left: 868px;
		}
		
		#menu .menu80 {
			/* padding-left: 778px; */
			padding-left: 948px;
		}	

		
		
		#menu a {
			color: #333333;
			text-decoration: none;
			text-transform: uppercase;
		}
		#menu a:hover, #menu a.active {
			color: #FFFFFF;
		}
		#menu ul li ul li ul li a:hover,
		#menu ul li ul li ul li a.active {
			background: url(../img/menu1_hover.png) no-repeat left center;
			padding-left: 10px;
		}
		#menu ul li ul li ul li a {
			background: url(../img/menu1.png) no-repeat left center;
			padding-left: 10px;
		}
		
		
/****
	MENU 2
		****/
		#menu_item {
			display: none;
			position: absolute;
			width: 160px;
			float: none; clear: left;
			top: 0; left: 0;
			margin: 507px 0 0 29px;
		}
		
	
	/*** MENU ITEM ***/
		
		#menu2 {
			display: none;
			position: relative;
			top: 0; left: 0;
			text-transform: uppercase;
		}
		
		#menu2 ul {
			list-style: none;
			width: 160px;
			height: auto;
			margin: 0;
			padding: 0;
		}
		
		#menu2 ul li {
			display: inline;
			margin: 0;
			padding: 0;
			
		}
		
		#menu2 ul li span{
			display: none;
		}
		
		#menu2 ul li ul {
			position: relative;
			display: block;
			width: 160px;
			height: auto;
			margin: 0;
			padding: 0;
		}
		
		#menu2 ul li ul li {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
		}
		
		#menu2 ul li ul li ul {
			margin-top: 8px;
		}
		
		#menu2 li.active { color: #ffcc00; }
		
		#menu2 a {
			color: #FFFFFF;
			text-decoration: none;
			background: url(../img/menu2.png) no-repeat left center;
			padding-left: 10px;
		}
		#menu2 a.active {
			color: #ffcc00;
			background: url(../img/menu2_active.png) no-repeat left center;
		}
		#menu2 a:hover {
			color: #ffcc00;
			background: url(../img/menu2_active.png) no-repeat left center;
		}
		
		
/*** OCLS ***/
		
		#ocls {
			display: none;
			position: relative;
			float: none; clear: left;
			top: 0; left: 0;
			margin: 20px 0 0 0 ;
		}
			
		#ocls ul {
			list-style: none;
			width: 160px;
			height: auto;
			margin: 0;
			padding: 0;
		}
		
		#ocls ul li {
			display: inline;
			margin: 0;
			padding: 0;
			
		}
		
		#ocls ul li span {
			color: #ffcc00; 
			text-transform: uppercase; 
		}
		
		#ocls ul li ul {
			position: relative;
			display: block;
			width: 160px;
			height: auto;
			margin: 8px 0 0 0;
			padding: 0;
		}
		
		#ocls ul li ul li {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
		}
		
		#ocls li.active { color: #ffcc00; text-transform: uppercase; }
		
		#ocls a {
			color: #FFFFFF;
			text-decoration: none;
			background: url(../img/menu2.png) no-repeat left center;
			padding-left: 10px;
			text-transform: none;
		}
		#ocls a.active {
			background: url(../img/menu2_active.png) no-repeat left center;
		}
		#ocls a:hover {
			color: #ffcc00;
			background: url(../img/menu2_active.png) no-repeat left center;
		}
		
/****
	SITELINKS
		****/
				
		#sitelinks {
			display: none;
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			margin: 10px 0 0 0;
			text-align: right;
		}
		
		#sitelinks ul { 
			list-style-type: none;
			margin: 0;
			padding: 0 22px 0 0;
		}
		
		#sitelinks ul,
		#sitelinks ul li {
			position: relative;
			display: block;
			float: right;
			padding-left: 5px;
		}
		
		#sitelinks a {
			color: #6f6c5f;
			text-decoration: none;
			font-weight: normal;
			font-size: 11px;
			padding-right: 7px;
			text-transform: uppercase;
		}
		
		#sitelinks a:hover {
			color: #FFFFFF;
		}
		
		#sitelinks a.line {
			background: url(../img/menu_line.png) no-repeat right 2px;
			
		}
	
		
			
/****
	FOOTER
		****/
		
		#footer {
			position: relative;
			clear: both;
			top: -30px; left: 0;
			width: 859px; height: auto;
			margin: 0 0 0 20px;
			padding: 10px 0 0 0;
			border-top: 10px solid #6e6b5e;
			font-size: 9px;
			letter-spacing: 1px;
		}
		
		/* PRINT FORWARD ... */
		
			#toolbox {
				display: none;
				position: relative;
				float: left;
			}
			
			#toolbox ul {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			
			#toolbox ul li {
				display: inline;
			}
			
			#toolbox ul li span {
				display: none;
			}
			
			#toolbox a { color: #6f6c5f; text-decoration: none; text-transform: none; padding-right: 20px; }
			#toolbox a.forward { background: url(../img/forward.png) no-repeat left center; padding-left: 20px; }
			#toolbox a.print { background: url(../img/print.png) no-repeat left center; padding-left: 20px; }
			
		/* ADDRESS */
	
			address {
				position: relative;
				float: none;
				margin: 0;
				color: #6f6c5f;
				font-style: normal;
			}	
			
			address a { padding-left: 10px; color: #6f6c5f; text-decoration: none; }
			
			
			
			#agentur_net {
				display: none;
				position: relative;
				float: right;
				height: 16px;
				width: 128px;
				overflow: hidden;
				margin-top: -6px;
			}
			
			#agentur_net span { display: none; }
			
			/* TODO -> Error Safari 3.0.3 - image is cut */
			#agentur_net a {
				display: block;
				height: 100%;
				width: 100%;
				overflow: hidden;
				background: url(../img/agentur_net.png);
				text-indent: -999999%;
				margin: 10px 0 0 58px;
			}