/* 

css von: schönundneu. büro für internetangelegenheiten.
www.schoenundneu.de

2007/11

 */
 
* {
margin: 0;
padding: 0;
}

body {
margin: 0 auto;
text-align: center;
background-color: #97a5ae;
color: #162A3A;
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#center {
position: absolute;
top: 50%;
left: 50%;
width: 1006px;
height: 688px;
margin: -344px -503px;
text-align: left;
}


#header {
background: url(../images/logo.gif) no-repeat top left;
width: 1006px;
height: 199px;
}

a.header {
display: block;
width: 1006px;
height: 199px;
}

#header ul {
position: absolute;
top: 20px;
right: 20px;
list-style: none;
}

#header li {
list-style: none;
display: inline;
color: white;
}

#header li a {
text-decoration: none;
color: white;
font-size: 75%;
}
#header li a.aktiv {
cursor: default;
}

#header li a.aktiv,
#header li a:hover {
text-decoration: underline;
}






#topnavi {
text-align: center;
background-color: #485D69;
width: 100%;
height: 27px;
color: #c1cacf;
}


ul#navi {
margin-left: 220px !important;
margin-left: 270px;
height: 26px;
letter-spacing: .06em;
}
ul#navi li a:hover {
color: #F6F8F6;
}
ul#navi li.eins {
margin: 0 0 0 1em;
}
ul#navi li.abstand {
margin: 0 1.1em;
} 
ul#navi, ul#navi ul { 
list-style: none;
font-size: 95%;
}
ul#navi a {
display: block;
width: auto;
text-decoration: none;
color: #c1cacf; 
}
ul#navi li { 
float: left;
width: auto; 
line-height: 27px;
font-weight: bold;
}
ul#navi ul li ul li { 
display: block;
line-height: 27px;
font-weight: bold;
}
ul#navi li ul { 
position: absolute;
width: 6em;
left: -999em; 
display: block;
}

ul#navivis li ul { 
position: absolute;
width: 6em;
display: block;
margin: 0 1.1em;
}

ul#navi li ul.thirdlevel { 
position: absolute; 
top: 215px;
width: 6em;
left: -999em;  
display: block;
padding: 1em 0 0 0;
}

ul#navi li ul.secondlevel { 
position: absolute; 
top: 215px;
width: 6em;
left: -999em;  
display: block;
padding: 1em 0 0 0;
}

ul#navi li ul.thirdlevel { 
position: absolute; 
top: 215px;
width: 6em;
left: -999em;  
display: block;
padding: 1em 0 0 0;
}


ul#navi li:hover ul, ul#navi ul, ul#navi ul { 
left: auto;
display: block;
}


ul#navi ul.secondlevel a {
position: relative;
margin-left: -2.6em;
color: #637F97;
width: 180px;
text-align: left;
display: block;
/* margin-top: -.3em !important; */
}

ul#navi  ul.secondlevel a {
position: relative;
margin-left: -1.6em;
color: #637F97;
width: 180px;
text-align: left;
display: block;
/* margin-top: -.3em !important; */
}

ul#navi ul.secondlevel a:hover {
color: #182C3C;
}

ul#navi ul.secondlevel li {
font-size: 90%;
height: 1.2em;
line-height: 27px !important;
line-height: 18px;
}

ul#navi ul.secondlevel li span {
margin-left: 14px;
}


ul#navi ul.thirdlevel a {
position: relative;
margin-left: -2.6em;
color: #637F97;
width: 180px;
text-align: left;
display: block;
/* margin-top: -.3em !important; */
}

ul#navi ul.thirdlevel a {
position: relative;
margin-left: -1.6em;
color: #637F97;
width: 180px;
text-align: left;
display: block;
/* margin-top: -.3em !important; */
}

ul#navi ul.thirdlevel a:hover {
color: #182C3C;
}

ul#navi ul.thirdlevel li {
font-size: 90%;
height: 1.2em;
line-height: 27px !important;
line-height: 18px;
}

ul#navi ul.thirdlevel li span {
margin-left: 14px;
}


ul#navi a.aktiv {
color: white;
cursor: default;
}









#index-content {
clear: left;
background: url(../images/start_bg.jpg) no-repeat top left;
width: 1006px;
height: 462px;
}

.index-text {
position: absolute;
top: 530px;
right: 270px;
text-align: right;
}
.index-text h2 {
font-size: 200%;
font-weight: normal;
font-family: 'Gil sans', Arial, Verdana, Helvetica, sans-serif;
}
.index-text h3 {
font-size: 100%;
font-family: 'Gil sans', Arial, Verdana, Helvetica, sans-serif;
}

#content {
background-color: #F6F8F6; 
height: 462px;
}

#text {
position: relative;
top: 60px;
left: 60px; 
width: 943px;
height: 350px;
overflow: auto;
}
#text2 {
position: relative;
top: 70px;
left: 60px; 
width: 940px;
height: 400px;
overflow: auto;
}
#text3 {
position: relative;
top: 70px;
left: 90px; 
width: 940px;
height: 400px;
overflow: auto;
}

p {
font-size: 75%;
line-height: 140%;
line-height: 1.8em;
margin-bottom: 2em;
letter-spacing: .02em;
padding:  0 110px 0 50px;
}

p.impressum {
margin-top: 0.5em;
line-height: 120%;
}

ul.list a,
p a {
color: #637F97;
text-decoration: none;
}
ul.list a:hover,
p a:hover {
text-decoration: underline;
}

h3 {
padding:  0 110px 0 50px;
font-size: 90%;
letter-spacing: .02em;
font-weight: normal;
}

ul.list {
font-size: 75%;
list-style: none;
float: left;
padding-right: 3em;
letter-spacing: .02em
}
ul.list li {
line-height: 140%;
}

br {
clear: both;
}





table#kontakt {
position: relative;
margin: 0 auto;
letter-spacing: .02em;
padding-right: 34px;
}

span.bold {
display: block;
color: red; 
font-weight: bold;
font-size: 80%;
}

input.button {
border: 1px solid white;
color: #345372;
background-color: #cfd8e5;
padding: .02em 1em;
font-size: 75%;
letter-spacing: .01em;
text-align: center;
float: right;
cursor: pointer;
}

td {
padding-bottom: .15em;

}

td.red {
font-size: 70%;
}

table#kontakt td.shorttext {
font-size: 80%;
}

table#kontakt td.links {
width: 135px; 
font-size: 80%;
vertical-align: top;
}

input.text {
width: 310px;
height: 19px;
border: 1px solid #8093a6;
font-size: 85%;
}

input.shorttext {
width: 50px; 
height: 19px;
border: 1px solid #8093a6;
font-size: 85%;
}

input.ort {
width: 256px !important; 
width: 220px;
height: 19px;
border: 1px solid #8093a6;
font-size: 85%;
}

textarea {
width: 310px; 
height: 100px;
border: 1px solid #8093a6;
background-color: white;
scrollbar-track-color: #f7f9f8;
scrollbar-face-color: white;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-highlight-color: white;
scrollbar-arrow-color: white;
}