/* Stylesheet http://www.ankeloenne.de 
created by Olaf Gleba
*/

* {
margin: 0;
padding: 0;
border: 0 solid;
}

body {
font: 94% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff url(../img/body.gif) repeat;
text-align: center;
margin: 0 0 20px 0;
}
h1, h2 {
font-size: 0.84em;
}
h3, h4 {
font-size: 0.84em;
}
p, table, li {
font-size: 0.75em;
}
a {
font-size: 0.75em;
}
p a, h1 a, h2 a, h3 a, h4 a, td table, li a {
font-size: 100%;
}
strong, b {
font-weight: bold;
}
i {
font-style: oblique;
}


a {
color: #000;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
a:active, a:focus {
color: #000;
background-color: #E4DEEE;											
}
	
#content a.btn, #content a.btn:visited {display:inline-block;background-color:#E4DEEE;padding: 8px 15px 8px;color: #000;text-decoration:none;line-height: 1;-moz-border-radius: 4px;-webkit-border-radius: 4px;position: relative;cursor: pointer}
#content a.btn:hover, #content a.btn:active, #content a.btn:focus {background:rgb(228, 222, 238);background:rgba(228, 222, 238, 0.6)}


#container {
position: relative;
margin: 0 auto 0 auto;
width: 948px;
padding: 20px 0 0 1px;
text-align: left;
margin-bottom: 20px;
}
#container p.footer {
display: block;
font-size: 68%;
border-top: 1px solid #efefef;
padding: 10px 0 25px 35px;
background-color: #fff;
}
#container p.footer a {
padding: 0 10px 0 0;
}
#container p.footer span.left {
display: block;
float: left;
width: auto;
margin-right: 25px;
}
#container p.footer span.right {
display: block;
float: right;
width: auto;
margin-right: 25px;
}

#container p.footerhide {
display: none;
}


#rahmen {
display: block;
background-color: #fff;
}


#header {
display: block;
width: 947px;
height: 100px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #f1f1f1;
}
#headerleft {
position: absolute;
top: 100px;
left: 35px;
}
#headerleft p {
font-size: 68%;
}
#headerleft a {
font-weight: normal;
}
#headerleftprint {
display: none;
}
#headerleftprint p {
font-size: 85%;
}


#logo {
position: absolute;
top: 30px;
left: 690px;
}
#logo a {
display: block;
width: 194px;
height: 51px;	
}
#logo a:hover {
background: transparent;
}
#logo a:focus, #logo a:active {
background: transparent;
}


.skip {
position: absolute;
left: -100em;
}

/* Sprungmenue fuer Screenreader */
#skipnavi {
position: absolute;
left: -100em;
}
#skipnavi a, #skipnavi a:link, #skipnavi a:visited, #skipnavi a:hover {
color: #fff;
background: transparent;
}
#skipnavi a:active, #skipnavi a:focus {
color: #fff;
background: transparent;
}



#heado {
display: block;
clear: both;
width: 947px;
height: 35px;
border-bottom: 1px solid #efefef;
}

#headm {
display: block;
clear: both;
width: 947px;
height: 35px;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}



#content {
display: block;
width: 910px;
text-align: left;
line-height: 110%;
padding-left: 35px;
}

#content p {
width: 300px;
padding: 0 15px 15px 0;
}

#content h1.index {
margin: 0 0 10px 0;
padding-bottom: 5px;
font-size: 75%;
width: 410px;
}
body#start #content h1.index {
width: 400px;
}
#content p.index {
width: 260px;
padding: 0 15px 15px 0;
}

#content h2 {
margin: 0 0 10px 0;
padding-bottom: 5px;
font-size: 75%;
width: 500px;
border-bottom: 1px solid #efefef;
}

#content #contentleft h2 {
margin: 0 0 10px 0;
padding-bottom: 5px;
font-size: 75%;
width: 335px;
border-bottom: 1px solid #efefef;
}

#content p.b {
padding: 0 0 25px 0;
}

#content #contentleft p.l {
float: left;
display:block;
width: 100px;
padding: 0;
}
#content #contentleft p.r {
float: left;
display:block;
width: 200px;
padding: 0 0 10px 0;
}

#content p.l {
float: left;
display:block;
width: 130px;
padding: 0;
}
#content p.r {
float: left;
display:block;
width: 370px;
padding: 0 0 10px 0;
}
#content p.rm {
float: left;
display:block;
width: 500px;
padding: 0 0 10px 0;
}

#content p.fform {
padding: 0 0 3px 0;
}

#content p.ferr {
padding: 0 0 15px 0;
}

#content a {
color: #9795A1;
background-color: transparent;
text-decoration: underline;
font-weight: normal;
}
#content a:hover {
text-decoration: none;
}
#content a:active, a:focus {
color: #000;
background-color: #E4DEEE;											
}


#contentleft {
display: block;
float: left;
padding: 30px 0 60px 0;
width: 365px;
}

body#start #contentleft {
display: block;
float: left;
padding: 30px 0 60px 0;
width: 405px;
}

#contentright {
display: block;
float: left;
padding: 30px 0 60px 0;
width: 500px;
}

#contentrightform {
display: block;
float: left;
padding: 30px 0 60px 0;
width: 490px;
}


#imgshow {
float: left;
width: 574px;
height: 165px;
margin: 3px 0;
text-align: left;
background-color: #E4DEEE;
}
#imgshow span.displayprint {
display: none;
}

#imgshowmid {
display: block;
float: left;
width: 180px;
height: 165px;
margin: 3px 0;
text-align: left;
background-color: #9795A1;
border-left: 2px solid #fff;
}
#imgshowmid img {
margin: 9px 6px;
border: 0;
}


#nav {
position: absolute;
left: 780px;
top: 161px;
width: 160px;
background-color: #fff;
}

#nav ul,li {
list-style: none;
}

#nav li a {
display: block;
height: 32px;
border-bottom: 1px solid #9795A1;
background: #fff;
padding: 0;
}
#nav li img {
border: 0;
margin: 12px 0 0 0;
}

#nav li a:hover {
background: #E4DEEE;
text-decoration: none;
}
#nav li a:focus a:active {
background: #E4DEEE;
}

#nav li a.on {
display: block;
height: 32px;
border-bottom: 1px solid #9795A1;
background: #E4DEEE;
padding: 0;
}

/* Team Tabelle */
table.team {
width: 538px;
}
table.team td {
line-height: 1.5em;
padding-bottom: 2em; 
}

table.team td.mid {
padding-bottom: 0;
}
table.team td.mid table {
text-align: center;
width: 380px;
}


/* plan */
#imgplan {
position: absolute;
top: 161px;
left: 20px;
width: 200px;
height: 160px;
}

#plantext {
position: absolute;
top: 180px;
left: 200px;
width: 320px;
height: 130px;
}


/* Formular */

.finput {
font-family: verdana, arial, sans-serif;
border: 1px solid #000;
margin: 0 0 8px 0;
padding: 3px;
width: 250px;
}

.ftextarea {
font: 1em verdana, arial, sans-serif;
border: 1px solid #000;
margin: 0 0 15px 0;
padding: 3px;
width: 345px;
}

.fselect {
margin-top: 5px;
}

.fbutton {
padding: 4px 20px;
text-align: center;
cursor: pointer;
font-weight: bold;
background: #E4DEEE;
}

.formular ul {
margin: 0 0 30px 0;
padding: 4px;
font-size: 0.75em;
background: #E4DEEE;
list-style: disc;

}
.formular ul li {
padding: 0 0 4px 0;
margin-left: 18px;
list-style: disc;
}

span.req {
	color: #000;
}

.clearb {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}

p.fright {
position: absolute;
top: 330px;
left: 365px;
width: auto;
line-height: 2.5em;
}
p.frightIndex {
position: absolute;
top: 381px;
left: 572px;
width: auto;
}


/* Twitter */
#twitter_div {
float: left;
width: 160px;
margin-left: 20px;
}
#content #twitter_div p {
width: 160px;
padding: 0;
padding-top: 20px;
}
#twitter_div span {
display: block;
}
#twitter_div li {
margin-bottom: 12px;
}
#content #twitter_div h2.sidebar-title {
width: 160px;
}
#content #twitter_div li a {
font-size: 100%!important;
}
/* EOF Twitter */