/*********************************************************/
/* Style Definition für Hansaprint Layout 01 		*/
/* Copyright 2006 by impigra  media:web:consulting	*/
/* Autor: Christian Müller				*/
/* Erstellungsdatum: 08.06.2006 				*/
/*********************************************************/

/*********************************************************/
/* Struktur der Datei					*/
/* 1.0 Layout Definition					*/
/* 2.0 Definition der einzelnen Module			*/
/* 3.0 Erweiterung der einzelnen Module			*/
/*********************************************************/

body {
margin:0px; padding:0px; background-color:#FFFFFF; background-image:url(../upload/img/l_back.gif); background-repeat:repeat-y; font-family:verdana,arial,tahoma,sans-serif;
}
/* 1.0 */
/* Oberer Bereich Formatierung im Layout */
#top {
border:0px solid green; border-bottom:1px solid #000000; height:110px;
}
/* Linker oberer Bereich */
#top_left {
border:0px; width:200px; height:100%; float:left;
}
#top_left #container_01 {
border:0px solid red; padding:0px 10px 0px 20px; margin:10px 0px 0px 0px;
}
/* Rechter oberer Bereich */
#top_right {
border:0px solid green; height:100%; float:left;
}
#top_right #container_logo {
border:0px solid green; width: 580px; margin:30px 0px 0px 0px;
}
/* ### */

/* Banner BErich mit Illustration und der Standardnavigation */
#banner {
border:0px solid green; height:60px; clear:both;
}
/* Illustration auf der linken Seite */
#illu_left {
width:250px; height:100%; float:left;
}
/* Image Größe fest definiert */
#illu_left img {
width:250px; height:60px; border:0px;
}

/* Verschiedene Illustrationshintergründe */
/* Grün */
#illu_right_green {
background-image:url(../upload/img/back_green.gif); background-repeat:repeat-y; width:250px; height:100%; margin:0px 0px 0px 1px; float:left;
}
/* Grau */
#illu_right_gray {
background-image:url(../upload/img/back_gray.gif); background-repeat:repeat-y; width:250px; height:100%; margin:0px 0px 0px 1px; float:left;
}
/* Blau */
#illu_right_blue {
background-image:url(../upload/img/back_blue.gif); background-repeat:repeat-y; width:250px; height:100%; margin:0px 0px 0px 1px; float:left;
}
/* Rot */
#illu_right_red {
background-image:url(../upload/img/back_red.gif); background-repeat:repeat-y; width:250px; height:100%; margin:0px 0px 0px 1px; float:left;
}
/* ### */
/* Standardnavigation, die Formatierung der einzelnen Elemente erfolgt bei der Navigationsformatierung */
#std_nav_box {
border:0px solid blue; height:100%; width:300px; float:left;
}
#std_nav_box #std_nav {
border:0px solid green; text-align:right; padding:35px 0px 0px 0px; font-size: 0.75em;
}
/* ### */

/* Mittlerer Bereich der die Navigation und den Inhalt enthält */
#center {
border-top:1px solid #000000; border-bottom:1px solid #000000; height:100%;
}
/* Bereich der die Navigation enthält */
#center_left {
width:200px; height:100%; margin:25px 0px 0px 0px; float:left; border:0px solid black;
}
#center_left #main_nav {
border:0px solid red; padding:0px 10px 0px 20px;
}
#center_left #search_box {
border:0px solid red; padding:0px 10px 0px 20px; margin:35px 0px 20px 0px;
}
/* ### */

/* Unterer Bereich enthält den Footer und den Copyright Vermerk */
#footer {
margin:0px 0px 0px 220px;
padding:0px 0px 10px 0px; 
}


/* 2.0 */
/* Formatierung der einzelen Module aus dem CMS */

/* Standardnavigation, (Bottomnavi) auf Container-ID 25 */
#std_nav a.bottomnavi {
font-weight:bold;
color:#666666;
text-decoration:none;
}
#std_nav a.bottomnavi:hover {
color:#333333;
text-decoration:underline;
}

/* Hauptnavigation auf Container-ID 20 */
#navcontainer {
margin:0px;
padding:0px;
border:0px solid green;
font-size:0.85em;
font-weight:bold;
}
#navcontainer ul li {
margin:3px 0px 0px 0px;
}

/* Navlevel 1 */
#navcontainer ul {
border:0px solid red;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#navcontainer ul li a.nav1 {
color:#333333;
text-decoration:none;
}
#navcontainer ul li a.nav1:hover {
color:#666666;
text-decoration:underline;
}
#navcontainer ul li a.navactive1 {
color:#333333;
text-decoration:underline;
}
#navcontainer ul li a.navactive1:hover {
color:#666666;
}

/* Navlevel 2 */
#navcontainer ul ul {
font-size:0.95em;
border:0px solid red;
list-style-type:none;
margin:0px 0px 0px 14px;
padding:0px 0px 0px 0px;
}
#navcontainer ul ul li a.nav2 {
color:#666666;
text-decoration:none;
}
#navcontainer ul ul li a.nav2:hover {
color:#666666;
text-decoration:underline;
}
#navcontainer ul ul li a.navactive2 {
color:#666666;
text-decoration:underline;
}
#navcontainer ul ul li a.navactive2:hover {
color:#666666;
}

/* Navlevel 3 */
#navcontainer ul ul ul {
border:0px solid red;
font-weight:normal;
list-style-type:none;
margin:0px 0px 0px 14px;
padding:0px 0px 0px 0px;
}
#navcontainer ul ul ul li a.nav3 {
color:#666666;
text-decoration:none;
}
#navcontainer ul ul ul li a.nav3:hover {
color:#666666;
text-decoration:underline;
}
#navcontainer ul ul ul li a.navactive3 {
color:#666666;
text-decoration:underline;
}
#navcontainer ul ul ul li a.navactive3:hover {
color:#666666;
}

/* Sucheingabe */

/* Verhinderung des Titels */
#search_box .hidden {
display:none;
visibility:hidden;
}

#search_box #searchbox {
font-size:0.8em;
}
#search_box #searchbox .label_searchbox {
font-weight:bold;
}
#search_box #searchbox .input_searchbox {
border:1px solid #666666;
background-color:#FFFFFF;
font-size:0.9em;
}
#search_box #searchbox .submit_searchbox {
border:1px solid #666666;
background-color:#FFFFFF;
font-size:0.9em;
}

/* Suchausgabe */
#center_right .content_1 div .search_result_block, #center_right .content_2 div .search_result_block {
border-bottom:1px solid #333333;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#center_right .content_1 div .search_result_block .search_header, #center_right .content_2 div .search_result_block .search_header {
font-weight:bold;
border:0px solid green;
margin:6px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#center_right .content_1 div .search_result_block .search_header a, #center_right .content_2 div .search_result_block .search_header a {
color:#333333;
}
#center_right .content_1 div .search_result_block .search_header a:hover, #center_right .content_2 div .search_result_block .search_header a:hover {
color:#666666;
}
#center_right .content_1 div .search_result_block .search_result, #center_right .content_2 div .search_result_block .search_result {
border:0px solid blue;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#center_right .content_1 div .search_result_block .search_result, #center_right .content_2 div .search_result_block .search_result {
border:0px solid blue;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#center_right .content_1 div .search_result_block .search_more, #center_right .content_2 div .search_result_block .search_more {
border:0px solid red;
margin:1px 0px 5px 0px;
padding:0px 0px 0px 0px;
}
#center_right .content_1 div .search_result_block .search_more a, #center_right .content_2 div .search_result_block .search_more a {
color:#333333;
}
#center_right .content_1 div .search_result_block .search_more a:hover, #center_right .content_2 div .search_result_block .search_more a:hover {
color:#666666;
text-decoration:none;
}

/* 3.0 */
/* Formatierung der Inhaltsblocks */
/* Bereich der den Inhalt enthält */
#center_right {
margin:25px 0px 0px 220px;
border:0px solid green;
width: 580px;
font-size:0.8em;
}

/* Diese Aangaben sind nur für das Layout mit dem Newsblock interessant */
#center_right.news {
margin:25px 0px 0px 20px;
float:left;
border:0px solid green;
width: 360px;
font-size:0.8em;
}
#center_right_newsblock {
margin:25px 0px 0px 20px;
float:left;
border:0px solid green;
width: 200px;
font-size:0.8em;
}
#center_right_newsblock div.content {
margin:0px 0px 7px 0px;
}

/* Formatierung des Inhalts im rechten Newsblock */
#center_right_newsblock div.content div.adv_element {
border:1px solid green:
}
#center_right_newsblock div.content div.adv_header {
font-size:1.0em;
font-weight:bold;
}
#center_right_newsblock div.content div.adv_text {
color:#333333;
}
#center_right_newsblock div.content a.adv_more {
font-size:0.8em;
font-weight:bold;
color:#666666;
}
#center_right_newsblock div.content a.adv_more:hover {
color:#333333;
}


/* Definition der einzelnen Inhaltscontainer */

/* Überschrift H1 im Überschriftenbereich */
#center_right .headline {
border:0px solid red;
}
#center_right .headline .content {
font-size:140%;
border:0px solid green;
margin:0px 0px 7px 0px;
}

/* Content Bereich 1 */
#center_right .content_1 {
border:0px solid blue;
}
#center_right .content_1 p {
border:0px solid red;
margin:3px 0px 7px 0px;
}
#center_right .content_1 table, td {
border:0px solid #333333;
border-collapse:collapse;
padding:2px;
}

/* Content Bereich 2 */
#center_right .content_2 {
border:0px solid blue;
}
#center_right .content_2 p {
border:0px solid red;
margin:3px 0px 7px 0px;
}
#center_right .content_2 table, td {
border:0px solid #333333;
border-collapse:collapse;
padding:2px;
}

/* Content Bereich 3 */
#center_right .content_3 {
border:0px solid blue;
}
#center_right .content_3 p {
border:0px solid red;
margin:3px 0px 7px 0px;
}
#center_right .content_3 table, td {
border:0px solid #333333;
border-collapse:collapse;
padding:2px;
}

/* 4.0 */
/* Formatierung weiterer Elemente */

/* Kontaktformular */
#center_right .content_1 input.contact_field {
border:1px solid #333333;
}

/* Newsletter Eingabeformular */
#newsletterbox .label_searchbox {
font-weight:bold;
}
#newsletterbox .input_searchbox {
border:1px solid #666666;
background-color:#FFFFFF;
font-size:0.9em;
}
#newsletterbox .input_newsletterselect {
border:1px solid #666666;
background-color:#FFFFFF;
font-size:0.9em;
}
#newsletterbox .input_newslettersubmit {
border:1px solid #666666;
background-color:#FFFFFF;
font-size:0.9em;
margin:1em 0em 0em 0em;
}

/* Footer */
.footer {
font-size:0.7em; color:#666666;
}