@charset "utf-8";

/* import 
--------------------------------------------------------------------------------------- */

	@import url("lightbox.css");
	@import url("cms.css");

/* standards 
--------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html[xmlns^="http"] { 
	overflow-y: scroll;
}

.clear { 
	clear: both;}

body, html {
	background: #fff url(../images/layout/hintergrund.gif) repeat-x;
	margin: 0px;
	font: 12px Verdana, Tahoma, Helvetica, Arial, sans-serif;
	color: #666;
	height: 100%;
	}


/* layout 
--------------------------------------------------------------------------------------- */
#wrapper {
	clear: both;
	width: 919px;
	position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
	*margin: 0 auto -57px; /* the bottom margin is the negative value of the footer's height */

}

#header {
	background: #ccc url(../images/layout/header.jpg) no-repeat;
	width:515px;
	height: 199px;
	margin: 0;
	padding:0;
	float: left;
	}


#logo {
	height: 149px;
	width: 404px;
	background: url(../images/layout/logo.gif) no-repeat;
	float: left;
	}
	
	
#headlinebox {
	height: 55px;
	width: 515px;
	background: url(../images/layout/headline.gif) no-repeat;
	float: left;
	padding: 36px 0 76px 0;
	}	
	
#sidebar {
	float: left;
	width: 359px;
	background: #dadada url(../images/layout/sidebar.gif) repeat-x bottom;
	padding: 0 0 90px 30px; 

	}
	
#sidebar a.teaser1 { 
	background: url(../images/layout/teaser1.gif) no-repeat;
	display: block;
	height: 94px;
	text-indent: -9999px; 
	width: 302px;	
	}
	
#sidebar a.teaser1:hover { 
	background: url(../images/layout/teaserac1.gif) no-repeat;	}
		
a.teaser2 { 
	background: url(../images/layout/teaser2.gif) no-repeat;
	height: 91px;
	display: block;
	text-indent: -9999px; 
	width: 302px;	
	}
	
#sidebar a.teaser2:hover { 
	background: url(../images/layout/teaserac2.gif) no-repeat;	}
	
a.teaser3 { 
	background: url(../images/layout/teaser3.gif) no-repeat;
	height: 90px;
	display: block;	
	text-indent: -9999px; 
	width: 302px;	
	}	
#sidebar a.teaser3:hover { 
	background: url(../images/layout/teaserac3.gif) no-repeat;	}	
	
#sidebar p{ 	
	line-height: 20px;	padding: 0 30px 10px 0; }
	
#sidebar h2 { font-size: 14px;	font-weight:bold;	padding: 0 0 10px 0;	}	

#content {
	float: left;
	width: 522px;
	background: #fff;
	padding-bottom: 20px;
	}


.datenschutz { 
	}	
	
.datenschutz p {
	font-size: 11px;
	line-height: 15px !important;
	}

.impressum1 {
	float: left;
	width: 50%;
	}
	
.impressum2 {
	float: left;
	width: 50%;
	}

.euroweblogo{
	padding: 30px 0 0 10px;
	}

.anfahrtsskizze  { float: right; width: 200px; }
.routenplaner { float: right; width: 200px; }


/* typografie 
--------------------------------------------------------------------------------------- */
h1{	font-size: 16px; font-weight: bold;	text-indent: -9999px; height:55px; width:515px;	}

h1.home { 		background: url(../images/layout/headline1.gif) no-repeat; }
h1.leistung1 { 	background: url(../images/layout/headline2.gif) no-repeat; }
h1.leistung2 { 	background: url(../images/layout/headline3.gif) no-repeat; }
h1.leistung3 { 	background: url(../images/layout/headline4.gif) no-repeat; }
h1.technik { 	background: url(../images/layout/headline5.gif) no-repeat; }
h1.referenzen { background: url(../images/layout/headline6.gif) no-repeat; }
h1.ueberuns { 	background: url(../images/layout/headline7.gif) no-repeat; }
h1.kontakt { 	background: url(../images/layout/headline8.gif) no-repeat; }
h1.anfahrt { 	background: url(../images/layout/headline9.gif) no-repeat; }
h1.impressum { 	background: url(../images/layout/headline10.gif) no-repeat; }
h1.leistung { 	background: url(../images/layout/leistungen.gif) no-repeat;  height:28px; width:300px; }



h2 { font-size: 14px;	font-weight:bold;	padding: 0 0 10px 10px;	}
h3 { font-size: 13px;	font-weight:bold;	padding-bottom: 10px;	}
p {	line-height: 20px;	padding: 0 30px 10px 10px;}

#content ul { list-style: circle; padding: 0 30px 20px 25px; line-height: 20px; }	


/* navigation 
--------------------------------------------------------------------------------------- */
#navbox {

}

ul#nav {
	width: 404px;
	height: 217px;
	position: absolute;
	top: 179px;
	left: 515px;
	float:left;
	background: url(../images/layout/navigation.gif) no-repeat;
}

ul#nav li { 
	list-style: none; 
	display: inline;}
	
	
ul#nav li a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	outline: none;
}

	
ul#nav li a:hover {
	background-position: left bottom; }
	 
a#nav1 { height: 30px; width: 230px; top: 30px;  } 
a#nav1:hover {	background: url(../images/layout/nav1.gif) no-repeat; } 
		
a#nav2 { height: 30px; width: 230px; top: 60px; } 
a#nav2:hover {	background: url(../images/layout/nav2.gif) no-repeat; } 		

a#nav3 { height: 30px; width: 230px; top: 90px;   } 
a#nav3:hover {	background: url(../images/layout/nav3.gif) no-repeat; } 		
					
a#nav4 { height: 30px; width: 166px;  top: 0; left: 230px; } 
a#nav4:hover {	background: url(../images/layout/nav4.gif) no-repeat; } 	
		
a#nav5 { height: 30px; width: 166px; top: 30px;  left: 230px;} 		
a#nav5:hover {	background: url(../images/layout/nav5.gif) no-repeat; } 

a#nav6 { height: 30px; width: 166px; top: 60px;  left: 230px; } 		
a#nav6:hover {	background: url(../images/layout/nav6.gif) no-repeat; } 

a#nav7 { height: 30px; width: 166px; top: 90px;  left: 230px; } 		
a#nav7:hover {	background: url(../images/layout/nav7.gif) no-repeat; } 	


/* subnavgation 
--------------------------------------------------------------------------------------- */
#subnavbox {
 
}


ul#subnav {
	background: url(../images/layout/subnav.gif) repeat-x;
	padding: 10px 0;
	_padding: 9px 0 ;
	height: 10px;
	width: 919px;
	font-size: 10px;
	}

ul#subnav li { 
	display: inline;
	list-style: none;}
	
ul#subnav li a{ 
	padding-left: 5px;	
	padding-right: 9px;
	color: #e9e9e9;
	text-decoration: none;}	
	
ul#subnav li a:hover{ 
	color: #ccc;
	text-decoration:underline;
	}

.subnav-home { 
	border-right: 1px solid #e9e9e9; }
		
.subnav-anfahrt { 
	border-right: 1px solid #e9e9e9; }
	
.subnav-impressum { 
	}		
	
	
	
/* footer 
--------------------------------------------------------------------------------------- */

#footer {
	clear: both;	
	width:100%;
	position: relative;
	background: #cecece;
	height: 30px;
	*height: 32px;
	padding: 15px 0 10px 0;
	}
#footwrapper {
	width: 919px;
	margin: 0 auto;
	padding-left: 10px;
}
#footer p {
	color: #666;
	font-size:10px;
	line-height: 16px;
	padding: 0;
}

.push {	height: 55px; }

#footer a, #footer .escape span{
	color: #666;
	text-decoration:none; 
}

#footer a:hover, #footer a:hover span {
	text-decoration: underline;
	color:#12529e;
}

.footblock1 { 	float: left;	width: 260px; }
.footblock2 { 	float: left;	width: 260px; }
.footblock3 { 	float: left;	width: 210px; }
.footblock4 { 	float: left;	width: 150px; }

/* links 
--------------------------------------------------------------------------------------- */
a, .escape span{
	text-decoration: underline;
	color: #666;
	outline: none;
}

a:hover, a:hover span { text-decoration:none; color:#12529e;}


/* bilder 
--------------------------------------------------------------------------------------- */



.bild img{ 
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	margin: 5px 0 15px 10px;
	cursor: url(../images/lightbox/zoomin.cur), pointer;
	}

#sidebar .bild img{ 
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	margin: 5px 0 20px 0;
	cursor: url(../images/lightbox/zoomin.cur), pointer;
	
	}

div#playerformat {
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	width:440px;
	margin:0 0 10px 10px;
}