body, html {
margin:0;
height:100%; /* the IE does't know min-height */
min-height:100%; /* for the orters... */
}
#xxxx-container {
min-height:100%;
height:auto !important; /* for regular Browsers */
height:100%; /* for IE */
background-color:#297BB5; /* now set Bg */
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* DESIGN AND LAOUT-AREA */
#headline-underline {
position:absolute; width:100%; height:78px; left:0; top:20; background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/headline_bg1.gif);
}
#headline-background {
position:relative; width:100%; height:78px; left:200; top:0; background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/headline_bg2.jpg);
}
#headline-eyecatcher {
position:relative; width:207px; height:78px; left:0; top:0; background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/headline_wave.jpg);
}
#logo {
position:absolute; width:261px; height:77px; left:10px; top:7px;
}
#collage {
position:absolute; width:622px; height:94px; left:337px; top:4px; background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/collage.jpg);
}
#printer-button {
position:absolute; left: 800px; top:170px;
}
/* dummy for FF + NN to display the form-tags without layout changes (spaces) */
.hidethis {
position:absolute;
left:7px; top:99px; /* put this behind the top navigation... */
width:0px; height:0px; margin:0px; padding:0px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ROUNDED-CORNERS-AREA */
/* rounded corners for IE */
.c1 { position:relative; left:-5px; top:0px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c1.gif) top left no-repeat; }
.c2 { position:relative; top:-1px; right:-1px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c2.gif) top right no-repeat; }
.c3 { position:relative; right:-5px; bottom:-2px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c3.gif) bottom right no-repeat; }
.c4 { position:relative; bottom:0px; left:-5px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c4.gif) bottom left no-repeat; }
/* ounded corners for the others... */
*[class="c1"] { position:relative; left:-2px; top:0px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c1.gif) top left no-repeat; }
*[class="c2"] { position:relative; top:-1px; right:-1px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c2.gif) top right no-repeat; }
*[class="c3"] { position:relative; right:-2px; bottom:-2px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c3.gif) bottom right no-repeat; }
*[class="c4"] { position:relative; bottom:0px; left:-2px; background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/round_c4.gif) bottom left no-repeat; }
/* set the border */
.c1border { position:relative; border-top-style:solid; border-top-width: 1px; border-top-color:#2877B0; }
.c2border { position:relative; border-right-style:solid; border-right-width: 1px; border-right-color:#2877B0; }
.c3border { position:relative; border-bottom-style:solid; border-bottom-width: 1px; border-bottom-color:#2877B0; }
.c4border { position:relative; border-left-style:solid; border-left-width: 1px; border-left-color:#2877B0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* NAV-TREE-AREA */
#navigation {
position:absolute; width:200px; left:50px; top:0px;
background-color: #FFFFFF;
}
#navigation #before {
height:155px;
background-color: #F3F3F3;
}
#navigation #area {
margin:0;
padding:7px 20px 30px 20px; /* this means the distance of the navigation to the circled border */
vertical-align:top;
}
/* the IE doen't now the next id-command - that means only for FF, NN, OP */
#navigation #area[id] {
}
#navigation #after {
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* now define the regular settings of the nav tree */
.navlevel1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : bold; color: #517DAF; font-size: 0.8em;
margin:0;
padding: 0px 0px 1.5em 0px;
}
.navlevel1 ul, .navlevel1 li { list-style-type: none; }
.navlevel1 .navtreeactive { font-weight : bold; }
.navlevel1 a:link, .navlevel1 a:visited, .navlevel1 a:hover { text-decoration:none; color:#517DAF; }
.navlevel1 a:hover { text-decoration:underline;color:#D60000; }
.navlevel2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none; color: #000000; font-size: 0.8em;
margin:0;
padding: 0.6em 0px 0.6em 20px; /* move li_arrow1.jpg to the right */
border-top-style:dotted;
border-top-width: 1px;
border-top-color:#2877B0;
}
.navlevel2 ul, .navlevel2 li { list-style-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/li_arrow1.gif); }
.navlevel2 .navtreeactive { font-weight : bold; }
.navlevel2 a:link, .navlevel2 a:visited, .navlevel2 a:hover { text-decoration:none; color:#000000; }
.navlevel2 a:hover { text-decoration:underline;color:#D60000; }
.navlevel3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none; color: #000000; font-size: 0.8em;
margin:0;
padding: 0.5em 0px 0.5em 35px;
}
.navlevel3 ul, .navlevel3 li { list-style-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/li_mini_dot.gif); }
.navlevel3 .navtreeactive { font-weight : bold; }
.navlevel3 a:link, .navlevel3 a:visited, .navlevel3 a:hover { text-decoration:none; color:#000000; }
.navlevel3 a:hover { text-decoration:underline;color:#D60000; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* CONTENT-AREA */
#content {
position:absolute; width:660px; left:290px; top:0px;
background-color: #FFFFFF;
}
#content #before {
height:155px;
background-color: #F3F3F3;
}
#content #area {
margin: 0;
padding:40px 0px 0px 40px;
vertical-align:top;
height: 430px; /* this is for the IE / the IE doesn't now min-height but he fortunately extends the div automaticly if ist more higher than here defined */
}
/* the IE doen't now the next id-command - that means only for FF, NN, OP */
#content #area[id] {
height:auto;
min-height:430px;
}
#content #after {
height:25px;
background-color: #F3F3F3;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* NAVBAR LEVEL 1 AREA */
/* now define the settings of the navbar on the top of the page - level 1 items */
#topnavbar {
position:absolute; top:99px; left:7px;
background-color: #F3F3F3;
}
#topnavbar #before {
float:left; position:relative; width:9px; height:24px; background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/nav_blue_start.gif);
}
#topnavbar #area {
float:left; position:relative;
margin: 0;
padding: 0;
text-align:center;
line-height: 24px;
}
#topnavbar ul, #topnavbar li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#topnavbar a:link, #topnavbar a:visited {
float: left;
margin-right: 1px;
padding: 0px 12px;
text-decoration: none;
color: #FFFFFF;
background-color: #297BB5;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
#topnavbar #active_item {
color: #B01101;
background-color: #F6C200;
}
#topnavbar a:hover, #topnavbar a:hover #active_item {
color: #B01101;
background-color: #F6C200;
}
#topnavbar #after {
float:left; position:relative; width:9px; height:24px; left:-1px; background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/nav_blue_end.gif);
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* CONTENT OF HOMEPAGE ONLY */
#homepage {
position:absolute; width:900px; left:50px; top:0px;
background-color: #FFFFFF;
}
#homepage #before {
height:155px;
background-color: #F3F3F3;
}
#homepage #area {
margin:0;
padding:20px 0px 0px 30px;
vertical-align:top;
height: 430px; /* this is for the IE / the IE doesn't now min-height but he fortunately extends the div automaticly if ist more higher than here defined */
}
/* the IE doen't now the next id-command - that means only for FF, NN, OP */
#homepage #area[id] {
height:auto;
min-height:430px;
}
#homepage-welcome1-including-news {
padding:70px 0px 0px 110px;
background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/homepage_05bg85.jpg);
}
#homepage-welcome2-without-news {
padding:70px 0px 0px 200px;
background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/homepage_05bg85.jpg);
}
#homepage-txt1-including-news {
position:absolute; width:620px; left:40px; top:360px;
}
#homepage-txt2-without-news {
position:absolute; width:620px; left:160px; top:360px;
}
#homepage #after {
height:25px;
background-color: #F3F3F3;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* NEWS ON HOMEPAGE */
#newsbox {
position:absolute; top:390px; left:660px; width:250px;
}
#newsbox #area {
padding:17px;
}
#newsbox ul, #newsbox li {
margin: 0 0 0 10;
padding: 0 0 10 0;
/* display: block; */
list-style-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/li_arrow1.gif)
}
#newsbox #c1 { background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/news-c1.jpg) top left no-repeat; }
#newsbox #c3 { background:url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/news-c3.jpg) bottom right no-repeat; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* SEARCH */
#searcharea {
/* extend the BgBlue always until the right side is reached */
position:absolute; width:100%; line-height:24px; top:99px;
background-color:#297BB5;
}
#searcharea #minwidth-nobreak {
/* this means the min-width of the searcharea - also no line-break in the browser if the window size on the screen is small */
float:left; width:999px;
background-color:#297BB5;
}
#searcharea #minwidth-nobreak #box-beginning {
/* overwrite the BgBlue on the left side with BgWhite and start after that the searchbox with a rounded corner */
float:left; position:relative; width:770px; line-height:24px;
background-position:right;
background-image: url(http://www.weser-hunte.de/_data/weserhunte/homepage_images/nav_blue_start.gif); background-repeat:no-repeat;
background-color:#F3F3F3;
}
.searchbox-text {
float:left; position:relative; line-height:24px;
padding: 0px 3px;
text-decoration: none;
color: #FFFFFF;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
/* form settings */
label {
float:left;
clear:both;
display:block;
}
input, textarea, select {
float:left;
display:block;
width:100px;
border:1px solid #333;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:1px;
}