html{
margin:0em;
padding:0.5em;
height:100%;
font-family: "Verdana","Tahoma","Arial";
font-size:1em;
background-color:#e5e5e5;
background-image:url('grafiken/background.png');
background-repeat: repeat-x;
}

body{
margin-bottom:1em;
padding:0em;
height:100%;
}

img{
border:0em;
}

.page{
display: block;
width:45em;
margin:auto;
height:95%;
margin-bottom:0.5em;
}

.oben{
width:45em;
height:6em;
border: 1px solid #505050;
margin-bottom:0.8em;
background-image:url('grafiken/hintergrund.png');
padding:0px;
}
.unten{
border: 1px solid #505050;
width:45em;
height:auto;
background-color:#105070;
display:block;
margin-bottom: 1em;
}

.main{
width:24.85em;
float:left;
height:auto;
border-right: 1px solid #505050;
background-color:#ffffff;
padding:0em 1em 1em 1em;
color : #161616;
min-height:18em;
}.information{
width:16em;
float:right;
height:auto;
color : #e5e5e5;
padding-right: 0.9em;
padding-left: 0.9em;}


a:link {
text-decoration : underline;
color : #105070;
}
a:visited {
text-decoration : underline;
color : #105070;
}
a:hover {
text-decoration : none;
color : #a7bac4;
}
a:active {
text-decoration : underline;
color : #105070;
}
a:focus {
text-decoration : underline;
color : #105070;
}

q:lang(de) 		{ quotes:"\00BB" "\00AB" "\203A" "\2039"; }
q:lang(de-ch) 	{ quotes:"\00AB" "\00BB" "\2039" "\203A"; }
q:lang(en) 		{ quotes:"\201C" "\201D" "\2018" "\2019"; }
q:lang(fr) 		{ quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }


p{
font-size:0.75em;
margin-left:0em;
line-height:1.55em;
color : #161616;
margin-top:0em;
font-family: "Verdana","Tahoma","Arial";
}

.information p{
color : #e9e9e9;
font-family: "Verdana","Tahoma","Arial";
}


li{
line-height:1.55em;
font-size:0.75em;
margin-top:0em;
font-family: "Verdana","Tahoma","Arial";
}

ul{
margin-top: -0.5em;
font-family: "Verdana","Tahoma","Arial";
}

h1{
font-size:1.2em;
font-weight:normal;
margin-left:0em;
font-family: "Trebuchet MS","Verdana","Tahoma","Arial";;
color : #161616;
}

.information h1{
color : #e9e9e9;
}

h2{
font-size:1em;
font-weight:bold;
font-family: "Trebuchet MS";
color : #105070;
line-height:1em;
margin-bottom: 0.3em;
}

.information h2{
font-size:1em;
font-weight:bold;
font-family: "Trebuchet MS";
color : #e9e9e9;
}

label{
font-size:0.6em;
display:block;
margin-bottom:0.2em;
}

input[type=text]{
width:18em;
height:1.2em;
background-color:#ffffff;
border:1px solid #e5e5e5;
display:block;
font-size:0.7em;
font-family: Verdana;
font-variant:normal;
margin-bottom:0.5em;
}

.select{
width:10em;
height:1.4em;
background-color:#ffffff;
border:1px solid #e5e5e5;
display:block;
font-size:0.7em;
font-family: Verdana;
font-variant:normal;
margin-bottom:0.5em;
}

.select:focus{
background-color:#e5e5e5;
}
.select:hover{
background-color:#e5e5e5;
}

input[type=text]:focus{
background-color:#e5e5e5;
}
input[type=text]:hover{
background-color:#e5e5e5;
}

textarea{
background-color:#ffffff;
border:1px solid #e5e5e5;
display:block;
font-size:0.7em;
font-family: Verdana;
width:22.5em;
}
textarea:focus{
background-color:#e5e5e5;
}
textarea:hover{
background-color:#e5e5e5;
}

button{
width:9em;
background-color:#ffffff;
border:1px solid #e5e5e5;
font-size:0.8em;
}

button:hover{
background-color:#e5e5e5;
}

.info{
font-size: 0.6em;
}

.referenzen a{
background-image: url('grafiken/exit.png');
background-repeat: no-repeat;
background-position:left;
padding-left:14px;
}
.leistungen a{
background-image: url('grafiken/exit.png');
background-repeat: no-repeat;
background-position:left;
padding-left:14px;
}

.screen{
border: 1px solid #e5e5e5;
margin-right: 0.5em;
margin-top: 0.2em;
padding:0.3em;
float:left;
}

.screen_mini{
border: 1px solid #e5e5e5;
margin-right: 0.5em;
margin-top: 0.2em;
padding:0.3em;
width:80px;
}


ul#navigation {
list-style-type: none;
float:left;
padding:0;
margin-left:0.7em;
margin-top:0em;}ul#navigation a, ul#navigation span{
background-image: none;
width:10.38em;
display:block;
float:left;
padding-left:0.7em;
background-image:url('grafiken/blau.png');
font-size:1em;
text-decoration: none;
color:#f5f5f5;
margin-left:0.3em;
font-variant: small-caps;
list-style-type: none;
border:1px solid #184f70;  
height:1.2em; 
line-height:1em;
}

ul#navigation li {
list-style-type: none;
margin: 0; padding: 0;
float:left;
}

ul#navigation a:hover,ul#navigation span{
width:10.38em;
display:block;
float:left;
height:1.15em;
line-height:1em;
padding-left:0.7em;
background-image: url('grafiken/weiss.png');
font-size:1em;
text-decoration: none;
color:#105070;
list-style: none;
border:1px solid #105070;
}
ul#navigation div {
clear: both;
}

.lm{
margin:5.5em 6.5em 5.5em 6.5em;
}
ul#subnavigation {
list-style-type: none;
padding:0;
margin:0em;
margin-top:1.1em;
}ul#subnavigation a, ul#subnavigation span{
display:block;
background-image: none;
width:25.4em;
line-height:1.9em;
height:2em;
padding-left:0.7em;
background-color:#e9e9e9;
text-decoration: none;
color:#105070;
list-style-type: none;
font-size:0.8em;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}

ul#subnavigation a:hover,ul#subnavigation span{
display:block;
width:25.4em;
line-height:1.9em;
height:2em;
padding-left:0.7em;
text-decoration: none;
color:#f9f9f9;
list-style: none;
font-size:0.8em;
color:#105070;
border-top:1px solid #184f70; 
border-bottom:1px solid #184f70; 
background-color:#a7bac4;
}
ul#subnavigation li {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#subnavigation div {
clear: both;
}

.naviwhite{
color:#184f70; 
background-image:url('grafiken/white.png');
border:1px solid #184f70;  
height:1.2em; 
line-height:1em;
}

.piktogramm{
float:left;
border: 0px solid black;
margin-right: 0.5em;
margin-top: 0.12em;
}

.logoklein{
margin-top:0.5em;
margin-left:0.5em;
margin-bottom:0.5em;
}

.none{
display:none;
}

.spacerunten{
clear:both;
height:1em;
display: block;
}

.clear{
clear:both;
}