/* CSS Document */
/* commented backslash hack \*/ 
html, body{height:100%;}
* { margin: 0; padding: 0;} 
/* end hack */
html,body {margin:0;padding:0}
html { margin-bottom:1px;} /*damit immer der verticale Scrollbar erscheint*/
body {font-family:Trebuchet MS, Arial, Tahoma, Verdana; margin:0; /*background:#A82435*/}
a{text-decoration:none}

#wrap {width:985px; 
position:relative; 
margin: 0 auto; 
/*border-left:#BB6600 2px solid;
border-right:#BB6600 2px solid;
background:#ffffff;*/
min-height:100%;
height:auto;
text-align:left;
}

* html #wrap{
height:100%;
width:988px;/* box model hack for ie5.+*/
w\idth:985px;
}

#content-wrap {width:100%; position:relative; margin-top:15px; clear:both;}


/*Header*/
div#header { 
	position:relative;
	height:70px;

	/*background:url("bilder/header4.jpg") no-repeat right top;*/
z-index:999;
}

#lang {
font-size:small;
z-index:1200;
float:right;
position:relative;
padding:0;
margin:0 25px 0 0;
display:inline; /* sonst gibts den IE float double margin bug*/

}

ul#lang li { list-style:none;}
#old_web {
font-size:small;
z-index:5200;
float:right;
position:relative;
padding:0;
/*margin:35px 25px 0 0; */
margin:14px 2px 0px 0px;
display:inline; /* sonst gibts den IE float double margin bug*/
}
#old_web p {font-size:small; padding:0.1em 0.25em; /*margin-left:58px;*/ margin-right:25px; margin-top:24px; margin-bottom:3px}
#special {
font-size:small;
z-index:15220;
float:right;
position:relative;
padding:0;
/*background:url(bilder/osterglocken.gif) no-repeat;*/

width:110px;
height:70px;
/*margin:35px 25px 0 0; */
margin:0px 0px 0px 0px;
display:inline; /* sonst gibts den IE float double margin bug*/
}
/*Mainmenu*/
/*#info {position:relative; height:70px;  vertical-align:bottom; left:190px; width:640px;}*/
#nav {font-size:small; position:absolute; left:190px; bottom:0px;}
#nav img, #menu img {border:none; vertical-align:middle;}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li:hover, #nav li.hover {
    position: static;
}
#nav a {
	display: block;
	/*width: 9em;*/
}

#nav li.first {padding-left:48px}
#nav li.last {padding-right:48px}

#nav li { /* all list items */
	float: left;
	/*width: 9em;*//* width needed or else Opera goes nuts */
white-space: nowrap;
}
#nav li a {
/*	background: url("../bilder/rechts_gelb.jpg") no-repeat 100% 0px;
	color: #000;*/
	padding:6px 0 2px 0;
	text-decoration: none;
	/*display:inline;*/
}

#nav li a span {
/*	background: url("../bilder/links_gelb.jpg") no-repeat;*/
	padding:6px 1.25em 2px 1.25em;
}
/*Dropdown*/
#nav li ul li {width:12em}
/*#nav li ul li a {display:inline}*/

#nav li ul { /* second-level lists */
	position: absolute;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.45em 0 0 12em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li {padding:0 /*0.2em*/;}
#nav li ul li a {
      padding:0 10px; 
}
#nav li ul li a span {margin:0; padding:0;}

/*linkes Menu*/
#menu {
	position:absolute;
	top:0;
	left:25px;
	width:170px;
}

#menu ul {
	/*font-size:0.8em;*/
	font-size:small;
	margin:0;
	padding:0;
	}


#menu li
{
  /*	border-top:#b7b7b7 1px solid; */
	list-style:none;
	padding:0;
	margin:0;
	
/*	background:#f9f9f9;*/
}

#menu li a {display:block; padding-left:1em; vertical-align:middle;}
#nav li img, #menu li img, #sitemap li img {width:16px; float:left; margin-left:10px; margin-right:2px;}

/*#menu a {color:#000; padding:0 13px;}*/
/*#menu a:hover {border-left:#BB6600 8px solid; padding:0 5px; color:#BB6600}*/

#menu ul ul {/*background-color:#f9f9f9;*/margin:0; padding:0; border:none;}
#menu ul ul li {border:none; margin:0; padding:0;  /*border-bottom:#ccc 1px solid;*/ }
#menu ul ul li a {padding-left:1.5em; vertical-align:middle;}

#menu h1 {
	font-weight: bold;
	padding:0.1em 0 0.1em 1em;
	text-align:left;
	font-size:small;
	margin:0;
}

/*Rootline*/
#rootline {
   	padding:3px 0;
margin:0;
position:relative;
z-index:0;

width:100%;
	/*	font-size:0.8em;*/}
div#rootline a {
	/*color:#fff;*/
	text-decoration:none;}

div#search {
/*position:absolute;
right:25px; 
*/
float:right;
display:inline; /*sonst IE double margin/float-bug */
font-size:small;
padding:0;
margin:0 10px 0 0;}

div#login {
font-size:small;
float:right;
margin:0 25px 0 0;
display:inline; /* sonst gibts den IE float double margin bug*/
padding:0;
position:relative;
/*background:#861d2b;*/

}
div#login img {margin-right:3px; vertical-align:middle; border:none;}
/*div#login a {vertical-align:middle;}*/
div#login li {float:left; padding-left:1em; list-style:none;}

div#search input {font-size:0.7em; margin:0; padding:0; vertical-align:top;}
div#search input.search_text {width:8em}
div#breadcrump {display:inline; margin-left:25px; font-size:small;}

div.result_container {
   width:100%; 
   /*line-height:1.2*/
   margin:0 0 10px 0; 
   padding:0;
} 
#content {
padding:0;
margin:0 0 1em 0;}

.icon {vertical-align:middle; margin:0 4px 0 4px; border:none;}
img.left {float:left; margin:0 10px 5px;}
img.right {float:right; margin:5px 10px 0px;}
#content form {clear:both;}
div#content h1.csc-firstHeader, div#content h1 {
/*font-size: 1.2em;*/
font-size:large;
font-weight:normal;
/*line-height:0.7;*/
margin:0;
}

div#content h2 {
color: #666666;
/*font-size: 1em;*/
font-size:medium;
font-style:italic;
margin:0 0 0.75em 0;
}

div#content h3 {
/*font-size: 0.9em;*/
font-size:small;
margin:1.25em 0 0.5em 0;
}
div#content a.location  {position:absolute; right:80px; bottom:30px; margin:0;}
div#content p.bodytext img {float:left; margin-right:0.5em;}
div#content table.contenttable, table.csc-searchform, div#content p.bodytext, div#content form, #mailform fieldset.csc-mailform {margin:0.25em 0 1.25em 0;  border: none;  padding:0px;}
div#content ol, div#content ul, div#content blockquote {margin:0.25em 0 0.25em 2em;  border: none;  padding:0px;}
div#content table.contenttable, #mailform fieldset.csc-mailform 
{width:100%}
/*div#content ul {margin-left:2em}*/


div#content table.contenttable td, div#content table.contenttable th, div#content table.csc-searchform td, #mailform fieldset.csc-mailform .csc-mailform-field {/*background:#f9f9f9;*/ padding:2px 5px; vertical-align:top;}
.csc-mailform-field {clear:left; margin:2px;}
.csc-mailform-field label{padding:0;}
div#content table.contenttable th {/*background:#b7b7b7; color:#ffffff;*/ padding:2px}
div#content p.bodytext, div#content p, div#content th, div#content td, div#content li {/*font-size:0.8em;*/ font-size:small;}
/*div#content li {margin:0.5em 1em;}*/

div#content table.impressum td {width:50%}


/*Suchfunktion*/
/*für FF*/
table.csc-searchform td p {margin-top:0;}

/*Mailform*/  
#mailform fieldset.csc-mailform .csc-mailform-field label {
 float:			left;
 font-size:		small;
 width:			150px;
 vertical-align:top;
 }

.contact td.td-0 {width:150px;}


/*Product-Teil version 1 */

div#content .result_container div.item {
	width:12.5em; /* damit nicht gleich auf Scrollmodus umgeschalten wird, Angaben in em*/
	/*height:5.5em;*/ 
	/*width:200px;*/
	height:90px;
	float:left;
	margin:0.5em;
	text-align:right;
	overflow-y:hidden;
	padding:0;
	display:inline;
		/*position:relative;*/ /*ebenso wie einrichten von .result_container
	 mit position:relative, um peak-a-boo-bug für IE6 zu entfernen bei suchseite */
	}
* {outline:0;}
div#content .result_container div.item h3 {line-height:1; margin:5px;}
div#content .result_container div.item p {margin:5px 5px 0 0; line-height:1.1; /*color:#000*/}
div#content .result_container div.bild {float:left; display:inline; text-align:center; width:80px; height:90px;}
div#content .result_container div.bild img {margin:4px 0;} /*never ever touch this! */

/*Product-Teil version 2 */

.result_container2 {
   width:100%; 
   padding:0;
   margin-right:3px;
   margin-left:-5px;
}
.result_container2 .item { 
   padding-top:15px; 
   float:left;
   width:232px;
   height:230px;
   text-align:left;
}
.result_container2 a {
   font-size:14px;
   font-weight:bold;

   clear:both;
   float:left;
}
.result_container2 a, .result_container2 p {
  clear:both;
  float:left;

  font-size:12px;
  text-align:left;
}

/* list type */
#content .ltype_sela {
   background-image:url(ltype.jpg);
   height:20px; width:49px;
}
#content .ltype_selb {
	background-image:url(ltype.jpg);
	height:20px;
	width:49px;
	background-position: 0px -20px;
}


p.announce {float:right;}
p.announce a {font-size:medium; font-weight:bold; padding:2px 5px;}
div#container {float:left; width:735px; margin:0; }
div#container div.leftcontainer
{
float:left; display:inline;
margin:1em 2em 0.5em 0;
}
div#container div.rightcontainer {
float:left; display:inline;
margin:1em 0;
 
}

.details1, .details2, .details3, .details4 { font-size:small; width:320px;} /*rechte spalte */
.details5, .details6 { font-size:small; width:350px;} /*linke spalte */

.details1 table, .details2 table, .details3 table, .details4 table, .details5 table, .details6 table {padding:0; width:100%;}
.details1, .details6 {margin-bottom:1em;} /*ohne mantschgerl */
.details3, .details5 { background:url(bilder/mantschgal_liegend.gif) top center no-repeat; margin-bottom:0.75em} /*mit mantschgerl */
/*.details1, .details3 { background:url(bilder/mantschgal7.gif) top left no-repeat; margin-bottom:1em}*/
/*.details3 table {margin-top:39px;}*/
.details3 table, .details5 table {margin-top:30px;}

#lbox1_inner, #lbox2_inner, #lbox3_inner, #lbox4_inner, #lbox5_inner, #lbox6_inner {margin-top:0;}
div#container div.rightcontainer ul {list-style:outside; margin:0 1em; padding:0;}
div#container div.rightcontainer ul li {margin:0.2em 0}

.details1 td, .details2 td, .details3 td, .details4 td, .details5 td, .details6 td {vertical-align:top;
padding:0 0 0 1em; line-height:1.1;  }
.product_tbl th, .details1 th, .details2 th, .details3 th, .details4 th, .details5 th, .details6 th {
   font-weight: bold;
	padding:0.1em 0;
	margin:0;
	text-align:left;
	text-indent:1em;
}
.details2 .rechts, .details3 .rechts, .details4 .rechts, .details5 .rechts, .details6 .rechts {text-align:right; padding-right:1em}

.product_tbl {margin-bottom:0.5em; width:350px;}

.product_tbl .links {
  height:290px; margin:0; padding:0;
  width:290px;
  text-align:center; 
  vertical-align:middle;
   }
.product_tbl img {vertical-align:middle;}
.product_tbl .rechts {vertical-align:top; padding:2px;}
.product_tbl table {margin:0 auto;} /*zentrieren der Tabelle mit kleinen Bildern */
.product_tbl .rechts td {width:45px; height:45px; text-align:center; vertical-align:middle;}
.test {position:relative; width:290px; height:290px; /* border:1px solid f0f;*/
 display:block;}
.picture_show {width:290px; position:absolute; left:0; right:0; margin:0; padding:0;}

.lbox {overflow:hidden;}
.plus_icon, .minus_icon {float:right; margin-right:0.75em; display:inline; width:15px; height:13px; }


/*td.dessin {width:300px; padding:3px;}*/
.dess, .dess_active{float:left; display:inline; margin:2px 2px 2px 0; padding:2px;}
/*.dess {float:left; display:inline; text-align:center; padding:2px; margin:0 2px 2px 0;/*border:1px solid #b7b7b7; background:#fff;*/  /* }*/
.des_desc {position:absolute; z-index: 2; bottom:5px; left:5px;/*float:right;*/ margin:2px 5px; display:inline; font-weight:bold; background:#b7b7b7; color:#fff; padding:2px 5px;/* min-width:4em;*/}
.art_id {float:left;}
.design_desc {/*float:left; width:65px;*/ margin:0 3px;}
.design_line { float:left; /*width:260px;*/ margin:0 3px;}

/*Download*/
div#content div.userguide_container{font-size:small; float:left; border: solid 1px #b7b7b7; /*width:25em; height:11em;*/ width:310px; height:160px; background-color:#f9f9f9; margin:10px; padding:5px; overflow:auto}
div#content div.userguide_container ul{list-style:none outside; margin:5px; padding:0; color:#000;}
a.indent {padding-left:22px;}
div#content div.userguide_container img {vertical-align:middle;}
div#content div.userguide_container h3 {line-height:1; margin:5px;}



/*Login-Bereich*/
div.tx-srfeuserregister-pi1 {font-size:small; font-weight:normal;}
div.tx-srfeuserregister-pi1 h4 {font-weight:normal;}
form#tx-srfeuserregister-pi1-fe_users_form fieldset {border:none;}
.tx-srfeuserregister-pi1 legend {font-size:small; font-weight:normal;}
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice {font-style:normal;}
.tx-srfeuserregister-pi1 a {background-image:none; padding:0;}

/*Sitemap*/
div#sitemap ul {margin:0; padding:0; list-style:none; width:100%}
div#sitemap li a {font-weight:bold; display:block; padding:0.1em 0 0.1em 1em;}
div#sitemap li a span {display:block; /*background:url(bilder/ecke_rechts_grau.jpg) no-repeat right top*/}
div#sitemap li li a {font-weight:normal; padding:0;}

div#sitemap li {float:left; width:200px; /*height:28em;*/ height:22em; margin:0.5em;}
div#sitemap li li {float:none; height:auto; margin:0; border:none; }

div#sitemap li li a {padding-left:1em; vertical-align:middle;}
div#sitemap li li li a {padding-left:2em; vertical-align:middle;}
div#sitemap li li li li a {padding-left:3em; vertical-align:middle;}
div#sitemap li li li li li a {padding-left:4em; vertical-align:middle;}




/*für Typo3 */
/*a.intern {text-decoration:underline}
a.extern {color:#000}
a.pdf {color:#ff0000}
*/


/*Footer*/
/*#footer {width:100%; height: 40px; font-size:0.8em; text-align:center; border:#990000 1px dotted; bottom:0px; position:absolute;}*/
#footer {
width:100%;
position:absolute;
bottom:0;
left:0;
font-size:small;
text-align:center;
margin-top:2em;
}

#footer ul {text-align:center; list-style:none; margin:0; padding:0.2em /*border:1px solid #00FF00*/}
#footer ul li {display:inline; padding-left:1em}
/*#footer a {color:#fff}*/
#clearfooter{clear:both;height:20px;width:100%; margin-top:2em;} /*wichtig: clearfooter muss immer vor footer stehen, sonst lappt footer über Content-Bereich*/
// -->