@charset "UTF-8";

@import url(../font/stylesheet.css);

@media screen, projection
{
	/** Gestaltung des 2013er Layouts **/
	
	/********************************************************************************/
	/** MainLayout Sizing **/
	/********************************************************************************/

  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #dbedf7; padding: 0 0; text-align: center;}

  /* (de) Zentrierung des Layouts in alten IE-versionen */

	.spacer {height: 25px;}

  /** Verbreiterung Screen **/
  .page_margins {
    background: url("../img/bg-pagemargins.png") repeat-y scroll left top #FFFFFF;
    padding: 0 10px !important; /** Padding Content **/
    width: 1020px;
    text-align:left; margin: 0 auto;
	}
	
	.page {    
    padding: 0 !important; /** Padding Content **/
    background: transparent;
	}
	
	#main {
    padding: 4px 20px 0 20px !important; /** Padding Content **/
	}
	
	.blau {color: #0081C7 !important;}
	
	
	#col1 { width: 200px; }
 	#col1_content { padding: 10px 0px 10px 0px; }
  
    #col2 { width: 190px;}
	#col2_content { padding: 10px 0px 10px 0px; }

    #col3 { margin-left: 200px; margin-right: 190px; }
	#col3_content { padding: 10px 0px 10px 0px; }
	#col3_content p {margin-left: 0px;}   
    
    h1.mediaaudio, h1.mediavideo, h1.mediadownload, h1.mediagalerie {
        padding-left: 40px !important;
        padding-bottom: 4px !important;
    }
    
    h1.mediaaudio { background: url("../img/ico-mediaaudio.png") no-repeat scroll left top #0080C7 !important; }        
    h1.mediavideo { background: url("../img/ico-mediavideo.png") no-repeat scroll left top #0080C7 !important; }
    h1.mediadownload { background: url("../img/ico-mediadownload.png") no-repeat scroll left top #0080C7 !important; }
    h1.mediagalerie { background: url("../img/ico-mediagalerie.png") no-repeat scroll left top #0080C7 !important; }
    
    h2.mediaaudio, h2.mediavideo, h2.mediadownload, h2.mediagalerie {
        padding-left: 45px !important;
        margin-left: -47px;
        padding-bottom: 4px !important;
    }
    
    h2.mediaaudio { background: url("../img/ico-mediaaudio.png") no-repeat scroll left top !important; }        
    h2.mediavideo { background: url("../img/ico-mediavideo.png") no-repeat scroll left top !important; }
    h2.mediadownload { background: url("../img/ico-mediadownload.png") no-repeat scroll left !important; }
    h2.mediagalerie { background: url("../img/ico-mediagalerie.png") no-repeat scroll left top !important; }
    
	.rechteseite h3 a, .rechteseite h3 a:hover,  .rechteseite h3 a:link    {
    color: #55646E;
    text-decoration: none;
    }
    
	a:focus, a:hover, a:active {
		color: #4D87C7;
		}
	
	
	/** Header über gesamte Breite **/
	#header {
        background: url("../img/bg-header.jpg") no-repeat scroll left top #fff;
        color: #FFFFFF;
        height: 9.54em;
        padding: 0;
        width: 100%    
    	}
	
	
	/** Footer über gesamte Breite **/
	#footer {   
		background: #a3d1eb url("../img/bg-footer.png") no-repeat bottom right;
        border-top: 0px solid #0081C7;
        line-height: 1.5em;
        margin: 0 auto;
        padding: 0 !important;
        width: 100%;
	}
	
	.madeby1, .madeby2, .madeby3 { display: none;}

	
	/********************************************************************************/
	
	/********************************************************************************/
	/** Header**/
	/********************************************************************************/
	
	
	#header #topnav {
    position: absolute;
    margin: 0px;
    right: 30px !important;
    top: 15px;
    width: 50%;
   }
	
	.suche { margin: 0 !important; }
	
	.suchbutton {   
    border: 0px solid #576570;
    margin: 0;
    position: relative;
	}

	.suchfeld {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e6e6e6 !important;
    color: #666666;
    font-size: 0.9em;
    height: 30px;
    padding: 0px 2px 0px 10px !important;
    border-radius: 5px 0px 0px 5px;
    width: 100%;
	}
    
    .sp2_select {font-weight: bold;}
	
	.sthree, .row .sthree { width: 36px; }	
	.stwelve, .row .stwelve { width: 231px !important; float: right; margin-top: 23px !important;}

	
	#header span {
    color: #55646E;
    text-align: right;
	}

	#topnav a {
    background: none repeat scroll 0 0 transparent;
    color: #55646E;
    font-weight: bold;
    text-decoration: none;
    padding: 0 5px;
	}

	/********************************************************************************/
	
    /********************************************************************************/
	/** Navigation **/
	/********************************************************************************/    
    
    #submenu li ul li ul {}
    #submenu li ul li ul li {padding-left: 5%; width: 90%; padding-bottom: 5px;}
    
    #submenu li ul li ul li a {
        background: url("../img/navi2-dot.gif") no-repeat scroll 2.4em 0.5em transparent;
        color: #000000;
        font-size: 0.9em;
        line-height: 1.3em;
    }
    #submenu li ul li ul li a:hover {
        background: url("../img/navi2-dot.gif") no-repeat scroll 2.4em 0.5em #E4F2F9;
        color: #000000;
        font-size: 0.9em;
        line-height: 1.3em;
    }
	
    /********************************************************************************/
    
	.artikelnav {  
		background: url("../img/bg-menu.png") no-repeat scroll center top; 
		width: 100%; 
		height: 44px;
		overflow: hidden;  
		position:relative; 
		left: 0; 
		z-index: 1222;
		}
        
    .navicontent {
    width: 187px;
    }
	
	/********************************************************************************/
	/** Footer **/
	/********************************************************************************/
	
	#footer ul { margin-left: 0; list-style-type: none !important;  }
	#footer ul li {list-style-type: none !important; margin-left: 0 !important; }
	#footer ul li a { color: #666666; font-weight: normal; text-align: left;}
	#footer ul li a:hover { color: #666666; text-decoration: underline;}
		
	#footer .c15l { width: 140px; }
	#footer .c22l { width: 260px; }
	
	#footer .c22l ul li.pads {	padding-left: 30px;	}
	#footer .c22l ul li:first-child {	margin-bottom: 20px;	}
	#footer .c22l ul li a {	font-size: 0.916em;	}	
	#footer .c22l ul li span { font-size: 0.916em;	color: #55646E; }
	#footer .c22l ul li p {	margin-top: 5px; color: #55646E; font-size: 0.75em; line-height: 1.8;	}	
	
	#footer .c15l ul li a { font-size: 0.916em; display: block; }
	#footer .c15l ul li:first-child a {
		display: block;
		font-family: 'TheSansB7Bold', sans-serif; 
		font-size: 1.083em;
		font-weight: bold; 
		font-style: normal; 
		text-transform: uppercase;
		text-rendering: optimizeLegibility; 
		margin-top: 20px;
		margin-bottom: 5px;			
	}
	
	/********************************************************************************/
	
	.rechteseite.box_first {
    margin-top: 20px !important;
}
	
	/* Breadcrumb: Aktiv = fett  ---------------------- */
	
	.breadcrumb {
    color: #7FC0E3;
    font-size: 0.9em;
    font-weight: normal;
	}
    
    .breadcrumb a {
        color: #0081C7;
        }
	
	.breadcrumb .active {
		font-weight: bold;
	}
    
    .breadcrumb ul li:last-child {
        font-weight: bold;
        }
        
        .audio-top {
			margin-top: -15px;
            margin-bottom: 20px;
			}
	
	/* Multi-Box ---------------------- */
	.multibox-2013 {
    background: url("../img/bg-multibox-2013.png") no-repeat scroll left top #FFFFFF;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 0 !important;
    text-align: left;
    width: 600px;
	}

	.multibox-2013_footer {
    background: url("../img/bg-multibox-2013-unten.png") no-repeat scroll 0 0 transparent;
    height: 8px;
    line-height: 8px;
	}
	
	.multibox-2013 h2 {
		font-size: 1.5em;
		font-family: 'TheSansB6Bold', sans-serif; 
		text-rendering: optimizeLegibility; 
		padding: 15px 0 0 25px;
		color: #006195;
	}
	
	/* 2-Spaltige News ---------------------- */
	.startseitennews-2013 {width: 600px;}
	.startseitennews-2013 h2 a {
		font-family: 'TheSansB7Bold', sans-serif; 
		font-size: 1.66em;
		text-rendering: optimizeLegibility; 
	}
	
	.startseitennews-2013 p a {
		font-size: 1.16em;
		color: #000;
	}
		
	.startseitennews-2013 img {
		margin-top: 2em;
	}
		
	.c270l{ float: right; margin-left: -5px; width: 270px; }
	.c310l {float: left; width: 310px; }
	
	hr.startseitennews-2013-hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #FFFFFF;
    margin: 29px 0 6px;
    padding: 0;
    width: 600px !important;
	}
	
	.teaser {line-height: 18px;}
	
    p.icaption_center {
        border: 1px solid #B2D9EE;
        display: block;
        float: none;
        margin: 0 1em 0.8em 0;
        padding: 0.3em;
        width: 515px;
    }
    
	.topbild { border: 0px solid !important;}
	.topbild strong {background: #e9f4fa !important; padding: 0.7em 0.9em !important; margin-top: -5px !important;}
	.topbild strong a {margin-right: 5px;}
	/* Mehr zum Thema Box 2013 ---------------------- */
	
	.linkboxecke {   
    right: 15px;
	}
	
	
	/* IFrames (FB-PlugIn) ---------------------- 
	iframe {
		overflow: hidden !important;
		background-color: transparent;
		border: 0px solid;
		border-width: 0px;
		}
        
    .addthis_button_facebook_like iframe {
        width: 105px !important;
        }
            
    /** Termine ----------------------------------*/
    
    
    /*### Veranstaltungen ###*/
    .curPageLinkClass {
    	font-weight: bold;
    	color: #000000;
    	text-decoration: none;
    	font-size: 1em;
    }
    .auswahlselect {
    	width: 200px;
    	margin: auto;
    }
    .auswahlselect2 {
    	width: 170px;
    	margin: auto;
    }
    
    #vHeadline {
    	font-weight: bold;
    	width:96%;
    	padding:2%;
    	background: #1A8DCC;
        color: #fff;
    
    }
    #EvTermFilter{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: .9em;
    	white-space:nowrap;
    }
    .FilterRow {
    	background-color:#f5f5f5;
    	padding: 6px 4px;
    }
    .White{
    	float:left;
    	width:100%;
    	padding-top:8px;
    	padding-bottom:8px;
        background:#E5F2FA;
    }
    .EventDetail {
    	float:left;
    	width:100%;
    	padding-top:4px;
    	padding-bottom:4px;
    }
    .Grey{
    	float:left;
    	width:100%;
    	padding-top:8px;
    	padding-bottom:8px;
    	background:#FCFCFC;
    }
    
    .Grey:nth-child(4) {
        margin-top: -14px;
        
    }
    
    .Monthbar{
    	float:left;
    	width:96%;
    	padding:2%;
    	margin-top: 1em;
    	margin-bottom: .5em;
    	background: #1A8DCC;
        color: #fff;
    	font-weight:bold;
    }
    
    #F_Search {
    	width: 250px;
    	border: 1px solid black;
    }
    #Pager {
    	border:1px solid red;
    
    }
    .pager_left {
    	float:left;
    	width:200px;
    }
    .pager_right {
    	float:right;
    	text-align:right;
    	width:300px;
    }
    .events_wrap_left {
    	float:left;
    	width:130px;
    	padding-left: 2%;
    }
    .events_wrap_right {
    	float:right;
    	width:370px;
    }
    .date_detail {
    	font-size:1.2em;
    	font-family:verdana, arial, helvetica, sans-serif;
    	font-weight:bold;
    	padding-bottom:8px;
    }
    
    .detail div {
        line-height: 1.6em;
    }
    
    div.date_detail {
        color: #0072B9;
        font-size: 0.9em;
        font-weight: normal;
        left: 10px;
        position: relative;
        top: -57px;
        padding: 0px;
        display: inline;
    }
    
    .events_wrap_left {
        font-weight: bold;
    }
    
    .events_wrap_right img {
        display: none;
    }
    
    #terminkalender h1 { 
        font-size: 1.5em;
        font-weight: bold;
        letter-spacing: initial;
        line-height: 1.6em;
        margin-top: 1.5em;
        padding-left: 10px;
        margin-bottom: 5px;
    }
    
    #terminkalender h2 { 
        font-size: 1.5em;
        font-weight: bold;
        letter-spacing: initial;
        line-height: 1.6em;
        margin-top: 5px;        
        margin-bottom: 5px;
    }
    
    #terminkalender .monthbar {
        font-weight: bold;        
    }
    
    #terminkalender .eventListItem {
        line-height: 1.6em; 
    }
    
    #terminkalender .eventListItemLeft {
        font-weight: bold;        
    }
    
    
    #terminkalender .headline {
        color: #0081C7;
        font-family: 'TheSansB6SemiBold',sans-serif;
        font-size: 1em;
        margin: 0;
        padding-bottom: 0;
        text-align: center;
    }
    
    #terminkalender .headline > td {
        text-align: left !important;
        
    }
    
    
    #terminkalender #minical { 
        display: none;
    }
    
    #et_headline h1 { display: none;}

    
        
    .social_bookmarks, .social_bookmarks_hr {
        display: none;
    }
    
    /*******************************************************/        
	
	/********************************************************************************/

	/* The Grid ---------------------- */
	.row { width: 100%; margin: 0 auto; }
	.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -5px; }
	.row.collapse .column, .row.collapse .columns { padding: 0; }
	.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -5px; }
	.row .row.collapse { margin: 0; }
	
	.column, .columns { float: left; min-height: 1px; padding: 0 5px; position: relative; }
	.column.centered, .columns.centered { float: none; margin: 0 auto; }
	
	[class*="column"] + [class*="column"]:last-child { float: right; }
	
	[class*="column"] + [class*="column"].end { float: left; }
	
	
	.c20l, .c20r { width: 19%; }
  
  /* Newsletterbox ---------------------- */	
	.snine, .row .snine { width: 195px; }
	.nthree, .row .nthree { width: 79px; }
	.ntwelve, .row .ntwelve { width: 288px !important; float: left; margin-top: 0px !important;}
	/* ------------------------------------ */
    
}