. { 
    font-size: 95%; 
    color:#555555; 
    font-family: source-sans-pro, sans-serif;  
}   
html, body, form, fieldset, table, td, tr  { 
    margin: 0; 
    padding: 0; 
	
} 
body { 
    height: 100%; 
    background-color: #f6f6f6;
} 
 
  
html, body, form, fieldset, table, td, tr   { 
    font-family: source-sans-pro, sans-serif;
	line-height: 1.4; 
    font-size: 16px;   
  
} 
  
body#bd { 
    color: #333333; 
} 
  

body.fs1 {font-size: 10px;} 
body.fs2 {font-size: 11px;} 
body.fs3 {font-size: 12px;} 
body.fs4 {font-size: 13px;} 
body.fs5 {font-size: 14px;} 
body.fs6 {font-size: 15px;} 
  
/* Normal link */
a { 
    color: #da1f3d; 
    text-decoration: none; 
} 
  
a:hover, a:active, a:focus { 
    color: #111111; 
    text-decoration: none; 
} 
  
a img { 
    border: none; 
} 

ol.sectionRankList{margin:0;background-color:#FFFFFF;}
ol.sectionRankList li{padding:8px 0 8px 35px;list-style:none;overflow:hidden}
ol.sectionRankList a{display:block}
ol.sectionRankList h2{font-size:13px;line-height:16px;margin:0;font-weight:normal}
ol.sectionRankList a:hover,ol.sectionRankList a:focus{text-decoration:none}
ol.sectionRankList span.rank{display:block;float:left;margin:3px 0 0 -35px;padding:3px;background-color:#777;color:#fff;width:20px;font-weight:700;text-align:center;text-shadow:0px 0px 1px rgba(0,0,0,1);border-radius:0}  

.iframe { overflow-x: hidden; 
    -ms-overflow-x: hidden; }

/* Title text */
.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 { 
     font-family: Georgia,Palatino,"Palatino Linotype",FreeSerif,serif;
    line-height: 1.2; 
      
} 
  

  
unterzeile, .unterzeile { 
    font-size: 105%; 
    line-height: 1; 
    font-family: source-sans-pro, sans-serif;
	font-weight: normal;
	} 
  

  
/* Heading */
h1 {font-size: 270%; font-weight: normal;} 
h2 {font-size: 270%; font-weight: normal;} 
h3 {font-size: 160%; font-weight: normal;} 
h4 {font-size: 102%; font-weight: normal; } 
h5 {font-size: 92%; font-weight: normal;} 
h6 {font-size: 85%; font-weight: normal;} 

.Rubriktitel { 

    font-size: 145%; 
    font-family: source-sans-pro, sans-serif;
	font-weight: normal; 
	color:#7a7a7a;
} 
  
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { 
    margin: 10px 0; 
    padding: 0; 
} 
  

  
/* FORM 
--------------------------------------------------------- */
form { 
    margin: 0; 
    padding: 0; 
} 
  
form label { 
    cursor: pointer; 
} 
  
input, select, textarea, .inputbox { 
    font-size: 80%; 

} 
  
.inputbox { 
    border: 1px inset #ABABAB; 
    padding: 3px 3px; 
    color: #333333; 
} 
  
.button { 
    padding: 2px 8px; 
    border: 1px outset #ABABAB; 
    background: #F7F7F7; 
    font-size: 80%; 
    font-weight: bold; 
} 
  
* html .button { /*IE 6*/
    padding: 2px 3px !important; 
} 
  
*+html .button { /*IE 7*/
    padding: 2px 3px !important; 
} 
  
  
  
.rot { 
    color: #da1f3d; 
} 
.textklein, .klein { 
    font-size: 80%; 
} 
.textkleinbu { 
    font-size: 90%; 
    margin: 0px auto;
	padding:3px;
    text-align: left;
    color: #000000;
    background-color: #f6f6f6;
} 
.seitenleiste, .bu { 
    font-size: 90%; 
} 
  
.titel { 
    font-weight: bold; 
    font-size: 125%; 
} 
  
.untertitel { 

    font-size: 105%; 
    font-family: source-sans-pro, sans-serif;
	font-weight: bold; 
} 
  
.vorspann { 
   line-height: 1.3; 
   font-size: 115%;; 
   text-decoration: none;
   color: #000000;
   
  
} 
.vorspanntitel{ 
    font-size: 105%;
   text-decoration: none;
   color: #000000;  
} 

.vorspannartikel { 
    line-height: 1.3; 
    font-weight:bold; 
    font-size: 107%; 
} 
.vorspannklein { 
    font-size: 90%; 
   text-decoration: none;
   color: #000000;

} 
  
.autor { 
    font-style: italic; 
} 
  
.text { 
  
} 
  
.datum,artofarticle { 
    font-size: 80%; 
    color: #CCCCCC; 
} 
  
.weiterlesen { 
    font-size: 80%; 
    font-weight: bold; 
} 
  
.textklein { 
    font-size: 80%; 
} 

.textkleinweiss { 
    font-size: 75%; 
    color: #FFFFFF; 
} 
.textmini { 
    font-size: 80%; 
} 
.kommentarhinweis { 
    color:#aaaaaa; 
    font-size: 75%; 
} 
 .anzeige { 
    color:#dddddd; 
    font-size: 85%; 
} 
  
.borderright { 
    border-right-width: 1px; 
    border-right-color: #cbcbcb; 
    border-top-style: none; 
    border-right-style: solid; 
    border-bottom-style: none; 
    border-left-style: none;     
} 
  
  
.dropcap { float: left; color: #333333; font-size: 54px; line-height: 40px; padding-top: 4px; padding-right: 4px; padding-left: 0px;  } 
  
.fliesstext a { 
    text-decoration: underline; 
} 
.vorspannartikel a { 
    text-decoration: underline; 
}
  
/* ALLGEMEIN 
--------------------------------------------------------- */
html #wrapper {height: 100%;} 


#wrapper    {min-height: 100%;width: 1085px; margin: left; text-align: left; background: #ffffff;} 
  
 
 
#BGContainer {
     
    } 
      
#BGRubrikContainer { 
    background-color:#f3f3f3; 
    position:absolute; 
    width:100%; 
    margin-top: 0px; 
    height: 239px; 
    visibility: visible; 
    } 
#BGFooterContainer { 
    width: 100%; 
    clear:both; 
} 
  
  
@media only screen and (min-device-width: 320px) and (max-device-width: 1200px) { 
/* Hier der CSS Code für Smartphones wie z.B. iPhone, Android, WebOS, Windows Phone 7 Geräte o.Ä. */
      
div#ContentContainer { 
    padding-left:20px;
	padding-right:20px;
	position:relative; 
    width:1045px; 
    visibility: visible; 
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    /* padding-bottom: 402px;   */
	background-color:#FFFFFF;
	
    } 
} 
  
/* Computer und Tablet CSS */
@media only screen and (min-device-width: 1024px) { 
  
div#ContentContainer { 
 	padding-left:20px;
	padding-right:20px;
    position:relative; 
    width:1045px; 
    visibility: visible; 
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    /* padding-bottom: 402px; */
	background-color:#FFFFFF;

} 
  
} 
  
  

   
div#Header { 
    width:1025px; 
    height: 24px; 
    padding-left: 0px; 
    padding-right: 0px; 
    visibility: visible; 
    font-size: 0.9em; 
	background-color:#FFFFFF;

} 
div#HeaderBox { 
    vertical-align: bottom; 
    height: 50px; 
    width:1048px; 
    visibility: visible; 
    padding-bottom: 0px; 
    display: table-cell; 
	background-color:#FFFFFF;
    vertical-align: bottom; 
 } 
  
  
div#TopMeldungBox { 
    width:990px; 
    visibility: visible; 
    padding: 10px; 
    margin: 0px; 
	background-color:#FFFFFF;
    margin-top:10px; 
} 
  
div#TopMeldungBoxOB { 
    width:1048px; 
    visibility: visible; 
	background-color:#FFFFFF;
    padding: 0px; 
    margin: 0px; 
    margin-top:0px; 
	z-index: 10;
  
} 
div#TopMeldungBoxOBLeftxxxx { 
    background-color:#f3f3f3; 
    width:497px; 
    float:left; 
    visibility: visible; 
    padding-right: 10px; 
    padding: 10px; 
	background-color:#FFFFFF;
  
}

div#TopMeldungBoxOBLeft { 
    width:497px; 
    float:left; 
    visibility: visible; 
	background-color:#FFFFFF;
}

div#MeldungBoxOBLeft { 
    width:868px; 
    float:left; 
    visibility: visible; 
	background-color:#FFFFFF;
}
div#MeldungBoxOBLeft250 { 
    width:260px; 
    float:left; 
    visibility: visible; 
	background-color:#FFFFFF;
}

div#MeldungBoxOBRight { 
    width:160px; 
    float:right; 
    visibility: visible; 
	background-color:#FFFFFF;
}
div#MeldungBoxOBRight778 { 
    width:778px; 
    float:right; 
    visibility: visible; 
	background-color:#FFFFFF;
}

div#MeldungBoxCenter { 
    margin-left:80px;
	margin-right:240px;
	width:728px; 
	background-color:#FFFFFF;
}
div#MeldungBoxCenterContainer { 
    width:1048px; 
	background-color:#FFFFFF;

}

div#MeldungAdsContainer { 
   float:left;
	background-color:#FFFFFF;

}

div#MeldungBoxLeft { 
    width:320px; 
    float:left; 
	background-color:#FFFFFF;
    visibility: visible;
}

div#MeldungBoxRight { 
    width:728px; 
    float:right; 
    visibility: visible; 
	background-color:#FFFFFF;
}

div#MeldungBox { 
    width:728px; 
    float:left; 
    visibility: visible; 
	background-color:#FFFFFF;
}

 
div#TopMeldungBoxOBLeftAnzeige { 
    width:490px; 
    float:left; 
    visibility: visible; 
    padding-right: 10px; 
    padding: 10px; 
	background-color:#FFFFFF;
} 


div#TopMeldungBoxOBRight { 
    width:497px; 
    float:right; 
    visibility: visible; 
    padding-left: 10px; 
    margin: 0px; 
	background-color:#FFFFFF;
} 
  
  
div#HeaderBoxLeft { 
    float:left; 
	background-color:#FFFFFF;
} 
div#HeaderBoxRight { 
    float:right; 
	background-color:#FFFFFF;
} 
div#Footer { 
    width: 100%; 
    text-align: center;
	background-color:#FFFFFF;

} 

  
  
div#Logo { 
    left:25px; 
    top:30px; 
    visibility: visible; 
    z-index: 1000; 
} 
  
div#MenuBox { 
    position:absolute;
	width:1048px; 
    visibility: visible; 
    padding-top: 0px; 
    margin-bottom: 20px; 
    padding-left:0px; 
	z-index:1001;
	background-color:#FFFFFF;
} 
  
div#NewsBoxTop { 
    float:left; 
    width:1048px; 
    visibility: visible; 
	background-color:#FFFFFF;
  
} 
  
div#NewsBox { 
    float:left; 
    width:728px; 
    visibility: visible; 
    padding-top: 20px; 
    padding-left: 0px; 

	background-color:#FFFFFF;

} 
  
div#NewsBoxUnten { 
    float:left; 
    width:1048px; 
    visibility: visible;
	background-color:#FFFFFF;
} 
  
  
div#NewsBoxUntenLinks { 
    float:left; 
    width:280px; 
    visibility: visible;
	background-color:#FFFFFF;
} 
div#NewsBoxUntenRechts { 
    float:left; 
    width:640px; 
    visibility: visible;
	background-color:#FFFFFF;
} 
div#NewsBoxUntenSpacer { 
    float:left; 
    width:20px; 
    visibility: visible;
	background-color:#FFFFFF;
} 
  
  
  
  
div#PortletsBox { 
    float:right; 
    width: 310px; 
    visibility: visible; 
    margin-top:20px; 
    padding-top: 0px; 
    border-left-width:1px; 
    border-left-style:solid; 
    border-left-color:#CCCCCC;
	background-color:#FFFFFF;
} 
  
#SubContentContainer { 
padding-top: 20px; 
width : 305px; 
visibility: visible; 
	background-color:#FFFFFF;
} 
div#SubContentBoxLeft { 
    float:left; 
    width: 160px; 
    visibility: visible; 
	background-color:#FFFFFF;
} 
div#SubContentBoxRight { 
    float:right; 
    width: 160px; 
    visibility: visible; 
	background-color:#FFFFFF;
} 
#SubPortletsContainer { 
padding-top: 0px; 
padding-left: 10px; 
visibility: visible; 
	background-color:#FFFFFF;
} 
div#SubPortletsBoxLeft { 
    float:left; 
    width: 160px; 
    visibility: visible; 
	background-color:#FFFFFF;
} 
div#SubPortletsBoxRight { 
    float:right; 
    width: 160px; 
    visibility: visible; 
	background-color:#FFFFFF;
} 
.bildboxgross { 
    padding-top: 0px; 
    padding-right: 10px; 
    padding-bottom: 20px; 
    padding-left: 0px; 
} 
.bildbox { 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    border:thin; 
    padding-left: 0px; 
} 
.artikelbildbox {
	width:868px;
    margin: 0px auto;
	padding-top:1px;
    text-align: center;
    color: #000000;
    background-color: #f6f6f6;
	border-radius: 5px;

}
.artikelbildboxgross {
	width:1045px;
	padding-top:1px;
    text-align: center;
    color: #000000;
    background-color: #f6f6f6;
}
.artikelbildboxklein {
	width:728px;
	padding-top:1px;
    text-align: center;
    color: #000000;
    background-color: #f6f6f6;
}
.bildboxleft { 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    float:left; 
} 
.theOuterBox { 
    width: 300px; 
    border: 0px solid #CCCCCC; 
    height: auto; 
	padding:2px;
	border-radius: 5px;
	background-color:#FFFFFF;
} 
div#Videoplayer { 
    margin-left:8px; 
    width: 273px; 
} 
div#theOuterBoxWOL { 
} 
div#theInnerBox { 
    padding-top: 2px; 
    padding-right: 2px; 
    padding-bottom: 10px; 
    padding-left: 10px; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    border-top-style: solid; 
    border-right-style: none; 
    border-bottom-style: solid; 
    border-left-style: solid; 
    border-top-color: #CCCCCC; 
    border-right-color: #CCCCCC; 
    border-bottom-color: #CCCCCC; 
    border-left-color: #CCCCCC; 
} 
  
  
