/* CSS Document */


/******************************* Allgmemein ************************************************/

body {
  background: #9b9b9b;
  margin: 0;
  padding: 0;
  font-size:100.1%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  text-align:center;
}
#container{
  position:absolute;
  left:50%;
  margin-left:-489px;
  width: 978px;
  float:left;
  text-align:center;
}

#content{
  width: 978px;
  /*min-height: 560px;
  height:auto !important;
  height:560px;*/
  float:left;
  background: #fff url(bilder/allgemein/schatten_seite.gif) -1px repeat-y ;
  text-align:left;
}
#kopf{
  margin: 0 0 0 14px;
  padding:7px 0 0 0;
  width: 950px;
  height: 130px;
  background: #e20079 url(bilder/allgemein/schatten_kopf_grau.gif) bottom no-repeat ;
}
#logo{
  margin: 0 0 0 5px;
  float:left;
}
#fuss{
  width: 978px;
  height:24px;
  float:left;
  background: #9b9b9b url(bilder/allgemein/schatten_fuss.gif) no-repeat top ;
  font-size:9px;
  padding-top:11px;
  color: #484848;
}
#fusslinks{
  margin: 0 0 0 14px;
  width: 276px;
  float:left;
  text-align:left;
}
*html #fusslinks{
  margin: 0 0 0 7px;
}
#fussRechts{
  margin: 0 14px 0 0;
  width: 620px;
  float:right;
  text-align:right;
}
*html #fussRechts{
  margin: 0 7px 0 0;
}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

/*Navigation*/

#navirahmen{
  width:606px;
  float:right;
  height:34px;
  padding: 0px;
  margin: 13px 0 0 0;
  /*background-image: url(bilder/navi/navi_back_schatten.gif);*/
  background-image: url(bilder/navi/navi.png);
  position:relative;
   z-index:1;
}
*html #navirahmen{
  background-image: url(bilder/navi/navi_back_schatten.gif);
}
*html #navirahmen.home{
  background-image: url(bilder/navi/navi_back_schatten2.gif);
}
#navi{
  color:#000000;
  font-size: 11px;
}
#metanavi{
  color:#fff;
  font-size: 10px;
  width:606px;
  float:right;
  padding: 0px;
  margin: 27px 0 0 0;
}
/******************************* Inhalt ************************************************/

#inhalt{
  width: 950px;
  min-height: 430px;
  height:auto !important;
  height:420px;
  float:left;
  margin: 0 0 0 14px;
  background: #fff url(bilder/allgemein/grau.gif) repeat-y ;
  text-align:left;
   position:relative;
   overflow:hidden;
/*    z-index:1; */
  
}
*html #inhalt{
  margin: 0 0 0 7px;
}
#links{
  width:276px;
  float:left;
  padding: 0px;
  margin: 15px 30px 0 32px;

}

#international{
  width:276px;
  float:left;
  padding: 0px;
    margin: 7px 0 0 0;
}

*html #links{
  margin: 15px 30px 0 16px;
}
#rechts{
  width:570px;
  float:left;
  padding: 0px;
  margin: 15px 0 0 40px;
  
}
.spalte340px { width: 340px;}
.spalte200px { width: 200px;}

#rechts table {
  width: 540px;
  float:left;
  border-collapse: collapse;
  text-align:left;
  font-size:12px;
  line-height:17px;
  margin: 10px 0 20px 0;
}

#rechts td {
  vertical-align:top;
  padding: 0;
}
.tabAbstand {
  border-top: solid 1px #9b9b9b;
  height: 20px;
}

/******************************* Teaser ************************************************/

#links table.teaser {
  width: 276px;
  float:left;
  border-collapse: collapse;
  text-align:left;
  font-size:12px;
  line-height:17px;
  margin: 0 0 15px 0;
  padding:0px;
  background: url(bilder/allgemein/schatten_teaser.png)  repeat-x top;
  vertical-align:top;
}
.spalte86px { width: 86px;}
.spalte190px { 
  width: 190px;
}
.teaserBorderRechts {
  border-right: 1px solid #fff;
  background:#fff;
  border-top: 1px solid #fff;
    filter: alpha(opacity=50); /* F�r IE */
  -moz-opacity: 0.5; /* F�r Gecko-Browser */
  opacity: 0.5; /* F�r Opera 9+ */
}
.teaserBorderLinks {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-top: -1px;
}
*html .teaserBorderLinks {
  margin-top: 0px;
}
.teaserHead {
  background: url(bilder/allgemein/teaser_head.gif) right no-repeat;
  height:21px;
  vertical-align:middle;
}
.teaser h1 {
  margin: -2px 0px 0px 10px;
  padding:1px 0 1px 0 ;
  font-size:12px;
}
.teaser p {
  font-size:12px;
  margin: 10px 0 7px 10px;
  line-height:17px;
}

/******************************* Typo ************************************************/

h1 {
  font-size:20px;
  margin: 0 0 10px 0;
  
}

h2.facing {
  font-size:14px;
  margin: 15px 0 7px 0;
  color:#e20079;
}
h2 {
  font-size:14px;
  margin: 0 0 7px 0;
}
h3 {
  font-size:12px;
  margin: 10px 0 2px 0;
}
p {
  font-size:12px;
  margin: 0px 25px 7px 0;
  line-height:18px;
}

#rechts ul{
  margin: 0 25px 7px 0px;
  padding: 0 0 0 15px;
  list-style-type: square;
  list-style-position:outside;
  font-size:12px;
  line-height: 17px;
  text-align:left;
}
#rechts ul li{
  margin: 0 0 3px 0;
  padding: 0;
}

.bild{
  margin: 0px 0 20px 0;
}
.bildUmflussLinks{
  margin: 5px -10px 10px 10px;
  float:right;
}

a, a:visited{
  text-decoration:none;
  color: #000;
  font-weight: bold;
}
a:hover, a:active, a:focus{
  text-decoration:underline;
  color: #000;
}
.anmerkung{
  font-size:9px;
  margin: 0 0 5px 0;
  line-height: 12px;
}

/******************************* Metanavi ************************************************/

#metanavi ul{
  margin:0;
  padding: 0;
  list-style-type: none;
}

/*Top level list items*/
#metanavi ul li{
  position: relative;
  display: block;
  float: right;
}

/*Top level menu link items style*/
#metanavi ul li a{
  display: inline;
  border-right: 1px solid #fff;
  color:#fff;
  font-weight: bold;
  text-decoration: none;
  padding:0 6px;
}
#metanavi ul li a:hover{
  text-decoration: underline;
}

#metanavi ul li a.letzter{
  display: block;
  border-right: 0px solid #fff;
  color:#fff;
  font-weight: bold;
  text-decoration: none;
  padding:0 30px 0 6px;
}
#metanavi ul li a.letzter:hover {
  text-decoration: underline;
}
/******************************* Navi ************************************************/



.menu ul li .aktiv {
  background: url(bilder/navi/navi_hover.gif);
  display: block;
  color: #000;
  text-decoration: none;
}
.menu ul li .aktivSub {
  background: #c4c4c4 none;
}

.menu ul{
  margin:0;
  padding: 0;
  list-style-type: none;
  z-index:110;
  line-height:24px;
}

/*Top level list items*/
.menu ul li{
  position: relative;
  display: block;
  float: left;
}

/*Top level menu link items style*/
.menu ul li a{
  display: block;
  border-right: 1px solid #9b9b9b;
  color:#000;
  font-weight: bold;
  border-left-width: 0;
  /*background-image: url(bilder/navi/navi_back.gif);*/
  text-decoration: none;
	/*padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 5px;*/
  padding-left: 5px;
  width: 95px; 
}

.menu ul li .back{
  background-image: url(bilder/navi/navi_back.gif);
  display: block;
}
.menu ul li a:hover{
  background: url(bilder/navi/navi_hover.gif);
  color: #000;
  text-decoration: none;
}

/*1st sub level menu*/
.menu ul li ul{
  left: 0;
  /*position: absolute;
  top: 1em; /* no need to change, as true value set by script */
  display: block;
  visibility: hidden;
}
*html .menu ul li ul{
  position: absolute;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menu ul li ul li ul{ 
  left: 159px; /* no need to change, as true value set by script */
  top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a{
  display: block;
  width: 95px; 
  color: #000000;
  filter: alpha(opacity=85); /* F�r IE */
  -moz-opacity: 0.85; /* F�r Gecko-Browser */
  opacity: 0.85; /* F�r Opera 9+ */
  background: #e6e6e6 none;
  text-decoration: none;
  padding:5px 0 5px 5px;
  line-height:14px;
  border-top:1px solid #fff;
}
.menu ul li ul li a:hover{
  background: #c4c4c4 none;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
  padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%;}
* html .menu ul li a { height: 1%;}
* html .menu ul li ul li { float: left; border-top:1px solid #fff;}


/******************************* Homepage ************************************************/


#homecontent{
  width: 978px;
  /*min-height: 560px;
  height:auto !important;
  height:560px;*/
  float:left;
  background: #e20079 url(bilder/allgemein/schatten_seite.gif) -1px repeat-y ;
  text-align:left;
}
#homefraktal{
  width: 950px;
  float:left;
  /*margin: 0 0 0 14px;*/

  text-align:left;
}
/**html #homefraktal{
  margin: 0 0 0 7px;
}*/
#home{
  width: 950px;
  min-height: 290px;
  height:auto !important;
  height:280px;
  float:left;
  margin: 0 0 0 14px;
  text-align:left;
  color:#FFFFFF;
}
*html #home{
  margin: 0 0 0 7px;
}
#homekopf{
  margin: 0 0 0 14px;
  padding:7px 0 0 0;
  width: 950px;
  height: 130px;
  background: none;
}
#hometeaser{
  width: 950px;
  min-height: 120px;
  height:auto !important;
  height:120px;
  float:left;
  margin: 0 0 0 14px;
  text-align:left;
  background:#dedede url(bilder/allgemein/schatten_home.gif) top no-repeat;
  padding-top:20px;
}
*html #hometeaser{
  margin: 0 0 0 7px;
}
#home table {
  width: 950px;
  float:left;
  border-collapse: collapse;
  text-align:left;
}
.spalte30px { width: 30px;}
.spalte31px { width: 31px;}
.spalte276px { width: 276px;}

#home h1 {
  font-size:30px;
  margin: 70px 30px 10px 475px;
}
#home p {
  font-size:13px;
  margin: 0px 30px 10px 475px;
  line-height:20px;
}
#hometeaser table.teaser {
  width: 276px;
  float:left;
  border-collapse: collapse;
  text-align:left;
  font-size:12px;
  line-height:17px;
  margin: 0;
  padding:0px;
  background: url(bilder/allgemein/schatten_teaser.png)  repeat-x top;
  vertical-align:top;
}


/******************************* Kontakt-Formular ************************************************/



#inhalt table .kontakt {
  border-collapse: collapse;
  width: 480px;
  float:left;
  margin-top: 10px;
}
*html #inhalt table .kontakt {
  margin-top: 0px;
}

.spalte50px { width: 60px;}
.spalte5px { width: 5px;}
.spalte165px { width: 165px;}
.spalte30px { width: 20px;}

.spalte60px { width: 60px;}
.spalte90px { width: 90px;}
.spalte5px { width: 5px;}
.spalte145px { width: 145px;}
.spalte10px { width: 10px;}

#inhalt table .kontakt p {
  margin: 0px;
}

input, textarea {
  font-family: arial,verdana,sans-serif;
  font-size: 12px;
  width:165px; 
  border: 1px solid #a0a0a4;
}
input#checkbox   {
  border: 0;
  width: auto;
}
input.senden {
  font-family: arial,verdana,sans-serif;
  font-size: 12px;
  width:70px; 
  border: 1px solid #a0a0a0;
  margin:44px 0 0 0;
}
*html input.senden {
  margin:27px 0 0 0;
}


/******************************* Weltweit ************************************************/

hr {
  width: 550px;
  float:left;
  border-collapse: collapse;
  color:#9b9b9b;
  height:1px;
  margin:7px 0 5px 0;
}

/******************************* Optical World ************************************************/

table.login {
	font-size:12px;
}
table.login tr td{
	padding:6px 0 6px 0;
}
form.login input {
	width:199px;
	height:20px;
	margin:0;
	padding:0 0 0 1px;
	padding-top:3px\9; /* IE8 and below */
	height:17px\9; /* IE8 and below */
	
	color:#707070;
}
form.login input.submit {
	background-color:#e20079;
	color:#ffffff;
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
	width:70px;
	height:22px;
	margin:0;
	padding:0 0 2px 0;
	padding-top:3px\9; /* IE8 and below */
	height:22px\9; /* IE8 and below */
}

form.suche input {
	width:195px;
	height:20px;
	margin:0;
	padding:0 0 0 1px;
	color:#707070;
	padding-top:3px\9; /* IE8 and below */
	height:17px\9; /* IE8 and below */
	
}
form.suche input.submit {
	background-color:#e20079;
	color:#ffffff;
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
	width:70px;
	height:22px;
	margin:0;
	padding:0 0 2px 0;
	padding-top:3px\9; /* IE8 and below */
	height:22px\9; /* IE8 and below */
}

.kategorie{
	width:250px;
	height:130px;
	float:left;
	margin:0 40px 0 0;
}
.kategorie_text {
	width:250px;
	height:21px;
	float:left;
	margin:0 40px 20px 0;
	background-image:url(online_catalogue/images/uebersicht/teaser.gif);
	background-repeat:no-repeat;
}
.marginr0 {
	margin-right:0;
}
.margint20 {
	margin-top:20px;
}
.marginb20 {
	margin-bottom:20px;
}
.kategorie_text h1 {
  margin: 0 0 0 3px;
  padding:3px 0 1px 0 ;
  font-size:12px;
  font-weight:normal;
}

#navi_catalogue {
	width:276px;
	float:left;
	background-color:#ffffff;
	filter:alpha(opacity=70); 
	opacity:0.7; 
	-moz-opacity:0.7;
	-khtml-opacity:0.7; 
	-opera-opacity:0.7; 
	position:absolute;
	height:100%;
	margin: 13px 0 0 0;
	
}

#navi_catalogue ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;

}
#navi_catalogue ul li a, #navi_catalogue ul li a:link, #navi_catalogue ul li a:visited {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#707070;
	padding:8px 0 0 10px;
	display:block;
	height:23px;
	border-bottom-color:#9e9e9e;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#navi_catalogue ul li ul li a, #navi_catalogue ul li ul li a:link, #navi_catalogue ul li ul li a:visited {
	padding:0 0 0 30px;
	display:block;
	height:19px;
	border-bottom-style:none;
}
#navi_catalogue ul li ul li a.oben {
	margin:5px 0 0 0;
}
#navi_catalogue ul li ul li a.unten {
	margin:0 0 12px 0;
}

#navi_catalogue ul li a:hover, #navi_catalogue ul li a:active, #navi_catalogue ul li a.aktiv {
	color:#e20079;
	}
#navi_catalogue ul li ul li a:hover, #navi_catalogue ul li ul li a:active, #navi_catalogue ul li ul li a.aktiv {
	color:#e20079;
	
	}
table.pads {
	width:540px;
	table-layout:fixed;
	background-color:#dadada;
	
}
table.pads p{
font-size:11px;
line-height:14px;
}
table.pads thead tr th {
	background-color:#e20079;
	color:#ffffff;
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
}

table.pads tr td {
	border-color:#ffffff;
	border-style:solid;
	border-width:1px;
}

table.pads tr td p, table.pads thead tr th p{
	text-align:center;
	padding:7px 0 7px 0;
	margin:0;
}
 table.pads thead tr th p{
	 padding:2px 0 3px 0;
	 font-weight:bold;
 }
table.pads thead tr th {
	vertical-align:top;
}
	
table.pads tr td.hellgrau {
	text-align:center;
	background-color:#ededed;
}

table.pads tr td.suchergebins {
    text-align:center;
    background-color:#bcbcbc;
}

table.pads tr td.size p {
	text-align:right;
	padding:7px 18px 7px 0;
}	
table.pads tr td img {
	margin:4px auto;
}	

table.pads a {
	font-weight:normal;
}

#fussnote {
	width:540px;
	float:left;
	margin:-15px 0 20px 0;
}

#fussnote p{
	margin:0;
	padding:0;
	font-size:11px;
}
/*########### Skizzen ##########*/
#skizze_container {
	width:540px;
	margin:0px;
	padding:0px;
}

#standard_cabrio {
	width:540px;
	margin:0px;
	padding:0px;
}
.standard_text {
	width:360px;
	float:left;
	vertical-align:bottom;
}
.standard_skizze {
	width:90px;
	float:left;
}
.skizze
{ width:135px;
	float:left;
	margin: 0;
	padding: 0;
	
}
.fett {
	width:135px;
	font-weight:bold;
	font-size:11px;
	text-align: center;
	
}
.fett_skizze {
	width:90px;
	font-weight:bold;
	font-size:11px;
	text-align: center;
}


.s_control {
	padding:0 !important;
	display:visible !important;
	float:left;
	margin:0;
}

.s_control a {
	display:block;
	height:25px;
	padding:0;
	margin:0 8px 10px 0;
	position:relative;
	text-decoration:none;
}

.sc_shrunk a span {
	background-position:0 0;
}

.sc_shrinking a span {
	background-position:-12px -16px;
}

.sc_expanding a span {
	background-position:-12px 0;
}


.s_content {
	width:250px;
	overflow:hidden;
	
}

.s_content.s_shrunk {
	border-bottom:0;
}