/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;background: url(images/bg-container.jpg) no-repeat top center;}

p {margin:5px 10px 3px 10px;}
h1 { font-size:14px; color:#55B1DC; margin:8px 10px 5px 10px;}

div.clear { clear:both;}
.grau { color:#999;}

a:link { color:#55B1DC; text-decoration:none;}
a:active { color:#55B1DC; text-decoration:none;}
a:visited { color:#55B1DC; text-decoration:none;}
a:hover { color:#55B1DC; text-decoration:underline;}

a.textlink:link { color:#666666; text-decoration:none;}
a.textlink:active { color:#666666; text-decoration:none;}
a.textlink:visited { color:#666666; text-decoration:none;}
a.textlink:hover { color:#666666; text-decoration:underline;}


div#container { width:995px; margin:auto; height:auto; overflow:auto; position:relative;  padding-top:50px;}

div#logo { position:absolute; left:30px; top:10px; width:127px; height:121px; z-index:100;}

div#textleft {position:absolute; left:30px; top:140px; width:37px; height:365px; background:url(images/stille-besiegen.png) no-repeat;}

div#schattenoben { height:18px; width:893px; margin:0px 10px 0px auto; background:url(images/schaten-oben.png) right bottom no-repeat;}

div#schattenrechts { width:887px; overflow:auto;  padding-right:7px; background:url(images/schatten-rechts.png) right top repeat-y; margin:0px 10px 0px auto; }

div#header { height:80px; width:auto; padding-left:70px; background-color:#FFFFFF; margin:0px;overflow:auto; position:relative; z-index:10;}

div#imagecontainer { width:auto; height:292px; margin:0px; background-color:#FECB3C; overflow:hidden; position:relative;}

div#imagecontainerfolge { width:auto; height:92px; margin:0px; background-color:#FECB3C; overflow:hidden; position:relative;}

div#contentcontainer { width:auto; height:244px; overflow:auto; margin:0px; background: url(images/bg-content.jpg) bottom right no-repeat #FECB3C; }

div#contentcontainerfolge { width:auto; height:444px; overflow:auto; margin:0px; background: url(images/bg-content.jpg) bottom right no-repeat #FECB3C; }

div#bottom { background:url(images/bg-bottom.png) bottom right no-repeat; width:896px; height:22px; margin:0px 10px 0px auto;}

div#topmenue { float:left; width:852px; margin:0px; padding-left:35px; position:absolute; left:0px; bottom:3px; border-top: dashed 1px #55B1DC;}

div#menueunten { float:right; width:auto; padding-right:12px;}

#imagecontainer img { float:right; border-right:solid 1px #FECB3C;}

#imagecontainerfolge img { float:right; border-right:solid 1px #FECB3C;}

#header h1 { font-size:16px;}

ul.topmenue { list-style: none; padding:2px; margin:0px;}
ul.topmenue li {float:left; width:auto; margin-right:15px;}
ul.topmenue li a { font-size:14px; color:#666666; font-weight:bold;}
ul.topmenue li a:hover { font-size:14px; color:#55B1DC; font-weight:bold;}
ul.topmenue li a.aktiv { font-size:14px; color:#55B1DC; font-weight:bold;}

ul.menueunten { list-style:none; padding:2px; margin:0px;}
ul.menueunten li {float:left; width:auto; margin-right:15px;}
ul.menueunten li a { color:#666666;}


div.textfeld { margin:15px; padding:10px; background-color:#FFFFFF; border:solid 1px #999; float:left; width:380px;}
div.textfeld1 { margin:15px; padding:10px; background-color:#FFFFFF; border:solid 1px #999; float:left; width:760px;}

div.textfeld img { float:left;}

#imagecontainer div { background:url(images/pfeil-imagecontainer.png) right no-repeat; position:absolute; left:10px; top:0px; width:386px; height:242px; padding-right:43px; padding-top:50px; vertical-align:middle;}
#imagecontainer div table tr td{ border:solid 1px #fff;}

.transparent1 { background:url(images/transparent1.png) left top repeat-y; padding-left:30px;}
.transparent2 { background:url(images/transparent2.png) left top repeat-y; padding-left:30px;}
.transparent3 { background:url(images/transparent3.png) left top repeat-y; padding-left:30px;}