/*

conovo - Haupt-Stylesheet
Autor: Carsten Peters
Version: 04.07.2011


*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font: 62.5%/1.86em Verdana, Arial, Helvetica, sans-serif; color: #636466; background: #969696 url(../upload/css_img/bg_body.gif) repeat-x top;  }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #8a122f; text-decoration: none; }
a:hover, a:active, a:focus { color: #8a122f; text-decoration: underline; outline: none; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }

		
/* paragraphs 
---------------------------------------------------------------------------*/

p, pre { margin: 0 0 10px 0; }
em, address { font-style: italic; }


/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; }

	

/* misc 
---------------------------------------------------------------------------*/

abbr,
acronym { border-bottom: 1px dotted #000; cursor: help; }

.none,
#printlogo { display: none; }
.clear { clear: both; height: 0; line-height: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { color: #000; font: 18px/18px Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { margin: 42px 0 20px 0; font-weight: normal; }
h3 { margin: 20px 0 10px 0; font-size: 14px; }
h4 { font-size: 12px; margin: 15px 0 10px 0;  }
h5 { font-size: 12px; }
h6 { font-size: 12px; }


/* container 
---------------------------------------------------------------------------*/

#container { width: 860px; margin: 110px auto 0 auto; position: relative; }
#wrapper { float: left; width: 100%; min-height: 38em; background: url(../upload/css_img/bg_content.png) repeat-y; }
#header { position: relative; }
#content { float: left; display: inline; margin: 0 330px 0 0; padding: 0 20px 20px 60px; }
#showcase { float: left; width: 329px; margin-left: -329px; }
#footer { clear: both; }


/* language and bottom
---------------------------------------------------------------------------*/

#shadow { position: absolute; width: 170px; top: -40px; right: 0; font-size: 9px; line-height: 14px; z-index: 1; }
.en #shadow { width: 198px; right: 0; }
#shadow a { color: #636466; }


/* header 
---------------------------------------------------------------------------*/

#header { height: 97px; background: url(../upload/css_img/bg_navi.png) no-repeat; }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { position: absolute; float: left; text-indent: -9999px; display: block; background: url(../upload/css_img/logo.gif) no-repeat; margin: -39px 0 0 40px; height: 42px; width: 165px; outline: none; }	

	#header ul { position: absolute; top: 44px; left: 41px; width: 490px; }
	#header ul li { display: inline; }
	#header ul li a:link,
	#header ul li a:visited,
	#header ul li a:active { letter-spacing: .05em; display: block; float: left; width: 98px; font-size: 11px; height: 26px; line-height: 26px; text-align: center; color: #fff;  }
	#header ul li a:hover,
	#header ul li a:focus,
	#header ul li a.current { font-weight: bold; color: #9c0c28; background: url(../upload/css_img/bg_navi_1.gif) no-repeat 50% 0%; text-decoration: none; }
	#header ul li ul { top: 29px; left: 0; }
	#header ul li li { display: block; float: left; background: url(../upload/css_img/navi_pipe.gif) no-repeat 100% 0%; }
	#header ul li li:last-child { background: none; }
	#header ul li li a:link,
	#header ul li li a:visited,
	#header ul li li a:active { letter-spacing: 0; font-weight: normal; margin: 0 0 0 -1px; width: 99px; color: #636466; }
	#header ul li li a:hover,
	#header ul li li a:focus,
	#header ul li li a.current { background: url(../upload/css_img/bg_navi_2.gif) no-repeat 50% 0%; color: #8A122F; }
	#header ul li li li a:link,
	#header ul li li li a:visited,
	#header ul li li li a:active,
	#header ul li li li a:hover,
	#header ul li li li a:focus,
	#header ul li li li a.current { display: none; }
	
	#header #changelang { position: absolute; top: 45px; left: 766px; }

	#header #formsearch { position: absolute; top: 73px; left: 690px; }
	#formsearch #searchterm { font: 9px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #dedede; padding: 0 2px; background: #fff; color: #636466; width: 108px; height: 15px; }
	#formsearch .suchen { margin: 0 0 -5px 0; }
	#bildbox #xtcSlimbox img { float: right; display: inline; background: #fff; margin: 35px 31px 0 0; }


/* content 
---------------------------------------------------------------------------*/

	#content { font-size: 12px; line-height: 16px; }
	#content img.image_rechts { float: right; display: inline; background: #fff; margin: 5px 0 0 10px; }
	#content img.image_links { float: left; display: inline; background: #fff; margin: 5px 10px 0 0; }
	#content ul { padding: 0 0 10px 0; }
	#content ol { padding: 0 0 10px 16px; }
	#content ul li { padding: 2px 0 2px 25px; background: url(../upload/css_img/pfeil.gif) no-repeat 0 5px; }
	#content ol li { margin: 2px 0 2px 10px; list-style-type: decimal; }
	#content ul.such_erg li { margin: 0 0 10px 0; }
	#content table { border: 0; margin: 0; padding: 0; border-collapse: collapse; }


/* form
---------------------------------------------------------------------------*/

	form dt { float: left; width: 7em; } 
	form dd { margin: 5px; }
	form select { min-width: 150px; }

  	#kontaktform { margin: 0 0 30px 0; }	
	#kontaktform input,
	#kontaktform textarea { margin: 2px; width: 450px; }
	#kontaktform dt { float: left; width: 12em; } 
	#kontaktform dd { margin: 10px; }  
	#kontaktform input { width: 450px; } 
	#kontaktform input:focus,
	#kontaktform textarea:focus { margin: 2px; background: #eee;}  
	#kontaktform p { margin: 0 0 0 12em; }
	#kontaktform p input { width: 150px; height: 30px; font-size: 1.1em; }
	#kontaktform p input:hover { background: #eee; }
	#kontaktform textarea { width: 450px; height: 150px; }

	

/* showcase 
---------------------------------------------------------------------------*/

#showcase { line-height: 16px; }
#showcase img { padding: 10px 0 0 10px; }
#showcase .textItem { border-top: 1px solid #969696; margin: 0 30px 0 0; padding: 0 0 0 20px; }
#showcase h2 { margin: 15px 0 0 0; font-size: 14px; font-weight: normal; }
#showcase h3 { margin: 20px 0 0 0; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #8a122f; }
#showcase h4 { margin: 0; font-size: 12px; color: #636466; }
#showcase .text { margin-top: -2px; }
#showcase .text p { padding: 0 35px 0 10px; text-align: center; }
#showcase p { margin: 0 5px 0 0; font-size: 12px; }


/* Mosaic Styles
---------------------------------------------------------------------------*/
#start #showcase img { padding: 0; }
#start #xtcSlimbox { margin: 80px 0 0 10px; }
.mosaic-block { float: left; position: relative; overflow: hidden; width: 128px; height: 78px; margin: 10px; background: #111 url(../upload/css_img/progress.gif) no-repeat center center; border: 1px solid #ccc; /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);*/ }
.mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #111; }
.mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: #111; } 

.circle .mosaic-overlay { background: url(../upload/css_img/hover-magnify.png) no-repeat center center; opacity: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); display: none; }
.fade .mosaic-overlay { opacity: 0; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); background: url(../upload/css_img/bg-black.png); }
.bar .mosaic-overlay { bottom: -39px; height: 39px; background: url(../upload/css_img/bg-black.png); }
.bar2 .mosaic-overlay { bottom: -50px; height: 39px; opacity: 0.8; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.bar2 .mosaic-overlay:hover { opacity: 1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.bar3 .mosaic-overlay { top: -100px; height: 39px; background: url(../upload/css_img/bg-black.png); } 

.mosaic-block { float: left; margin: 0 12px 12px 0; position: relative; }
.details { margin: 2px 0 2px 4px;}
#showcase .mosaic-block p { font-size: 9px; letter-spacing: -0.02em; color: #fff; }
.mosaic-block p { font-size: 9px; letter-spacing: -0.02em; color: #fff !important; }
.mosaic-block a { text-decoration: none; }	


/* footer 
---------------------------------------------------------------------------*/

#footer { width: 820px; height: 65px; background: url(../upload/css_img/bg_footer.png); text-align: right; padding: 10px 40px 0 0; font-size: 9px; }
#footer #imprint a { color: #636466; }
#footer #foot-print { font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin: 2px 0 0 442px; padding: 0 0 0 21px; border: none; background: url(../upload/css_img/print.gif) no-repeat 0 50%; color: #636466; font-size: 9px; cursor: pointer; }
.en #footer #foot-print { margin: 2px 0 0 460px; }