/* CSS Document */

/**************************************************************/
/*       Main Stylesheet for OPP, created 14.6.2006           */
/*  (c) 2007 by Jochen Müller, Norvlit Werbeagentur GmbH      */
/**************************************************************/


* {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

a img {
border: none;
}

body {
margin:0px;
padding:0px;
text-align:center;
background-color:#005352;
}

#wrap {   
margin:auto;
width:950px;
min-height:550px;
height:auto;
/*background-image:url(bilder/shadow_bg.gif);
background-repeat:repeat-y;*/
text-align:left;

}


* html #wrap { height:550px; padding-left:10px;} /* only for IE 5.5 - 6.x */
html + body #wrap { height:550px; padding-left:10px;} /* only for IE 5.0 */ 

/* peter 27072007 start */

.shadow_bottom {
	width: 100%;
	height: 100%;
	float: left;
	padding: 0 0 12px 0;
	background: url(bilder/shadow_bottom.gif) no-repeat 0 100%;
}

*:first-child+html .shadow_bottom {

}

.shadow {
	width: 100%;
	height: 100%;
	float: left;
	background: url(bilder/shadow_bg.gif) repeat-y;
}

/* peter 27072007 ende */


/*
#main_container { 
float:left;
text-align:left;
width:910px;
min-height:550px;
height:auto;
background-color:#FFFFFF;
margin-left:10px;
} */



#main_container { 
float:left;
text-align:left;
width:910px;
min-height:550px;
height:auto;
/*background-color:#FFFFFF;*/
background: #FFFFFF;
margin-left:10px;
}



* html #main_container { height:550px; margin-left:10px; } /* only for IE 5.5 - 6.x */
html + body #main_container { height:550px; margin-left:10px;} /* only for IE 5.0 */ 


html>body #main_container { 
float:left;
text-align:left;
width:910px;
min-height:550px;
height:auto;
background-color:#FFFFFF;
margin-left:20px;
}




#head {
float:left;
width:910px;
height:129px;
background-color:#c3d5d5;
}

#bar_normal {
float:left;
text-align:left;
width:910px;
height:38px;
background-image:url(bilder/bar_normal.gif);
background-repeat:repeat-x;
}


#bar_sub1 {
float:left;
text-align:left;
width:910px;
height:38px;
background-image:url(bilder/bar_sub1.gif);
background-repeat:repeat-x;
}

#bar_sub2 {
float:left;
text-align:left;
width:910px;
height:38px;
background-image:url(bilder/bar_sub2.gif);
background-repeat:repeat-x;
}

#bar_sub3 {
float:left;
text-align:left;
width:910px;
height:38px;
background-image:url(bilder/bar_sub3.gif);
background-repeat:repeat-x;
}

#bar_sub4 {
float:left;
text-align:left;
width:910px;
height:38px;
background-image:url(bilder/bar_sub4.gif);
background-repeat:repeat-x;
}


#content_area {
float:left;
width:910px;
min-height:301px;
height:auto;
}

* html #content_area { height:301px;} /* only for IE 5.5 - 6.x */
html + body #content_area { height:301px;} /* only for IE 5.0 */ 


#content_area_startseite {
float:left;
width:910px;
min-height:418px;
height:auto;
background-image:url(../Content_Bilder/Startgirl.jpg);
}

* html #content_area_startseite { height:418px;} /* only for IE 5.5 - 6.x */
html + body #content_area_startseite { height:418px;} /* only for IE 5.0 */ 



#footer {
float:left;
width:910px;
height:94px;
background: #FFFFFF;
}



#banner {
float:left;
height:129px;
width:485px;
}

#logo {
float:left;
height:129px;
width:195px;
}


#content_wrap {
float:left;
width:728px;
min-height:400px;
background-color:#FFFFFF;
background-image:url(bilder/wasserzeichen_BG.gif);
background-repeat:no-repeat;
}

* html #content_wrap { height:400px;} /* only for IE 5.5 - 6.x */
html + body #content_wrap { height:400px;} /* only for IE 5.0 */ 


#content_wrap_startseite {
float:left;
width:728px;
min-height:400px;
}



#footer_logo {
float:left;
height:82px;
width:182px;
background-image:url(bilder/footer_logo_bg.gif);
}

#footer_bar {
float:right;
margin-left:50px;
margin-top:15px;
height:23px;
width:678px;
background-image:url(bilder/footer_nadel.gif);
background-repeat:no-repeat;
background-color:#6b9a9d;
}

.printlink {
float:right;
}

#kontakt {
float:right;
width:195px;
height:34px;
line-height:34px;
vertical-align:middle;
background-color:#FF00FF;
}

#content {
float:left;
margin-left:50px;
min-height:400px;
height:auto;
width:480px;
text-align:left;
/*background-color:red;*/
}

* html #content { margin-left: 25px;} /* only for IE 5.5 - 6.x */
html + body #content { margin-left: 25px;} /* only for IE 5.0 */ 


#content_startseite {
float:left;
margin-left:50px;
min-height:400px;
height:auto;
width:480px;
}


/* INDEXED SEARCH + SERACH BOX */




#searchbox_wrap {
float:right;
margin-right:8px;
margin-top:7px;
color:#005352;
}

html>body #searchbox_wrap {
float:left;
margin-left:15px;
width:150px;
margin-top:7px;
color:#005352;
/*background-color:orange;*/
}



.search_field {
float:left;
width:100px;
margin-top:5px;
}

*+ html .search_field {

margin-left:-13px;
}


.search_submit {
float:left;
border:none;
background-color:#FFFFFF;
margin-top:-5px;
margin-left:5px;
}



/********************************************/
/****************  TT_NEWS   ****************/
/********************************************/


.blue_line {
height:1px;
background-color:#005352;
border:none;
width:100%;
margin:0px;
padding:0px;
}

.clearer {
/*float:left;
clear:both;*/
margin-top:10px;
}


/* LATEST */

.news-latest-container {
float:left;
padding:0px;
margin-top:10px;
border:none;
}

.news-latest-container .bodytext {
line-height:125%;
}

.news-latest-container h3 a, .news-latest-container h3 a:active, .news-latest-container h3 a:visited, .news-latest-container h3 a:hover {
font-size:1.2em;
line-height:170%;
margin-top:0px;
color:#005352;
text-decoration:none;
}

.news-latest-item {
clear:both;
float:left;
width:450px;
padding:0px;
margin-bottom:30px;
border:none;

}

.news-latest-date, .news-latest-date a {
height:20px;
text-decoration:none;
line-height:20px;
vertical-align:middle;
/*padding-left:5px;*/
color:#585B5C;
}
 
.news-latest-morelink a, .news-latest-morelink a:hover, .news-latest-morelink a:active, .news-latest-morelink a:visited {
margin:0px;
color:#005352;
}


/* SINGLE */

.news-single-item {
float:left;
}

.news-single-item h2 {
font-size:1.2em;
margin-top:10px;
color:#005352;
text-decoration:none;
}

.news-single-item p {
margin:0px;
padding:0px;
}

.news-single-item .bodytext {
margin:0px;
padding:0px;
}

.news-single-backlink, .news-single-backlink a, .news-single-backlink a:active, .news-single-backlink a:visited, .news-single-backlink a:hover {
color:#005352;
line-height:30px;
vertical-align:middle;
}

.news-single-timedata, .news-single-timedata a, .news-single-timedata a:active, .news-single-timedata a:visited, .news-single-timedata a:hover {
margin:0px;
padding:0px;
line-height:20px;
vertical-align:middle;
}

.news-single-author, .news-single-author a, .news-single-author a:active, .news-single-author a:visited, .news-single-author a:hover {
color:#005352;
padding:0px;
line-height:20px;
vertical-align:middle;
}



/* LIST (ARCHIVE) */

.news-list-item {
margin-top:20px;
}

.news-list-item h3, .news-list-item h3 a, .news-list-item h3 a:active, .news-list-item h3 a:visited, .news-list-item h3 a:hover {
font-size:1.1em;
margin-top:10px;
color:#005352;
text-decoration:none;
}

.news-list-browse, .news-list-browse a {
float:left;
margin:0px;
padding:0px;
text-align:left;
color:#005352;
}

.news-list-morelink, .news-list-morelink a, .news-list-morelink:active, .news-list-morelink a:visited, .news-list-morelink a:hover {
color:#005352;
}


/*******************************************/
/* CONTENT STYLES (HEADER, BODYTEXT ETC... */
/*******************************************/

h1, h2, h3, h4 {
color:#005352;
line-height:150%;
}

h1 a, h2 a, h3 a, h4 a, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited
{
color:#005352;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
color:#AAAAAA;
}

h1 {
font-size:1.3em;
color:#005352;
}

h2 {
font-size:1.2em;
color:#005352;
}

h3 {
font-size:1.1em;
color:#005352;

}

h4 {
font-size:1em;
color:#005352;
}

.bodytext {
font-size:1em;
line-height:150%;
}

.bodytext a, .bodytext a:active, .bodytext a:visited  {
color:#005352;
}

.bodytext a:hover {
color:#AAAAAA;
}

.top {
	text-align: right;
	border-bottom: 1px solid #005352;
}

.top a {
	text-decoration: none;
}
#content li a {
color:#005352;
line-height:150%;
}

#content li a:hover {
color:#AAAAAA;
line-height:150%;
}


/**********************************/
/*********** 2Col Content *********/
/**********************************/

.col1 {
float:left;
width:240px;
vertical-align:top;
/*background-color:red;*/
}

.col2 {
float:left;
width:230px;
margin-left:10px;
vertical-align:top;
/*background-color:pink;*/
}