ul, li, h1, h2, h3, h4, pre, body, html {
margin:0;
padding:0;
}
html, body{
font-family:Arial, Verdana, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
height:100%;
background-color:#ffffff;
}
h1{
font-size:18px;
font-weight:normal;
}
h4{
font-size:12px;
margin-bottom:10px;
}
hr{
border:0;
height:1px;
background-color:#CCCCCC;
color:#CCCCCC;
margin-bottom:20px;
margin-top:20px;
}
optgroup{
font-style:normal;
}
a{
color:#456BD7;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a.intern{
color:#456BD7;
text-decoration:none;
}
a.intern:hover{
text-decoration:underline;
}
a.extern{
color:#456BD7;
text-decoration:none;
background-image:url(../images/extern.gif);
background-repeat:no-repeat;
background-position:right 4px;
padding-right:12px;
}
div#wrapper{
min-height:100%;
background-image:url(../images/back_top.gif);
background-repeat:repeat-x;
position:relative;
text-align:center;
}
div#header{
height:181px;
width:930px;
margin-bottom:20px;
position:relative;
margin:auto;
z-index:2000;
}
img#logo{
position:absolute;
right:10px;
top:56px;
}
div#innerWrapper{
width:910px;
margin:auto;
clear:both;
overflow:hidden;
}
div#content{
padding-bottom:120px;
width:450px;
text-align:left;
float:left;
margin-left:40px;
margin-right:40px;
padding-top:40px;
background-color:#ffffff;
}
div.column{
float:left;
width:186px;
padding-bottom:120px;
padding-top:20px;
text-align:left;
position:relative;
z-index:0;
}
div#headline{
position:absolute;
top:107px;
left:10px;
font-size:30px;
color:#666666;
padding-top:5px;
padding-bottom:10px;
}
ul#mainNav{
position:absolute;
top:157px;
left:10px;
z-index:1000;
}
ul#mainNav a{
color:#333333;
text-decoration:none;
}
ul#mainNav, ul#mainNav ul{
list-style:none;
}
ul#mainNav li{
float:left;
margin-right:30px;
display:block;
position:relative;
font-size:14px;
font-weight:normal;
height:23px;
}
ul#mainNav li:hover{
cursor:pointer;
}
ul#mainNav ul li:hover, ul#mainNav ul li a:hover{
color:#456BD7;
cursor:pointer;
}
ul#mainNav li.active{
color:#333333 !important;
background-image:url(../images/main_active.gif);
background-repeat:no-repeat;
background-position:center bottom;
font-weight:bold;
height:23px;
z-index:1;
}
ul#mainNav ul{
visibility:hidden;
border:1px solid #A6A6A6;
position:absolute;
left:0px;
top:23px;
background-color:#FFFFFF;
padding:5px;
z-index:1000;
display:block;
width:180px;
}
ul#mainNav ul li{
clear:both;
line-height:20px;
display:block;
font-size:12px;
font-weight:normal;
height:auto;
width:200px; /* breite klappmenue */
text-align:left;
}
ul#mainNav li:hover ul{
visibility:visible;
z-index:1000;
position:absolute;
}
ul#mainNav li:hover ul ul{
visibility:hidden;
}
ul#mainNav ul li:hover ul{
visibility:visible;
z-index:200;
position:absolute;
left:80px; /* abstand nach links klappmenue*/
top:-6px;
}
/* topnavi 3 Ebene ein-, ausblenden */
ul#mainNav ul li ul li:hover ul{
visibility:visible;
z-index:1000;
position:absolute;
}
ul#mainNav li:hover ul ul ul{
visibility:hidden;
}
/* topnavi 4 Ebene ein-, ausblenden */
ul#mainNav ul li ul li ul li:hover ul{
visibility:visible;
z-index:1000;
position:absolute;
}
ul#mainNav li:hover ul ul ul ul{
visibility:hidden;
}
ul#subNav, ul#subNav ul{
list-style:none;
}
ul#subNav ul{
margin-top:3px;
margin-bottom:-3px;
}
ul#subNav li{
display:block;
padding-top:3px;
padding-bottom:3px;
}
ul#subNav li.active{
font-weight:bold;
background-image:url(../images/arrow_sub_nav.gif);
background-repeat:no-repeat;
background-position:2px 8px;
}
ul#subNav li li{
padding-left:14px;
}
ul#subNav, ul#subNav ul{
height:1%;
}
div.sideBlock{
margin-bottom:20px;
padding:10px;
background-image:url(../images/back_side_block.gif);
background-repeat:no-repeat;
padding-bottom:5px;
}
div.gott{
background-image:url(../images/back_gott.jpg);
padding-top:100px;
}
div.wort{
background-image:url(../images/back_wort.jpg);
padding-top:100px;
}
div.sideBlock a.more{
color:#333333;
font-weight:bold;
text-decoration:none;
}
div.sideBlock a.more:hover{
color:#333333;
text-decoration:underline;
}
span.sideBlockFooter{
position:relative;
left:-10px;
top:5px;
display:block;
width:186px;
height:5px;
background-image:url(../images/back_side_block2.gif);
background-repeat:no-repeat;
}
img.sideButton{
margin-bottom:20px;
}
div.sideBlock select{
width:166px;
margin-bottom:5px;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:1px;
}
select.smallSelection{
width:141px !important;
}
input.buttonGo{
margin-bottom:-1px;
}
div#footer{
background-image:url(../images/back_footer.gif);
background-repeat:repeat-x;
height:45px;
border-top:1px solid #999999;
position:absolute;
left:0px;
bottom:0px;
width:100%;
clear:both;
}
ul#footerNav{
overflow:hidden;
list-style:none;
width:660px;
margin:auto;
margin-top:10px;
}
ul#footerNav li{
float:left;
padding-left:10px;
padding-right:20px;
background-image:url(../images/stroke.gif);
background-repeat:no-repeat;
background-position:left 3px;
margin-left:-10px;
}
ul#footerNav li a{
color:#333333;
text-decoration:none;
}
ul#footerNav li.active, ul#footerNav li.active a{
font-weight:bold !important;
}
ul#subNav a{
color:#333333;
text-decoration:none;
}
ul#subNav a:hover{
text-decoration:underline;
}
ul.overviewNav, ul.overviewNav ul{
list-style:none;
}
ul.overviewNav ul{
margin-top:20px;
margin-left:20px;
}
ul.overviewNav a{
font-weight:bold;
}
ul.overviewNav li{
margin-bottom:20px;
}
a.extern:hover{
text-decoration:underline;
}
ul#topNav{
overflow:hidden;
list-style:none;
position:absolute;
right:110px;
top:60px;
}
ul#topNav li{
float:left;
padding-left:10px;
padding-right:20px;
background-image:url(../images/stroke_footer.gif);
background-repeat:no-repeat;
background-position:left 3px;
margin-left:-10px;
}
span.citate{
font-style:italic;
}
li.search{
position:relative;
}
input#searchField{
width:92px;
margin-bottom:15px;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding-left:4px;
padding-right:4px;
margin-right:10px;
margin-left:10px;
}
input#searchButton{
position:relative;
top:-8px;
}
div{
/*border:1px solid #FF0000;*/
}
button.btnSwitch { background-color:yellow; margin-top:10px; color:#BF0000; }
ul.searchResults { list-style-type:none; }
ul.searchResults h3 { padding:0; margin:0; }
ul.searchResults h4 { padding:0; margin:0; }
ul.searchResults h5 { padding:0; margin:0; font-size:1em; }
ul.searchResults li { margin:10px 0; padding:3px; border:1px solid gray;}
ul.searchResults li p { margin:2px; }