@import url("design.css");


/* Default Style

Bei mehreren Angaben werden die Angaben intern nach der angenommenen Reihenfolge fÃŒr 1=oben, 2=rechts, 3=unten, 4=links interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand fÃŒr oben und unten, die zweite den Abstand fÃŒr rechts und links.
Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand fÃŒr oben, die zweite den Abstand fÃŒr rechts und links und die dritte den Abstand fÃŒr unten.
Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand fÃŒr oben, die zweite den Abstand fÃŒr rechts, die dritte den Abstand fÃŒr unten und die vierte den Abstand fÃŒr links.

*/

* {
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

select.option[selected]  { background-color:red; }


p, b, ul, li, tr,td ,label, input,  textarea {
font-size:11px;
}

html, body, p, h1, h2, h3, h4, h5, h6, form, fieldset,img {
	margin: 0px;
	padding: 0px;
	border: 0px;

}

h1 {
                font-size:21px;
}


h2 {
		font-size:21px;
}


h3 {
		font-size:14px;
		padding: 3px 0px 3px 0px;
}


h4 {
		font-size:15px;
}


h5 {
		font-size:14px;
}

h6 { /*font-variant:small-caps;*/
     font-size:17px;}


br { line-height: 11px;}

p {
margin-bottom:4px;
}

/* text size menubar top */
.dropdown li {
		font-size:11px;
}


input {
vertical-align:middle;
}

input:focus { background-color: rgb(255,228,225) }

li {
padding-left:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
line-height:13px;

}

ul {
padding-left:0px;
margin-left:20px;
margin-top:0px;
margin-bottom:6px;
}

a {text-decoration:none;}
a:link		{ color: #000;  }
a:visited	{ color: #000;  }
a:hover		{ color: #000;text-decoration:underline;  }
a:active	{ color: #ffa500; }



b {color: #003882;}


h1, h2, h4 {
color: #FFFFFF;
margin: 5px 0px 5px 0px;
}

h3 {
color: #FFFFFF;
}


h5 {
color: #000000;
margin: 5px 0px 5px 0px;
}


/* header */

div.header p {
	color:white;
	font-size:9pt;
}



/* abstandhalter */

p.short { line-height:4px; }

br.short { line-height: 4px;}

/*Positionierung Text/Bild  */

.image { position:absolute;
	right:0px;
	text-align:right;
	z-index:100;}

.image2 { right:0px;
	z-index:100;
	width:100px;}

.text {	 position:relative;
	text-align:left;
	z-index:101;
}



/*Ueberschrift */

.caption {
border-top:1px solid gray;
border-bottom:1px solid gray;
margin: 0px;
padding:0px;
height:20px;
margin-bottom:7px;
margin-top:7px;
}

.sales .caption {
height:auto;
}




.caption img {
padding-top:2px
}


/* Unterteilung */

div.header { position:absolute;
	     height:70px;
	     width:780px;}

div.cont { position:absolute;
	   top:80px;
	   width:780px;
	z-index:10;

}


/* Unterteilung box */



div.box_content {
position:relative;
margin-left:3px;
}

div.home_box_caption {
margin: 0px;
padding:0px;
height:25px;
margin-top:0px;
padding-left:3px;
}

div.red {
 background-color: #AE0F0B;
}

div.green {
 background-color:#3CA433;
}

div.blue {
 background-color:#243282
}


div.home_box_caption-small {
margin: 0px;
padding:0px;
height:10px;
margin-top:0px;
padding-left:3px;
}

div.box_caption {
border-top:1px solid gray;
border-bottom:1px solid gray;
margin: 0px;
padding:0px;
height:20px;
margin-bottom:7px;
margin-top:0px;
padding-left:3px;
}




div.box_caption_2_level {
margin: 0px;
padding:0px;
height:20px;
margin-bottom:7px;
margin-top:0px;
padding-left:3px;
text-decoration:underline;
font-size:17pt;
}

div.box_content_2_level {
position:relative;
margin-left:3px;
margin-bottom:2px;
border-bottom: 1px solid;
padding-bottom:30px;
}

/* Unterteilung box - Learn more */

div.small_left {
width:262px;
float:left;
margin-right:10px;
position:relative;
margin-bottom:7px;
overflow:hidden;

}

div.small_right {
width:100px;
float:left;
position:relative;
margin-bottom:7px;
overflow:hidden;

}


/* Rahmen box */


.border-home {
border-top: gray 1px solid;
border-left:gray 1px solid;
border-right:black 1px solid;
border-bottom:black 1px solid;
cursor:pointer;
}

div.border {
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
margin-bottom:7px;
position:relative;
}

div.border-87 {
background-image:url(../images/border-87.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:87px;
margin-bottom:7px;
position:relative;
}

div.border2, div.border-165 {
background-image:url(../images/border-165.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:165px;
margin-bottom:7px;
position:relative;
overflow:hidden;
}

div.border3, div.border-252 {
background-image:url(../images/border-252.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:252px;
margin-bottom:7px;
position:relative;
}

div.border1, div.border-337{
background-image:url(../images/border-337.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:337px;
margin-bottom:7px;
position:relative;
}

div.border-130{
background-image:url(../images/border-130.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:130px;
margin-bottom:7px;
position:relative;
}

#border-blue-130 {
background-image:url(../images/border-130-blue.png);
height:130px;
}

#border-gray-130 {
background-image:url(../images/border-130-gray.png);
height:130px;
}

#border-red-165 {
background-image:url(../images/border-165.png);
height:165px;
}

#border-blue-165 {
background-image:url(../images/border-165-blue.png);
height:165px;
}

#border-red-165-ie {
background-image:url(../images/border-165.png);
height:165px;
}

#border-red-165 {
background-image:url(../images/border-165.png);
height:165px;
}

#border-green-165 {
background-image:url(../images/border-165-green.png);
height:165px;
}

#border-gray-165 {
background-image:url(../images/border-165-gray.png);
height:165px;
}

#border-blue-200 {
background-image:url(../images/border-200-blue.png);
height:200px;
}

#border-gray-252 {
background-image:url(../images/border-252-gray.png);
height:252px;
}


#border-red-337 {
background-image:url(../images/border-337.png);
height:337px;
}

#border-blue-337 {
background-image:url(../images/border-337-blue.png);
height:337px;
}

#border-green-337 {
background-image:url(../images/border-337-green.png);
height:337px;
}

#border-gray-337 {
background-image:url(../images/border-337-gray.png);
height:337px;
}

#border-blue-500 {
background-image:url(../images/border-500-blue.png);
height:500px;
}

#border-green-500 {
background-image:url(../images/border-500-green.png);
height:500px;
}

#border-gray-500 {
background-image:url(../images/border-500-gray.png);
height:500px;
}


div.border-155{
background-image:url(../images/border-155.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:162px;
margin-bottom:7px;
position:relative;
}

div.border-162{
background-image:url(../images/border-162.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:162px;
margin-bottom:7px;
position:relative;
}

div.border-200{
background-image:url(../images/border-200.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:200px;
margin-bottom:7px;
position:relative;
}

div.border-275{
background-image:url(../images/border-275.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:275px;
margin-bottom:7px;
position:relative;
}


div.border-500{
background-image:url(../images/border-500.png);
background-position:left top  ;
background-repeat:no-repeat;
padding-left:9px;
height:500px;
margin-bottom:7px;
position:relative;
}



/* Unterteilung column*/


div.full {
width:780px;
clear:both;
}

div.left {
width:383px;
float:left;
margin-right:10px;
position:relative;
margin-bottom:7px;
overflow:hidden;
}

div.right {
width:383px;
float:right;
position:relative;
margin-bottom:7px;
overflow:hidden;
}


div.first {
 		width:179px;
		margin-right:10px;
		position:relative;
		float:left;
	   }

div.last {
 		width:179px;
		position:relative;
		float:left;
	   }


/* Buttons*/



.login1, .login2, .login3, .login4 , .login{
background-repeat:no-repeat;
font-size:10px;
height:21px;
text-align:center;
display:block;
border-style:none;
background-color:transparent;
   cursor: pointer;
}

.login:hover {
text-decoration: underline;
color:white;
}


.button {
background-repeat:no-repeat;
height:22px;
}

.button-left {
position:absolute;
right:0px;
padding-bottom:30px;
} 

div.button a  {
color:white;
line-height:21px;
font-size:10px;
text-align:center;
display:block;
}

.button a{
background-repeat:no-repeat;
color:white;
font-size:10px;
line-height:21px;
text-align:center;
display:block;
}

.login p{
color:white;
margin-left:-8px;
margin-top:3px;
}

#button-50-grey {
background-image:url(../images/button-50-gray.png);
width:51px;
}

#button-100-green {
background-image:url(../images/button-100-green.png);
width:101px;
}

#button-100-grey {
background-image:url(../images/button-100-gray.png);
width:106px;

}

#button-100-red {
background-image:url(../images/button-100-red.png);
width:101px;

}

#button-200-grey {
background-image:url(../images/button-200-gray.png);
width:200px;
}

#button-188-grey {
background-image:url(../images/button-188-gray.png);
width:189px;
}


#button-250-blue {
background-image:url(../images/button-250-blue.png);
width:251px;
}


#button-250-grey {
background-image:url(../images/button-250-gray.gif);
width:251px;
}

#button-250-green {
background-image:url(../images/button-250-green.png);
width:251px;
}

#button-100-blue {
background-image:url(../images/button-100-blue.png);
width:101px;
}

/* diverses*/

.bold p, .bold li {
	color:#009;
	font-size:11px;
	line-height:14px;
 }

.blue  {
color:blue;
}

.black {
color:black;
}


.band {
position:relative;
left:30px;
height:85px;
width:700px;

}


/* Anpassung fuer Unterseiten*/

.presslist {
width:775px;
height:480px;
overflow:auto;
}

.presslist h3 {
color:black;
}

.newslist {
width:775px;
height:480px;
overflow:auto;
}

.newslist h3 {
color:black;
}

.eventlist {
width:785px;
height:220px;
overflow:auto;
}

.eventlist h3 {
color:black;
}



.papers h3 {
color:black;
}

.papers {
width:778px;
height:480px;
overflow:auto;
}

.company {
line-height:18px;
}

.company li {
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
line-height:18px;
}

.impress h3 {
color:black;
}

.contact li{
margin-top:0px;
margin-bottom:0px;
line-height:18px;}


.contact ul{
padding-left:15px;}

.contact li {
list-style-image:url(../images/pfeil.gif);
color:blue;
}


/* submenu right*/

.submenu-product-area {
height:164px;
}

.rightmenu {
width:198px;
padding-left:0px;
margin-top:3px;
}

.rightsubmenu {
margin-left:-8px;
margin-top:5px;
width:190px;
}

.right-menu {
padding-left:10px;

}

.item {
font-size:7pt;
border:0px none;
display:block;
padding-left:10px;
line-height:17px;
background-color:transparent;
background-image:url(../images/punkt.gif);
background-image:url(../images/0013_bullet.gif);

background-repeat:no-repeat;
background-position:left center;
color:black;
}

.mainitem {
background-position:left center;
background-image:url(../images/punkt.gif);
background-image:url(../images/0009_round_cyan.gif);
background-repeat:no-repeat;
display:block;
padding-left:10px;
margin-top:5px;
line-height:17px;
color:blue;
font-size:8pt;

}

/*news right */

.newsright {
width:185px;
padding-left:-10px;
}

.newsright ul{
margin-left:9px;
}

.rightsubnews {
margin-top:5px;
}


.titel {
height:25px}


/*rightsreserved */
.rights {
font-size:10px;
vertical-align:text-top;
}

.rightsv2 {
font-size:7px;
vertical-align:text-top;
}

.rights_small {
font-size:7px;
vertical-align:super;

}

/* crumb navigation */
.crumb {
position:absolute;
top:60px;
left:2px;
font-size:10px;
}




#box {
position:absolute; top:50px; left:50px;
z-index:3;}

#box a {
color:#ffffff;
background:#b3b06c;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}

#box a:hover {
color:black;
background:#ddd8b7;
width:400px;}

#box a span {display:none;}

#box a:hover span {
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}


#test{
visibility:hidden;
}


.tooltip {
  position: absolute;
  width:500px;
  background:gray;
  display: none;
  z-index:30000;
}