@charset "utf-8";
/* General-Stylesheet
// Copyright: Euroweb Internet GmbH
// Author: Andy Hausmann
// Last modification: 03.11.08
*/

/******************************************************************************************
** BASE
******************************************************************************************/

*,
html { margin: 0px; padding: 0px; outline: 0;}

html,
body { height: 100%; }

ul { list-style: none; }

body { 
	font-size: 62.5%;
    font-size: 13px;
    line-height: 20px;
    color: #fff; 
	font-family: Arial, Helvetica, sans-serif;
    background: url(../images/layout/body-bg.jpg) repeat-y center top;
}


.nofloat { float: none !important; }

/******************************************************************************************
** GENERAL
******************************************************************************************/

/* header */
h1 {}
h2 { margin-bottom: 15px; font-weight: bold; font-size: 24px; line-height: 38px; color: #faf52d; border-bottom: 3px solid #74b4ff; }
h3 { margin-bottom: 15px; font-weight: bold; font-size: 17px; line-height: 21px;color: #faf52d; }
h4 { margin-bottom: 15px; padding-left: 30px; font-weight: bold; font-size: 15px; line-height: 29px;; color: #faf52d; border-bottom: 3px solid #74b4ff; }

/* font and color */
#contentSidebar { font-size: 11px; line-height: 30px; }
#footer { text-align: center; font-size: 11px; line-height: 50px; color: #00357a; }

/* margins and more */
#contentMain ul,
#contentMain ol,
#contentMain dl,
#contentMain p,
#contentMain embed,
#contentMain object,
#euroweb,
#contentSidebar p,
#contentSidebar ul { margin-bottom: 15px; }

#contentMain p,
#contentMain ul,
#contentMain form,
#contentMain ol { padding-right: 30px; }

/* links */
#contentMain a { color: #fff; font-weight: bold; text-decoration: none; }
#contentMain a:hover { color: #faf52d; }
#contentSidebar a { color: #fff; font-weight: bold; text-decoration: none; }
#contentSidebar a:hover { color: #faf52d; }
#sidebarNavigation a{ color: #00357a; }
#footer a { color: #00357a; text-decoration: none; }

/* lists */
#contentMain ul { margin-left: 6px; list-style: none; }
#contentMain ul li { margin-bottom: 3px; padding-left: 12px; background: url(../images/layout/ul-li.gif) left 9px no-repeat; }

img {}

.extern { padding: 16px; background: url(../images/content/link_12.gif) repeat left center; }
.pdf { padding: 16px; background: url(../images/content/pdf_12.gif) repeat left center; }


/******************************************************************************************
** TEMPLATES
******************************************************************************************/

#contentMain .col1 { float: left; width: 245px; }
#contentMain .col2 { float: right; padding-right: 30px; width: 245px; }

#contentMain .col1 *,
#contentMain .col2 * { padding-right: 0 !important; }

.cms .newsBox { padding-right: 30px; }

.newsBox.sdm {
	float: right; width: 250px; clear: both;
}
.cms .newsImage { float: right; margin: 0 0 15px 15px; }

dl.stil1 dt,
dl.stil1 dd { margin-bottom: 5px;}
dl.stil1 dt { width: 80px; font-weight: bold; }
dl.stil1 dd { padding-right: 30px; }


/******************************************************************************************
** OTHER
******************************************************************************************/

.white { color: #fff !important; }
.divider { margin: 0 30px 15px 0; border-bottom: 3px solid #74b4ff; }
.noMargin { margin-bottom: 5px !important; } /* Geändert, damit mehr Abstand auch für h3 auf Partnerseite */

/* text formattings */
.small { font-size: 0.9em; }
.highlight { margin: 0 30px 15px 0; padding: 15px 15px 0 15px; background: #74b4ff; }

/* floats and clearfixes */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear:both; }
/* Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/******************************************************************************************
** LAYOUT
******************************************************************************************/

#container { margin: 0 auto; width: 800px; }

#header { height: 200px; background: url("../images/layout/header-bg.jpg") no-repeat scroll left center transparent; }
    #branding a{ display: block; padding: 52px 0 0 77px; width: 194px; height: 146px; text-indent: -6000px; }
    
#navigation { height: 35px; background: url(../images/layout/navigation-bg.jpg) no-repeat left top; }
	#navigation ul { margin: 0 auto; width: 741px; height: 35px; }
	#navigation li { 
        float: left; 
    	margin-right: 13px;
        padding-right: 16px;
        height: 35px;
        line-height: 35px;
        background: url(../images/layout/ul-li-bg.jpg) no-repeat right center; 
    }
    #navigation a { display: block; height: 35px; text-indent: -6000px; line-height: 35px; background-repeat: no-repeat; background-position: 0px 0px; }
    a#index { width: 46px; background: url(../images/layout/a-index.jpg); }
    a#spandau-tv { width: 98px; background: url(../images/layout/a-spandau-tv.jpg); }
    a#sendekonzept { width: 115px; background: url(../images/layout/a-sendekonzept.jpg); }
    a#archiv { width: 53px; background: url(../images/layout/a-archiv.jpg); }
    a#news { width: 45px; background: url(../images/layout/a-news.jpg); }
    
    a#gewinn { width: 110px; background: url(../images/layout/a-gewinn.jpg); }
    a#events { width: 63px; background: url(../images/layout/a-events.jpg); }
    a#sendungdesmonats { width: 125px; background: url(../images/layout/a-sendungdesmonats.jpg); }
    
    a#angebote { width: 79px; background: url(../images/layout/a-angebote.jpg); }
    a#unsere-partner { width: 125px; background: url(../images/layout/a-unsere-partner.jpg); }
    #navigation a:hover { background-position: 0 -35px; }
    #navigation .last { margin-right: 0 !important; padding-right: 0 !important; background: none !important; }
    
#contentContainer {
	min-height: 556px; height: auto !important; height: 556px; 
    background: url(../images/layout/content-bg.jpg) no-repeat left top;
}
#contentSidebar { float: left; padding-top: 49px; width: 220px; }
    #contentSidebar ul.style1 li { overflow: hidden; padding-left: 40px; height: 30px; line-height: 30px; background: #3d83e2 url(../images/layout/ul-li.gif) no-repeat 30px center; }
    #contentSidebar ul.style1 li.alt { background-color: #3777d8; }
    #sidebarNavigation { background: #76b2ff; border-bottom: 3px solid #faf52d; }
    #sidebarNavigation ul{ padding-left: 25px; width: 195px; }
    #sidebarNavigation ul li { 
    	float: left; 
    	margin-right: 10px; 
        padding-right: 12px; 
        background: url(../images/layout/ul-li-bg.jpg) no-repeat right center;
    }
    #sidebarNavigation .last { margin-right: 0 !important; padding-right: 0 !important; background: none !important; }

#contentMain { padding-top: 40px; width: auto; padding: 10px; }

#footer { height: 50px; background: url(../images/layout/footer-bg.jpg) no-repeat center top; }
	#footer strong { margin-left: 9px; padding-left: 12px; background: url(../images/layout/ul-li-bg.jpg) no-repeat left center; }
    #footer strong.first { margin-left: 0 !important; padding-left: 0 !important; background: none !important; }


.breite{
	width: 700px;
}

#contentMain2{
	margin: 30px 0 0 30px;
	margin-bottom: 3px; padding-left: 12px;}

#contentMain2 ul,
#contentMain2 ol,
#contentMain2 dl,
#contentMain2 p,
#contentMain2 embed,
#contentMain2 object,
#euroweb,
#contentSidebar p,
#contentSidebar ul { margin-bottom: 15px; }


#contentMain p,
#contentMain ul,
#contentMain form,
#contentMain ol { padding-right: 30px; }

/* links */
#contentMain2 a { color: #fff; font-weight: bold; text-decoration: none; }
#contentMain2 a:hover { color: #faf52d; }
#contentSidebar a { color: #fff; font-weight: bold; text-decoration: none; }
#contentSidebar a:hover { color: #faf52d; }
#sidebarNavigation a{ color: #00357a; }
#footer a { color: #00357a; text-decoration: none; }

/* lists */
#contentMain2 ul { margin-left: 6px; list-style: none; }
#contentMain2 ul li { margin-bottom: 3px; padding-left: 12px; background: url(../images/layout/ul-li.gif) left 9px no-repeat; }

#contentMain .col1 { float: left; width: 245px; }
#contentMain .col2 { float: right; padding-right: 30px; width: 245px; }

#contentMain2 .col1 *,
#contentMain2 .col2 * { padding-right: 0 !important; }

#contentMain2 { float: left; padding-top: 10px;}

div.player {
	display: none;
}
hr {
	color: #74B4FF;
	height: 1px;
	border: 1px solid #74B4FF;
	width: 500px;
	margin: 0 auto;
	margin: 20px;
}

#bottomNavigation {
	background:none repeat scroll 0 0 #76B2FF;
	border-bottom:3px solid #FAF52D;
}

	#bottomNavigation ul {
		padding: 15px; width: 100%;
	}
	
	#bottomNavigation ul li {
		background:url("../images/layout/ul-li-bg.jpg") no-repeat scroll right center transparent;
		float:left;
		margin-right:10px;
		padding-right:12px;
	}
	
	#bottomNavigation .last { margin-right: 0 !important; padding-right: 0 !important; background: none !important; }
	
	#partner li {
		background: none !important;
	}