﻿html, body { 
margin : 0;
padding-top : 0;
font : 10pt/1.5em "Arial";
color : #000;
text-align : center;
height : 100%;
} 
h1, h2, h3, p, ul, ol, li, span, img { 
padding : 0;
margin : 0;
} 
img { 
border : none;
}
.fett{font-weight: bold;} 
a:link, a:visited, a:active { 
color : #042959;
font : 100%/1.5em "Arial";
text-decoration : underline;
font-weight : bold;
} 
a:hover { 
color : #ae9962;
text-decoration : none;
}
a.intern:link, a.intern:visited, a.intern:active { 
color : #042959;
font : 100%/3.0em "Arial";
text-decoration : underline;
font-weight : bold;
margin:0 2.2em 0 0;
padding:0.2em;
background-color:#c6d2e1;
} 
a.intern:hover { 
color : #fff;
text-decoration : none;
background-color:#042959;
}  
a.ref:link, a.ref:visited, a.ref:active { 
color : #073269;
font : 100%/1.5em "Arial";
text-decoration : none;
font-weight : bold;
} 
.right { 
float : right;
height : 130px;
width : 355px;
behavior: url(iepngfix.htc);
} 
#center { 
position : relative;
margin : 0;
padding : 0;
text-align : left;
width : 100%;
} 
#header { 
height : 130px;
padding : 0;
margin : 0;
behavior: url(iepngfix.htc);
} 
#nav { 
background : url(img/navi_leiste_blau.gif) repeat-x;
height : 30px;
padding : 0;
margin : 0;
list-style : none;
display : block;
clear : both;
} 
#nav ul { 
padding : 0.5em 0 0 15%;
margin : 0;
list-style-type : none;
} 
#nav li { 
display : inline;
padding : 0 1em 0 1em;
float : left;
margin : 0;
} 
#nav li a { 
float : left;
display : block;
text-decoration : none;
text-align : center;
font : 9pt "Times New Roman", Times, serif;
color : #fff;
height : auto !important;
height : 1%;
text-transform : uppercase;
letter-spacing : 0.08em;
padding : 0;
margin : 0;
} 
#home .home, #ueber_uns .ueber_uns, #produkte .produkte, #referenzen .referenzen, #aktuelles .aktuelles, #service .service, #kontakt .kontakt, #impressum .impressum, #partner .partner, #jobs .jobs{ 
color : #ae9962;
font-weight : bold;
} 
#nav li a.ueber_uns_akt, #nav li a.produkte_akt, #nav li a.aktuelles_akt, #nav li a.service_akt, #nav li a.kontakt_akt,#nav li a.jobs_akt {color : #ae9962;
font-weight : bold;}
#subnav { 
background : url(img/navi_leiste_gold_kachel.gif) repeat-x;
height : 30px;
padding : 0;
margin : 0;
list-style : none;
clear:both;
} 
#subnav ul { 
width : auto;
padding : 0.5em 0 0 30%;
margin : 0;
list-style-type : none;
} 
 
#subnav li { 
display : inline;
padding : 0 1em;
float:left;
display : block;
text-align : center;
} 
#subnav li a { 
float : left;
display : block;
text-align : center;
text-decoration : none;
font : 11pt "Times New Roman";
color : #fff;
height : auto !important;
height : 1%;
letter-spacing : 0.03em;
padding : 0;
margin : 0;
} 
#philosophie .philosophie, #firmengeschichte .firmengeschichte, #leistungsprofil .leistungsprofil, #prod_uebersicht .prod_uebersicht, #neuigkeiten .neuigkeiten, #Citadel Web .Citadel Web, #thermaris .thermaris, #argus .argus, #brilliant .brilliant, #schulungen .schulungen, #downloadbereich .downloadbereich, #anfahrt .anfahrt, #infomaterial .infomaterial, #newsletter .newsletter, #neuigkeiten .neuigkeiten, #pressemeldungen .pressemeldungen, #messetermine .messetermine, #schulungstermine .schulungstermine, #neuigkeiten .neuigkeiten, #brilliant .brilliant, #support .support{ 
color : #fff;
font-weight : bold;
} 
#contentleft { 
width : 120px;
height : 520px;
padding : 0 3em 0 6em;
margin : 2em 0;
float : left;
background : #fff;
} 
#contentleft_home { 
width : 470px;
height : 550px;
padding : 0 0 0 6em;
margin : 2em 0;
float : left;
} 
.logos { 
padding : 0 0 3em 0;
clear : both;
} 
#contentleft1 {  
width : 152px;
height : 550px;
padding : 0;
margin : 2em 1em 1em 4em;
float : left;
clear:both;
} 
#contentleft1 .top { 
background : url(img/more_top.gif) no-repeat;
font-size : 1px;
height : 20px;
} 
#contentleft1 h1 { 
padding : 2px 5px 0 8px;
margin : 0;
color : #fff;
font : 10pt "Times New Roman";
letter-spacing : 0.1em;
} 
#contentleft1 h2 { 
padding : 2px 5px 0 8px;
margin : 0;
color : #fff;
font : 10pt "Times New Roman";
letter-spacing : 0.1em;
text-transform : uppercase;
} 
.more { 
width : 150px;
clear : both;
background : url(img/more_bg.gif) repeat-x 0px bottom;
margin-bottom : 1em;
padding-bottom : 0.5em;
border-left : 1px solid #ae9962;
border-right : 1px solid #ae9962;
border-bottom : 1px solid #ae9962;
} 
.more p { 
padding : 5px 10px;
margin : 0;
font : 9pt/1.2em Arial;
} 
.more a { 
padding : 0 10px;
color : #fff;
width : 150px;
text-transform : uppercase;
letter-spacing : 0.02em;
text-decoration : none;
} 
.more a:hover { 
color : #ae9962;
text-decoration : none;
} 
#contentcenter { float : left;
width : 350px;
padding : 0;
margin : 2em 0; 
} 
#contentright { 
width :30%;
padding-left :1%;
margin : 1.8em 0 2em ;
float : left;
background : #fff;
} 
#contentright p { 
line-height : 1.5em;
} 
#contentright_ref { 
width : 60%;
padding : 0 8% 0 2%;
margin : 1.8em 0 2em 0;
float : left;
background : #fff;
} 
ul { 
line-height : 1.5em;

padding : 0;
} 
li { 
line-height : 1.5em;
list-style-type : none;
} 
li.leistungenliste { 
margin : 0 0 0 1.5em;
list-style : square;
} 
li.gold { 
font : 11pt/1.5em "Arial";
font-weight : bold;
color : #ae9962;
} 
li.referenzliste { 
list-style : circle;
} 
.geschichte { 
padding-bottom : 1.5em;
} 
.kursiv { 
font-style : italic;
} 
#presse { 
margin-bottom : 2em;
clear: left;
} 
#presse h1 { 
font : 11pt/1.5em "Arial";
font-weight : bold;
color : #ae9962;
} 
#bottom { 
background : url(img/footer_leiste_gold_kachel.gif) repeat-x 0 0;
padding : 0;
clear : both;
width : 100%;
height : 30px;

} 
#tab { 
width : 100%;
margin : 0;
padding : 0;
border : 1px solid #ccc;
font : 9pt "Arial";
line-height : 1.1em;
float:left;
} 
#tab td { 
margin : 0;
padding : 0.4em;
text-align : center;
} 
#tab .td1 { 
width : 26em;
text-align : left;
} 
#tab .td2 { 
width : 10em;
text-align : center;
} 
#tab .td4 { 
width : 20em;
text-align : center;
} 
#tab .td3 { 
width : 3em;
padding-right : 5px;
text-align : right;
} 
#tab tbody tr.gerade { 
background-color : #e6e9f0;
} 

.rounded-corners { 
width : 100%;
background : url(img/ref_top_center.gif) repeat-x 0px 0px;
float:left;
} 
.rounded-corners .left { 
background : url(img/ref_top_left.gif) no-repeat;
float : left;
font-size : 1px;
height : 22px;
width : 15px;
} 
.rounded-corners .right { 
background : url(img/ref_top_right.gif) no-repeat;
float : right;
font-size : 1px;
height : 22px;
width : 15px;
} 
.rounded-corners p { 
background : url(img/ref_top_center.gif) repeat-x 0px 0px;
font : 12px "Times New Roman";
margin : 0;
padding : 3px 0 0 0;
color : #fff;
height : 19px;
letter-spacing : 0.1em;
text-transform : uppercase;
} 
#form { 
line-height : 2em;
display : block;
text-align : left;
width : 100%;
background : #e6e9f0;
border : 1px solid #ae9962;
margin : 0;
padding :2em 0  1em 0.5em;
} 
label, input, select { 
display : block;
float : left;
width : 8em;

} 
label { 
text-align : right;
padding-right : 0.5em;
}
select { 
display : block;
float : left;
width : 55%;
border : 1px solid #ae9962;
}  
.left1 { 
width : 65%;
padding :0.5em;
line-height : 0.6em;
text-align : left;
/*border: 1px solid #000;*/
} 
.left2 { 
width : 65%;
padding : 0.5em;
line-height : 0.6em;
text-align : left;
} 
.left_newsletter{ 
width : 85%;
padding :0.2em 0.5em 0 0.5em ; 
margin:0 ;
font: 9pt/1em "Arial";
text-align : left;
/*border: 1px solid #000;*/
} 

input, textarea{ 
width : 55%;
}
input.box { 
width : 5%;
margin:0 ;
padding:0;
} 
form br { 
clear : both;
} 

img.logo_banner {height : 130px;
width : 355px;
behavior: url(iepngfix.htc);}
#login_box{
display : block;
text-align : left;
width : 320px;
}
.auto_login{
width : 5%;
padding : 0; 

}
#login_box label, #login_box input{ 
padding :0 ;
margin-right:5px;
}

fieldset{ 
padding-top:1em;
border: none;}
button.submit {
		background:  url(img/btn-submit.gif) 0 0 no-repeat; 
		width: 100px;
		height: 26px;
	margin:0.5em;
	padding: 0;
		border:0; 
		font-size:7pt; 
		color:#042959; 
		float:right;
cursor: pointer;
		/**/
		}
	button.submit:hover { color:#fff; } 
#table{
width: 320px;
margin:0;
padding:0;
}
#table td{width: 150px; }
.anm{width: 150px;}
.betreff{border:1px solid #042959;}
