@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #FFF;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

h1 {
	font: normal 18px "Trebuchet MS", Arial, Verdana;
	color: #878787;
}
h2 {
	font: normal 23px "Trebuchet MS", Arial, Verdana;
	color: #96c54a;
	padding: 0 0 20px 0;
}
h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:3px 3px 3px 5px;
	background:#7ab41d;
	width:617px;
	margin-bottom:5px;
}
h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:3px 3px 3px 5px;
	background:#57850e;
	width:617px;
	margin-bottom:5px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-right { float:right; }
.float-left { float:left; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 980px;
	position:relative;
	min-height:100%;
	background:url(../images/bg-container.jpg) repeat-y;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:297px;
	background:url(../images/bg-header-neu.jpg);
	position:relative;
}

h1#branding a {
	display:block; 
	width:290px; 
	height:290px; 
	text-indent:-5000px; 
	float:left;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:256px;
	float:left;
	padding:11px 57px 0 13px;
	background:url(../images/bg-sidebar.jpg) top right no-repeat;
	_background:none;
}
#content-sidebar p { 
	margin: 0 0 15px 10px;
	color:#818181;
}
#content-sidebar h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:5px 3px 5px 10px;
	background:#686868;
	margin-bottom:5px;
	width:256px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:980px;
	height:48px;
	background:url(../images/bg-navi.jpg)
}
#navi li {
	float:left;
	position:relative;
}
#navi li a {
	display:block;
	height:48px;
	text-indent:-6000px;
}
#navi li.n0 a { width:292px; }
#navi li.n1 a { width:120px; }
#navi li.n2 a { width:147px; }
#navi li.n3 a { width:126px; }
#navi li.n4 a { width:94px; }
#navi li.n5 a { width:99px; }
#navi li.n6 a { width:102px; }

#navi li.n0 a:hover { background:url(../images/bg-navi.jpg) 0 -48px; }
#navi li.n1 a:hover { background:url(../images/bg-navi.jpg) -292px -48px; }
#navi li.n2 a:hover { background:url(../images/bg-navi.jpg) -412px -48px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.jpg) -559px -48px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.jpg) -685px -48px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.jpg) -779px -48px; }
#navi li.n6 a:hover { background:url(../images/bg-navi.jpg) -878px -48px; }

/* Subnavi
============================================== */

#navi ul li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}
#navi ul li:hover ul, #navi ul li a:hover ul {
	visibility:visible;
	display:block;
	position:absolute;
	top:39px;
	left:1px;
	overflow:visible;
}
#navi ul li:hover a, #navi ul li a:hover {
	visibility:visible;
}
#navi li ul li a {
	height:20px;
	visibility:visible;
	_float:none;
}
#navi li ul li.n4a a, #navi li ul li.n1a a, #navi li ul li.n2a a {
	background:#333;
	width:180px;
	text-indent:0px;
	color:#D8D8D8;
	padding:2px 5px 2px 5px;
	border-bottom:1px solid #fff;
	text-decoration:none;
}
#navi ul li.n4a a:hover, #navi ul li.n1a a:hover, #navi ul li.n2a a:hover, #navi li ul li a:hover {
	background:#7ab41d;
	width:180px;
	visibility:visible;
	color:#fff;
}

#navi table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:14px;}

/* make the second level visible when hover on first level link and position it */
#navi li a:hover ul {
	visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-add {
	position:absolute;
	right:7px;
	top:15px;
	width:430px;
}

#navi-add li{
	float: left;
	display:block;
	margin-right:15px;
}

#navi-add li a {
	text-decoration:none;
	color:#818181;
}
#navi-add li a strong {
	text-decoration:none;
	color:#57850e;
}
#navi-add li a:hover, #navi-add li a:hover strong {
	text-decoration:underline;
}

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:625px;
	float:left;
	padding:30px 0 0px 0;
	background:url(../images/bg-content.jpg) top left no-repeat;
}
.spalte-left { width:292px; float:left; margin-right:35px;}
.spalte-right { width:292px; float:left; }
/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}
/*------------------ Textformatierungen ------------------*/

#content-main p { 
	margin: 0 0 15px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 8px no-repeat; 
	padding:0 0 0 15px; 
	margin-left:20px;
}

#content-main .image {
	border: 1px solid #cbcbcb;
	padding: 2px;
	margin: 4px 8px 4px 0;
    outline: none;
}

#content-main .image:hover{
	border: 1px solid #333;
	padding: 2px;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

#player{
	margin:0 0 0 20px;
}
/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:980px;
	height:181px;
	background:url(../images/bg-footer.jpg);
	position:relative;
}
#footer #newsletter {
	width:378px;
	height:115px;
	position:absolute;
	left:326px;
	top:42px;
}

#footer #newsletter p { color:#818181; }

#footerContent {
	margin:auto;
	width:950px;
	height:100px;
}
#footer a, #footer a:visited, #footer .escape span {
	text-decoration: underline;
	color: #57850e;
	font:10px;
	outline: none;
}

#footer a:hover, #footer a:hover span, #footer a:active, #footer a:active span {
	text-decoration:none;
	color:#57850e;
}
#anfahrtfooter {
	width:100px;
	height:auto;
	position:absolute;
	right:30px;
	top:87px;
}
#anfahrtfooter p { font-size:11px; color:#818181; line-height:18px; }
#anfahrtfooter a { font-size:11px;  }

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #57850e;
	outline: none;
}

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

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
}

.no-pdf {
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}





.printkatalog {
	position:absolute; 
	margin: -20px 0 0 400px;
	}