
/* Nur in Print Version */
#print_logo{display:none;}


html{height:100%;margin:0;padding:0;}
body{font-family:arial;background-color:#000;color:#fff;text-align:center;border:0;background-image:url('../img/hintergrund2.jpg');background-repeat:repeat-y;background-position:left top;}
h1{font-size:1.5em;color:#000;}
h2{font-size:1.25em;color:#000;}
h3{font-size:1.1em;color:#000;}
h4{font-size:1em;color:#000;}
a{color:#ca022d; font-weight:bold; text-decoration:none;}
a:visited {color:#ca022d;}
.textfield{border:1px solid #aaa;margin-bottom:5px;}
.textfield_error{border:1px solid #f00;margin-bottom:5px;}
input.submit{background-color:#ddd;padding:4px;padding-left:4px;color:#666;border:1px solid #aaa;font-size:100%;}
input.submit:hover{background-color:#dfe1e2;padding:4px;padding-left:4px;color:#666;border:1px solid #aaa;font-size:100%;}
a.plain{display:block;width:145px;padding:6px 6px 6px 20px;text-decoration:none;color:#000;}
.main{width:1330px;text-align:center;padding:5px;margin-left:auto;margin-right:auto;}
.footer{float:right;font-size:80%;padding-top:5px;}
.footer a{color:#fff;text-decoration:none;}
.language{float:right;text-align:left;font-size:.8em;}
.language a{color:#fff;text-decoration:none;}
.header_box{float:left;margin-left:215px;width:790px;padding-bottom:15px;margin-bottom:15px;}
.logo{float:left;text-align:left;width:440px;}
.infobox{border-bottom:2px solid #ccc;text-align:left;width:250px;float:left;}
.infobox_news{color:#bbb;clear:both;padding-left:15px;padding-right:5px;font-size:.7em; background-color:#333;}
.rahmenunten{float:left; width:250px; height: 16px; background-image:url('../img/rahmenelement.gif'); background-position:0px -19px}
.rahmenoben{width:250px; height: 16px; background-image:url('../img/rahmenelement.gif')}
.newsletter{border-top:2px solid #ccc;text-align:left;width:250px;float:left;font-size:80%;}
.content_main{float:left;width:800px; font-size:0.85em}
.content_wraper{background-color:#ccc;}
.header_bild{text-align:left;width:800px;height:160px;background-repeat:no-repeat;}
.content_text{text-align:left;padding:0 15px 15px 15px;background-color:#ccc;color:#000;}
.warenkorb{color:#ddd;font-size:80%;position:absolute;margin-top:0px;margin-left:550px;}
#unternavi {height:36px; margin-top:-14px; background-color:#666;}
#breadcrumb { margin-bottom:15px;font-size:80%; }
#breadcrumb a {color:#444;}

.bewertung_wraper{width:766px;height:172px;background-repeat:no-repeat;margin-top:25px;}
.bewertung_textbox{padding:10px;width:450px;height:142px;margin:5px;float:right;background-color:#fff;opacity: .8;filter: alpha(opacity=80);}
.bewertung_text{font-style:italic;line-height:20px;margin-top:0px;}
/* Navigation ---------------------------------- */
ul.sidenav {
        font-size: 1em;
        float: left;
		text-align:left;
        width: 250px;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #666;
        border-bottom: 1px solid #aaa;
        border-top: 1px solid #ccc;
}
ul.sidenav li a {
        display: block;
        color: #fff;
        text-decoration: none;
        padding: 10px 10px 10px 15px;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #444;
}
ul.sidenav li a:hover {
        background: #ddd;
		color:#555;
        border-top: 1px solid #ccc;
}
ul.sidenav li a.active {
        background: #ca022d;
		color:#fff;
		font-weight:bold;
        border-top: 1px solid #ccc;
}
ul.sidenav li span{     display: none; }
ul.sidenav li a:hover span {
        display: block;
        font-size: 0.7em;
        padding: 10px 0;
}


/* Unternavigation ------------------------ */
#navigation-1 li {
background: #666;
float: left;
list-style: none;
position:relative;
}

#navigation-1 li a {
text-decoration: none;
font-size:0.8em;
color: #DFE1E2;
float: left;
padding: 10px 20px;
}

#navigation-1 li a:hover {
background: #ca022d;
color: #fff;
font-weight:bold;
height:16px;
}


#navigation-1 li a.active {
background: #ca022d;
color: #fff;
font-weight:bold;
text-decoration: none;
height:16px;
}
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active {
background: #ca022d;
color: #fff;
font-weight:bold;
text-decoration: none;
height:16px;
}

/* Drop Down Navigation ---------------------------------- */
ul#navigation-1 {margin-left:-40px;}
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; position:absolute; margin-top:35px; left:-1px; width:200px;}
	
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{  clear:left; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#ca022d; padding:4px 10px;  border:none; position:relative; z-index:1000; width:200px; text-align:left;}
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#ec454e; padding:4px 10px;  border:none; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
/* Drop Down Navigation ---------------------------------- */



/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {position:absolute;}
#colorbox, #modalBackgroundOverlay{position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%;}
#modalBackgroundOverlay{position:fixed;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img, #modalLoadedContent embed{display:block;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalInfoBr{display:none;}

#modalBackgroundOverlay{background:url(../lightbox/colorbox/images/stripe.png) 0 0 repeat;}

#colorbox{}
	#borderTopLeft{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderTopLeft.png) 0 0 no-repeat;}
	#borderTopCenter{height:21px; background:url(../lightbox/colorbox/images/borderTopCenter.png) 0 0 repeat-x;}
	#borderTopRight{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderTopRight.png) 0 0 no-repeat;}
	#borderBottomLeft{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderBottomLeft.png) 0 0 no-repeat;}
	#borderBottomCenter{height:21px; background:url(../lightbox/colorbox/images/borderBottomCenter.png) 0 0 repeat-x;}
	#borderBottomRight{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderBottomRight.png) 0 0 no-repeat;}
	#borderMiddleLeft{width:21px; background:url(../lightbox/colorbox/images/borderMiddleLeft.png) 0 0 repeat-y;}
	#borderMiddleRight{width:21px; background:url(../lightbox/colorbox/images/borderMiddleRight.png) 0 0 repeat-y;}
	#modalContent{background:#fff;}
		#modalLoadedContent{margin-bottom:55px; border:1px solid #fff;}
			#contentTitle{position:absolute; bottom:5px; left:105px; width:80%; text-align:left; font-size:10pt; color:#949494;}
			#contentCurrent{position:absolute; bottom:35px; left:58px; font-size:10pt; font-weight:bold; color:#949494;}
			#contentPrevious{position:absolute; bottom:45; left:0px; background:url(../lightbox/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentPrevious:hover{background-position:-25px -25px;}
			#contentNext{position:absolute; bottom:45; left:27px; background:url(../lightbox/colorbox/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
			#contentNext:hover{background-position:0px -25px;}
		#modalLoadingOverlay{background:url(../lightbox/colorbox/images/loading.gif) center center no-repeat #fff;}
		#modalClose{position:absolute; bottom:0; right:0; background:url(../lightbox/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#modalClose:hover{background-position:-50px -25px;}

