/***** © zeta software GmbH 2008 Layout: Beauty *****/ body { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color : #55552B; padding : 0; margin : 0; text-align : center; background-color : #FFFFFF; background-image : url(); background-repeat : repeat; } fieldset, div { border: none; padding: 0; margin: 0; } h1, h2 ,h3 ,h4 ,h5 ,h6 { padding : 0; margin : 0; } p { padding : 0 0 10px 0; margin : 0; } a img { border : none; } a { color : #BB6F89; text-decoration : underline; } a:hover { color : #333333; text-decoration : underline; } .clear { clear : both; } .left { float : left; } .right { float : right; } img.left { margin-right : 5px; margin-bottom : 5px; } img.right { margin-left : 5px; margin-bottom : 5px; } ul,ol { margin: 0 0 10px 15px; padding: 0; } ul li { margin: 0 0 0 15px; padding: 0 0 6px 0; list-style: disc; } ol li { margin: 0 0 0 20px; padding: 0 0 5px 0; list-style: decimal; } td { vertical-align: top; } /* Frame */ div#frame { text-align : left; width : 980px; margin : 0 auto; padding : 0; text-align : left; position: relative; } /* Top Menu */ div#top_menu { position: absolute; top: 0; left:0; z-index: 3; width: 980px; } div#logo { position: absolute; top: 0; left:0; z-index:1; } div#logo_image { position: absolute; top: 0; left: 0; z-index: 2; } div#top_menu div#webname { padding-left : 105px; margin-top : 30px; float : left; } div#top_menu div#webname h1 { font-size : 22px; font-weight : bold; color : #66A3A2; text-transform : uppercase; margin-bottom : 0; } div#top_menu div#webname h2 { font-size : 17px; font-weight : bold; color : #66A3A2; margin-bottom : 0; } div#top_menu form { margin: 0; padding: 0; } div#top_menu form#search { float: left; padding : 18px 7px; background-image : url(../_media/stock-images/top_nav_pipe.gif); background-repeat : no-repeat; background-position : right center; } div#top_menu form#search fieldset { margin : 0; } div#top_menu form#search fieldset input.field { border : 1px solid #447170; color : #65A2A1; font-size : 11px; padding-left : 3px; margin-right : 1px; } div#top_menu form#search fieldset input.submit { background-color : #65A2A1; border : 1px solid #447170; color : #FFFFFF; font-weight : bold; font-size : 11px; } div#top_menu div#top_nav { float : right; height : 73px; padding-top : 15px; } div#top_menu div#top_nav ul { height : 55px; padding : 0; margin : 0; list-style-type : none; background-image : url(../_media/stock-images/top_nav_pipe.gif); background-repeat : no-repeat; background-position : left center; white-space : nowrap; } div#top_menu div#top_nav ul li { padding : 0; margin : 0; display : inline; font-size : 11px; color : #65A2A1; } div#top_menu div#top_nav ul li a { height : 55px; line-height : 55px; display : block; float : left; text-transform : uppercase; text-decoration : none; font-size : 11px; color : #65A2A1; background-image : url(../_media/stock-images/top_nav_pipe.gif); background-repeat : no-repeat; background-position : right center; padding-left : 8px; padding-right : 8px; } div#top_menu div#top_nav ul li a:hover { font-size : 11px; color : #55552B; text-decoration : underline; } /* Header */ div#header { width : 980px; height : 205px; background-color : #FFFFFF; background-image : url(../_media/stock-images/header.jpg); background-repeat : no-repeat; background-position : left bottom; } /* Left Frame */ div#left_frame_1 { float : left; width: 159px; } div#left_frame_2 { float : left; width: 299px; } div#left_frame div.left_image { width: 300px; height: 200px; } /* Content */ div#content_frame { position : absolute; margin : 0 1px; background-image : url(../_media/stock-images/content_frame_bg.png); background-repeat : repeat-x; background-position : 0 0; min-height : 450px; width : 460px; left : 298px; padding : 10px 10px; background-color : #FAFAF6; overflow : hidden; } div#content { position : absolute; background-image : url(../_media/stock-images/content_image_bottom.png); background-repeat : no-repeat; background-position : right bottom; padding-bottom : 75px; min-height : 400px; padding-right : 5px; } div#content div#content_background { display : none; } div#content div.articlearea { margin: 0 0 20px 0; padding: 0; font-size: 12px; color: #55552B; } div#content div.articlearea img { padding : 3px; border : 1px #E6E6E6 solid; background-color : #FFFFFF; } div#content div.articlearea .bildunterschrift { display: block; padding-top: 6px; font-size: 10px; color: #55552B; } div#content h1 { font-size : 15px; color : #55552B; font-weight : bold; margin: 0 0 10px 0; padding: 0; line-height: 20px; } /* Right Frame */ div#right_frame { min-height : 400px; line-height : 15px; width : 200px; float : right; padding-bottom : 20px; background : #BB6F89; } /* Newsblock */ div#right_frame div.newsblock { background : #BB6F89; padding : 20px 20px 0 20px; } div#right_frame div.newsblock img { padding : 3px; border : 1px #E6E6E6 solid; background-color : #FFFFFF; } div#right_frame div.newsblock h2 { color : #FFFFFF; font-size : 13px; font-weight : bold; margin-bottom : 10px; } div#right_frame div.newsblock div.newscontent { padding-bottom : 10px; color : #FFFFFF; font-size : 11px; font-weight : normal; background-image : url(../_media/stock-images/newsblock_line.gif); background-repeat : repeat-x; background-position : left bottom; } div#right_frame div.newsblock div.newscontent p { margin: 0 0 10px 0; padding: 0; } /***** TEASER *****/ .teaser-headline { margin: 0; padding: 0 5px 0 0; font-size: 11px; font-weight: bold; color: #FFFFFF; display: block; } #banner { margin: 0 auto; padding: 5px 0 5px 10px; width: 970px; text-align:left; font-size: 11px; color: #FFFFFF; background-color: #94BFC1; } #afterlogo { margin: 0 0 1px 0; padding: 3px 10px; font-size: 11px; color: #FFFFFF; background-color: #94BFC1; } #aftermenu { clear: both; width: 139px; margin: 0; padding: 10px; font-size: 11px; color: #FFFFFF; background-color: #94BFC1; } #beforenews { background-color: #94BFC1; padding: 20px; font-size: 11px; color: #FFFFFF; background-color: #94BFC1; } #afternews { margin: 20px 0 0 0; padding: 20px; font-size: 11px; color: #FFFFFF; background-color: #94BFC1; } #afterfooter { margin: 0 0 0 160px; padding: 3px 0 3px 10px; font-size: 11px; color: #FFFFFF; background-color: #94BFC1; } #banner p,#afterlogo p,#aftermenu p,#beforenews p,#afternews p,#afterfooter p { margin: 0; padding: 0; } #banner img,#afterlogo img,#aftermenu img,#beforenews img,#afternews img,#afterfooter img { display: block; } /* Breadcrumb */ div#breadcrumb { color : #FFFFFF; font-size : 11px; border-top : 1px solid #7FBBBB; border-bottom : 1px solid #7FBBBB; background-color : #94BFC1; height : 19px; line-height : 19px; padding-left : 325px; margin-bottom : 1px; background-image : url(../_media/stock-images/breadcrumb_arrows.gif); background-repeat : no-repeat; background-position : 301px center; } div#breadcrumb a { color : #FFFFFF; font-size : 11px; text-decoration : none; } div#breadcrumb a:hover { text-decoration : underline; color : #333333; } /* Footer */ div#footer { border-top : 1px solid #999999; color : #999999; font-size : 11px; text-align : center; margin-left : 160px; padding-right : 40px; padding-top: 5px; background-color : #FFFFFF; background-image : url(); } div#left_navi { min-height : 140px; background-color : #BB6F89; width : 159px; float : left; padding-bottom : 20px; background-image : url(); } div#right_navi { background-color : #DDB7C4; min-height : 230px; width : 140px; float : right; padding-bottom : 20px; } /***** MENU *****/ /* 1. level */ .menu1area { padding : 10px; padding-bottom : 0; } a.menu1:link, a.menu1:visited, a.menu1:active { display : block; margin : 0; padding : 3px 0 5px 0; color : #FFFFFF; font-size : 12px; font-weight : normal; text-decoration : none; border-bottom : 1px solid #FFFFFF; } a.menu1:hover { padding : 3px 0 5px 0; color : #FFFFFF; text-decoration : underline; font-size : 12px; } a.menu1active:link, a.menu1active:visited, a.menu1active:active { padding : 3px 0 5px 0; display : block; color : #FFFFFF; font-size : 12px; font-weight : bold; text-decoration : none; border-bottom : 1px solid #FFFFFF; } a.menu1active:hover { text-decoration : underline; } /* 2. level */ .menu2area { margin : 0; padding : 10px; padding-bottom : 20px; } a.menu2:link, a.menu2:visited, a.menu2:active { display : block; padding : 3px 0 5px 0; color : #55552B; font-size : 11px; font-weight : normal; text-decoration : none; border-bottom : 1px solid #55552B; } a.menu2:hover { color : #55552B; font-size : 11px; text-decoration : underline; } a.menu2active:link, a.menu2active:visited, a.menu2active:active { padding : 3px 0 5px 0; display : block; text-decoration : none; color : #55552B; font-size : 11px; font-weight : bold; border-bottom : 1px solid #55552B; } a.menu2active:hover { text-decoration : underline; } /* 3. level */ .menu3area { background-color : #E7CCD6; margin : 0; padding : 10px; padding-bottom : 10px; border-bottom : 1px solid #55552B; } a.menu3:link, a.menu3:visited, a.menu3:active { display : block; padding : 0 0 2px 0; color : #55552B; font-size : 11px; font-weight : normal; text-decoration : none; } a.menu3:hover { color : #55552B; font-size : 11px; text-decoration : underline; } a.menu3active:link, a.menu3active:visited, a.menu3active:active { display : block; padding : 0 0 2px 0; color : #55552B; font-size : 11px; font-weight : bold; text-decoration : none; } a.menu3active:hover { text-decoration : underline; } /***** FORM *****/ form { border: none; padding: 0; margin: 5px 0 0 0; } #formular { margin: 0; padding: 0; } #formular p { margin: 0; padding: 0; } #formular table { margin: 0; padding: 0; border: 1px solid #7FBBBB; background-color: #ECF3F2; } #formular td { white-space: nowrap; vertical-align: middle; padding: 10px 10px 10px 5px; margin: 0; } #formular input{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #formular textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #formular .label,#formular .desc { padding: 1px 15px 1px 8px; background-color: #ECF3F2; } #formular .submit { padding: 1px 15px 10px 8px; background-color: #ECF3F2; } .separator { padding: 0; margin: 0; line-height: 1px; height: 1px; border-bottom: 1px solid #7FBBBB; } #formular .multiline { padding: 8px 15px 1px 8px; vertical-align: top; } .desc { padding: 4px 15px 4px 8px; } /***** FLASH *****/ #flashcontent { margin: 0; padding: 0; } /* Opera-Hack */ @media screen and (min-width: 0px) { div#top_menu div#top_nav ul li.last { float : right; margin-left : -5px; } } /***** NOSCRIPT *****/ #noscript { margin: 0; padding: 15px; font-weight: bold; background: #ffffff; border: 1px solid #000000; } /***** PRINT *****/ #print { display: none; }