/* CSS Document */
html { overflow-y:scroll; }
img { border-width:0px; }

body {
margin: 0px;
padding:0px;
background-color: #FFFFFF;
color:#222;
font-size: medium;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: url(../bilder/hintergrund.png) center repeat-y; 
}

h2 { font-size:110%; border-bottom: 1px solid #888; }
#inhalt { width: 950px; margin: auto; border: 1px #c0f4f4; }
#kopfzeile { width: 950px; height: 300px; }
#startseite { width: 950px; height: 189px; display:block; }
a { text-decoration:none; color: #222; }
a:hover { text-decoration:none; color: #999999; }
#navi { margin-top: 11px; color:#FFFFFF; }
#navi a { text-decoration:none; color: #FFFFFF; }
#navi a:hover { text-decoration:none; color: #999999; }
.nlink{ margin: 30px 1px 5px 33px; font-weight:600; font-size: 90%; }
.nlink1{ margin: 30px 1px 5px 33px; font-weight:600; font-size: 90%; }
#main { width: 950px; font-size:90%; margin-top:20px; margin-bottom:20px;}
#kurzinfo { width: 621px; margin-left:32px; margin-right:38px; float: left; line-height: 1.4em; }
* html #kurzinfo { width: 621px; margin-left:16px; margin-right:38px; float: left; line-height: 1.4em; }

#referenzen {
margin-top: 10px;
width: 238px; 
float: left;
font-size: 75%;
line-height: 1.6em;
color:#222;
text-align:center;
}

#referenzen h2 { margin: 0px 0px 8px 0px; text-align: center; font-size: 128%; line-height:158%; border-bottom: 1px solid #e4e4e4; }
#referenzen a:link { text-decoration:none; color: #222; }
#referenzen a:active { text-decoration:none; color: #999999; }
#referenzen a:visited { text-decoration:none; color: #222; }
#referenzen a:hover { text-decoration:none; color: #999999; }
#referenzen img { border: 1px solid #888888; margin-bottom:5px; margin-top:5px; }
#fusszeile{ text-align: right; margin-top:15px; font-size: 80%; clear:both; }

/* ################################################################### */

#kurzinfo h2 { font-size:115%; border-bottom: 1px solid #888; }
#bildklein { border-bottom: 1px solid #888; height:32px; }
#bildklein2 { margin-right: 3px; margin-bottom:2px; width: 30px; height: 30px; float: right; }

.left1  { 
font-size: 90%;
margin: 15px 32px 20px 0px;
width: 290px;
float: left;
}

.left2  {
font-size: 90%;
margin: 15px 0px 20px 0px;
width: 290px;
float: left;
}

.left1  a { text-decoration:none; color: #227bb5; }
.left2  a { text-decoration:none; color: #227bb5; }
.left3  a { text-decoration:none; color: #227bb5; }
.left1 a:hover { text-decoration:none; color: #999999; }
.left2 a:hover { text-decoration:none; color: #999999; }
.left3 a:hover { text-decoration:none; color: #999999; }
.sauber { clear: both; }
.titel{ font-size:160%; float: left; margin-top: 4px; color: #222; }
.lefti1, .lefti2, .lefti3, .lefti4 { font-size: 80%; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; }
.lefti1, .lefti2, .lefti3, .lefti4 a { text-decoration:none; color: #222; }
.lefti1, .lefti2, .lefti3, .lefti4 a:hover { text-decoration:none; color: #999999; }
.lefti1, .lefti3, img { border: 0px; }
.lefti1 { width: 50px; float: left; margin-right: 8px; }
.lefti2 { float:left; width: 230px; margin-left: 8px; margin-right: 8px; }
.lefti3 { float: left; width:50px; margin-left: 10px; margin-right: 8px; }
.lefti4 { float:left; width: 230px; margin-left: 8px; margin-right: 0px;}