html {height: 100%;}
body {
background:#FFFFFF;
margin: 0; padding: 10px;
min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
font-family:arial;
font-size:12px;
line-height:1.4em;
}
form {
margin:0;
padding:0;
}
h1 {letter-spacing:2px;color:#007175 ;font-family:tahoma;font-size:10px;font-weight:normal;margin:0 0 5px 0;padding:0;}
h2 {letter-spacing:1px;color:#007175 ;font-family:tahoma;font-size:14px;font-weight:bold;margin:0 0 5px 0;padding:0;border-bottom:1px #DDD dotted;padding-bottom:5px}
a {color:#4B4B4B;font-size:12px;margin:0px;text-decoration:none;border-bottom:1px #999 dotted;}
a:hover {color:#008388;font-size:12px;margin:0px;text-decoration:none;border-bottom:1px #999 dotted;}
a IMG {BORDER-LEFT: 0;BORDER-TOP: 0;BORDER-RIGHT: 0; BORDER-BOTTOM: 0;text-decoration: none; }
#right a {font-size:11px;}
ul {
text-align:justify;
}
.foto_right {
float:right;
margin:0 0 20px 20px;
border:1px #000 solid;
}
.foto_left {
float:left;
margin:0 20px 20px 0;
border:1px #000 solid;
}
.foto {
margin:10px;
border:1px #000 solid;
}
.foto2 {
background-color: #bbb;
padding: 0;
margin:10px;
}
.foto2 IMG {
display:block;
border: 1px solid #666;
position: relative;
top: -3px;
left: -3px;
}
#slogans_autor {color:#001E1F;font-family:"Comic Sans MS";font-size:10px;margin:0 0 1px 0;padding:0;width:140px;}
#slogans {
color:#FFF;font-family:"Comic Sans MS";font-size:11px;
margin:0 0 1px 0;
padding:10px;
background:#9F811D;
border:1px #796216 solid;
}
.termine {
color:#008388;
margin:0 0 10px 0;
border-bottom:#EFEFEF 1px solid;
}
#navi {
font-size:11px;
}
#navi LI {
padding: 0;
margin: 0;
list-style: none;
width: 140px;
background:#008388;
}
#navi UL {
padding: 0;
margin: 0;
}
#navi A {
text-decoration: none;
display: block;
padding: 2px 4px;
margin: 1px 0 0;
width: 142px;
font-size:11px;
}
#navi A:link, #navi A:visited {
color: #FFF;
border-bottom: 1px solid #00767A;
border-left: 1px solid #008388;
border-right: 1px solid #008388;
border-top: 1px solid #008388;
}
#navi A:hover, #navi A:focus {
color: #FFF;
font-weight:normal;
padding: 2px 4px;
border-left: 1px solid #006366;
border-top: 1px solid #006366;
border-bottom: 1px solid #006366;
border-right: 1px solid #006366;
background:#00767A;
width: 140px;
}
#navi A:link span, #navi A:visited span {
display: none;
}
#navi A:hover span, #navi A:focus span {
color: #444;
background: #FFF;
border: 1px solid #0D445E;
padding:3px 5px 3px 5px;
width: 250px;
display: block;
position: absolute;
left: 240px;
}
#topmenu {
width:870px;
height:20px;
padding:2px 0 0 0;
margin:0;
color:#555;
text-align:right;
}
DIV.schatten {
background: #BBB url(schatten.jpg) 0% 100% repeat-x;;
border: 0;
}
DIV.rightbox {
background:#FFF url(schatten2.jpg) 0% 100% repeat-x;
border:1px #EEEEEE solid;
padding:10px 5px 16px 10px;
display:block;
position: relative;
top: -26px;
left: 0;
}
#seite {
width:840px;
margin:0 10px 10px 20px;
text-align:left;
}
#top {
width:840px;
height:146px;
background:#FFF;
padding:0;
color:#444;
}
#main {
width:840px;
padding:0 0 0 32px;
}
#right {
width:155px;
float:right;
margin: 0; padding: 0 10px 5px 20px;
font-size:11px;
}
#navigation {
width:150px;
margin:0;
float:left;
padding:0;
}
#navibar {
width:150px;
background:#008388;
border-left:1px #004A4C solid;
border-right:1px #004A4C solid;
border-bottom:1px #004A4C solid;
margin:0 0 20px 0;
padding: 1px 1px 0 1px;
color:#FFF;
}
#middle {
width:420px;
background:#FFF;
padding:0 20px 10px 20px;
margin: 0 8em 0 14em;
color:#474747;
}
#middle a, #middle a:link, #middle a:visited, #middle a:active {
color:#008388;
text-decoration:none;
}
#middle a:hover {
color:#000;
text-decoration:none;
}
#middle strong {
font-weight:normal;
letter-spacing:1px;
color:#9F811D;
border-bottom:1px #999 dotted;
}
#middle p {
color:#4B4B4B;
text-align: justify;
}
#middle ul {
color:#484848;
}
.right_head {
font-size:12px;
color:#008388;
font-weight:bold;
margin-bottom:6px;
padding:0 3px 0 0;
}
.inp {
color:#555;
border:1px #BBB solid;
background:#FFF url(inp.jpg) repeat-x;
padding:2px;
height:18px;
margin-bottom:2px;
}
.button {
color:#FFF;
background:#008388;
border:1px #555 solid;
}
#footer {
padding:10px 0;
margin-bottom:10px;
font-size:11px;
color:#777;
clear:both;
text-align:left;
border-top:1px #DDD solid;
}
.text {
font-family:verdana;
font-size:12px;
color:#111;
}
.beispiele {
font-family:verdana;
font-size:10px;
color:#999;
}
.box_vorteile {
border:1px #999 solid;
padding:4px;
margin:10px;
width:250px;
font-family:verdana;
font-size:12px;
color:#111;
background:#EFEFEF;
float:left;
}
.info_box {
font-family:verdana;
font-size:12px;
color:#333;
BORDER-BOTTOM: #CCC 1px solid;
BORDER-LEFT: #CCC 1px solid;
BORDER-RIGHT: #CCC 1px solid;
BORDER-TOP: #CCC 1px solid;
background:#EFEFEF;
padding:10px;
}
.message_error {
color:#110000;
background:#FFF;
BORDER: #FF0000 2px solid;
padding:10px;
margin-bottom:10px;
}
.message_ok {
color:#110000;
background:#FFF;
BORDER: #005500 2px solid;
padding:10px;
margin-bottom:10px;
}
#youarehere {
padding:6px 0 2px 0;
margin-bottom:10px;
font-size:11px;
color:#666;
}
#youarehere a, #youarehere a:link, #youarehere a:visited, #youarehere a:active {
font-size:11px;
color:#666;
text-decoration:none;
}
#youarehere a:hover {
font-size:11px;
color:#008388;
text-decoration:none;
}