* {
margin:0;
padding:0;
}

body {background-color:#eff3f6;}

#header {
background-color:transparent;
margin:10px auto 0;
position:relative;
width:862px;
}

#header #navigation {
position:absolute;
right:0;
top:15px;
}

ul#navigation {list-style:none;}
ul#navigation li {display:inline;}
	
ul#navigation li a {
display:block;
float:left;
height:40px;
background-image:url(../bilder/gui/menue.png);
text-indent:-9999px;
}

ul#navigation li a.start {
width:107px;
background-position:0 0;	
}

ul#navigation li a.rundgang {
width:111px;
background-position:-107px 0;	
}
	
ul#navigation li a.handbuch {
width:111px;
background-position:-218px 0;	
}
	
ul#navigation li a.kontakt {
width:92px;
background-position:-331px 0;	
}
	
ul#navigation li a.start:hover, ul#navigation li a.start:focus {background-position:0 -80px !important;}
ul#navigation li a.rundgang:hover, ul#navigation li a.rundgang:focus {background-position:-107px -80px !important;}
ul#navigation li a.handbuch:hover, ul#navigation li a.handbuch:focus {background-position:-219px -80px !important;}
ul#navigation li a.kontakt:hover, ul#navigation li a.kontakt:focus {background-position:-331px -80px !important;}

#startseite ul#navigation li a.start {
width:107px;
background-position:0 -40px;	
}

#rundgang ul#navigation li a.rundgang {
width:111px;
background-position:-107px -40px;	
}

#handbuch ul#navigation li a.handbuch {
width:111px;
background-position:-219px -40px;	
}

#kontakt ul#navigation li a.kontakt {
width:92px;
background-position:-331px -40px;	
}

#inhalt {
margin-left:auto;
margin-right:auto;
margin-top:10px;
position: relative;
width:862px;
background-color:#f8f8f8;
padding:20px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
}

#startseite #inhalt {
background:transparent url(../bilder/gui/hintergrund.png) no-repeat top center;
padding-top:192px;
}

#inhalt p, #footer p, #inhalt ul, #inhalt ol {
color:#111;
font-family:Corbel,Helvetica,sans-serif;
font-size:16px;
}

#inhalt p, #footer p {
line-height:140%;
margin-bottom:20px;
}

#inhalt ul, #inhalt ol {
line-height:130%;
margin-left:20px;
/* margin-bottom:20px; */
}


#footer {
margin:30px 0;
}

#footer p {
font-size:11px;
text-align:center;
}

#footer a:link, #footer a:visited {color:#3b3b3b;}
#footer a:hover, #footer a:active, #footer a:focus {color:#b21f17;}

#zweispaltig {
position:relative;
height:170px;
margin-top:40px;
}

#features {
position:absolute;
left:0;
width:50%;
}

#anwendungsszenarien {
position:absolute;
right:0;
width:50%;	
}

#kontaktformular input.formularfeld, #kontaktformular textarea.formularfeld {
 border:2px solid #ccc;
 font:1em fixedsys;
 padding:5px;
 width:300px;
}
 
 #kontaktformular textarea {
 border:2px solid #111;
 font:1em fixedsys;
 height:140px;
 padding:5px;
 width:100%;
}

#kontaktformular textarea:focus, #kontaktformular input:focus {
 border:2px solid #b21f17;
 background-color:#fffacd;
}

#kontaktformular p {margin-bottom:0;}

a:link {color:#0b236b;}
a:visited {color:#111;}
a:hover, a:active, a:focus {color:#b21f17;}
a {outline:none;}
a.ohnelink:hover {color:#000;}

abbr {
border-bottom:1px dotted;
cursor:help;
}

h1, h2, h3, h4 {font-family:Corbel,Helvetica,sans-serif;}

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

h3 {
font-size:18px;
margin:10px 0;
}

h4 {
font-size:15px;
margin:7px 0;
}

img {border:0;}

#anwendungsszenarien h2, #features h2, #neuigkeiten h2 {
font-size:18px;
margin:0 0 -12px 0;
}

#inhaltsverzeichnis ul {
margin:0;
padding-left:0;
list-style-type:none;
}
#inhaltsverzeichnis ul ul {
margin-bottom:0;
padding-left:40px;
}

.firmenbeschreibung {margin-top:10px;}

.bildzentriert {margin:0 auto; display:block; padding:10px;}
.erste {margin:0;}
.formabstand {margin-top:10px;}
.hzweivorbild {float:left; margin:-2px 7px 0 0;}
.latin {list-style-type:lower-latin;}
.obligatory {display:none;} 
.textzentriert {text-align:center;}

::-moz-selection {background-color:#0b236b; color:#fff;}
::selection {background-color:#0b236b; color:#fff;}