/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

   

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

body, td{
	font-size:12px;
    font-family:Verdana;
	color:#000066;
	line-height:17px;
	vertical-align:top;
	padding:0px;
}


/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */


body {background-color:#FFF;}

a {color:#1e90ff;
text-decoration: none; 
text-underline: none;}
a:hover {color:#4169e1;
text-decoration: none; 
text-underline: none;}

h3.title {border-bottom:1px solid #D7ECF4; color:#ac0c28;}
h1.title {border-bottom:1px solid #D7ECF4; color:#ac0c28;}



/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */


#tray { background:  url(../design/menu_oben.gif) ;}
#tray a {color:#FFF;}
#tray li#tray-active a {color:#94c9e2;}

.nav a {border-top:1px solid #e5e5e5; background-color:#d0d0d0 !important; color:#000 !important;}
.nav #nav-active a {background-color:#13608c !important; color:#FFF !important;}
.nav #nav-active ul li a {border-top:1px solid #ffffff; background-color:#a9a9a9 !important; color:#ffffff !important;}


#search {border-top:1px solid #f2f2f2; background-color:#d0d0d0;}
#search-input {background:#FFF;}
#search-submit {background:#44A1CA; color:#FFF;}

#footer, #footer a {color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top, #topstory {background-color:#;}
#topstory-desc .info, #topstory-desc .info a, .article .article-desc .info, .article .article-desc .info a {color:#5F5F5F;}
#topstory-desc .info a:hover, .article .article-desc .info a:hover {color:#2F2F2F;}
#topstory-list {border-top:1px solid #EBF4F8; background-color:#f7fbfd;}
#topstory-list-1 {border-top:8px solid #EBF4F8; background-color:#ffcc66;}

.box-01-top, .box-01-top-b {background-color:#336699; color:#FFF;}
.box-01-top-b .f-right {color:#44A1CA;}
.box-01 .bg {border-top:1px solid #c2dfec; border-bottom:1px solid #c2dfec; background:#e8f3f8;}

    .news dt {color:#DF0000;}
    .news dd span {color:#3fa5cd;}

.box-02-top, .box-02-top-b {background-color:#d6ebf3; color:#0c358d;}

    .mostreaded span {color:#5F5F5F;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */






.rss {color:#000;}

.normal {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 9pt;
	color : #5F5F5F;
	line-height : 140%;
}

.titel {
	font-family : Arial, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 14pt;
	color : #ff0000;
	line-height : 140%;
}

.schwarz {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 9pt;
	color : #000000;
	line-height : 140%;
}
.gruen {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 9pt;
	color : #009966;
	line-height : 140%;
}

.rot {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 9pt;
	color : #800000;
	line-height : 140%;
}

.grau {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 9pt;
	color : #c0c0c0;
	line-height : 140%;
}

.rotfett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 9pt;
	color : #800000;
	line-height : 140%;
}

.schwarzfett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 9pt;
	color : #000000;
	line-height : 140%;
}

.gruenfett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 9pt;
	color : #009966;
	line-height : 140%;
}

.gelbfett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 9pt;
	color : #ffcc00;
	line-height : 140%;
}

.graufett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 9pt;
	color : #c0c0c0;
	line-height : 140%;
}
.fett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 9pt;
	color : #000080;
	line-height : 140%;
}

.mittel {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 10pt;
	color : #000080;
}

.gross {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 12pt;
	color : #000080;
}

.grossfett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 14pt;
	color : #000080;
}

.klein {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : italic;
	font-size : 8pt;
	color : Gray;
}

.menuschrift {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : italic;
	font-size : 12pt;
	color : #000000;
}

.menuschriftfett {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	font-size : 12pt;
	color : #000000;
}
.menuschriftklein {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 10pt;
	color : #000000;
}




/* ----------------------------------------------------------------------------------------------------------
 Menu oben
---------------------------------------------------------------------------------------------------------- */



.h_mnu_01{
	width: 98%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

.h_mnu_01 ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 104%;
	background:  url(../design/menu_oben.gif) ;
	border-top-width:1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c0c0c0;
	border-right-color: #c0c0c0;
	border-bottom-color: #c0c0c0;
	border-left-color: #c0c0c0;
}

.h_mnu_01 ul li{
display: inline;
}

.h_mnu_01 ul li a{
	float: left;
	color: #FFFFFF;
	padding:6px 13px;
	text-decoration: none;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #56a5de;
}

.h_mnu_01 ul li a:visited{
color: #FFFFFF;
}

.h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{
	color: #FFFFFF !important;
	padding-top: 6px;
	padding-bottom: 6px;
	background:  url(../design/menu_oben_hover.gif) ;

}



/* ----------------------------------------------------------------------------------------------------------
Teaser
---------------------------------------------------------------------------------------------------------- */


div#teasergruppe{
border:0px solid #e8f3f8;
padding:0 5px 5px 5px;
height:auto px;
width:234px;
}
div.teaser{
clear:left;
width:234px;
}	
div.klein img, div.gross img{
float:left;
padding-right:7px;
border:0;
}
/*** IE6 und niedriger ***/
a.teaserlink{
padding-left:1px;
display:block;
height:30px;
padding-top:2px;
text-decoration:none;
} 
a.teaserlink:hover{
color: #303030;
padding-left:0px;
}
a.teaserlink div.klein{
display: block;
color:#303030;
}
a.teaserlink div.gross{
display:none;
}
a.teaserlink:hover div.gross{
display:block;
color:#303030;
padding-left:1px;
}
a.teaserlink:hover div.klein{
display:none;
}
a.teaserlink div.gross h1{
font-size:12px;
font-weight:bold;
padding:0 0 1px 0;
margin:0px;
}
a.teaserlink div.gross, a.teaserlink div.klein{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height:17px;
}
a.teaserlink div.klein img{
margin-top:3px;
}
a.teaserlink div.gross p.hide{
display:none;
}
/*** moderne browser ***/
html>body div.teaser{
padding-left:1px;
display:block;
padding-top:2px;
text-decoration:none;
} 
html>body div.teaser:hover{
color: #303030;
padding-left:0px;
}
html>body div.teaser div.klein{
display:block;
color:#303030;
}
html>body div.teaser div.gross{
display:none;
}
html>body div.teaser:hover div.gross{
display:block;
color:#303030;
padding-left:1px;
}
html>body div.teaser:hover div.klein{
display:none;
}
html>body div.teaser div.gross h1{
font-size:12px;
font-weight:bold;
padding:0 0 1px 0;
margin:0px;
}
html>body div.teaser div.gross, html>body div.teaser div.klein{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height:17px;
}
html>body div.teaser div.klein img{
margin-top:3px;
}