/*-----------------------------------
	MUNICH-NORTHSIDE STYLE.CSS
	LUKAS ACKERMANN
	
	Letze Bearbeitung: 28.12.08
-----------------------------------*/


body {
	margin:0;
	padding:0;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#fff;
	text-align:left;
	background-image:url(background.jpg);
	background-repeat:repeat;
	background-position:top left;
}
	
a:link, a:visited, a:active { 	
	color:#009ec5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6 { 
	font-size:1.1em;
	font-family:"Century Gothic", Verdana, sans-serif;
	font-weight:normal;
	color:#009ec5;
}

img {
  border : 0;
}


/*------------------------------
	KLASSEN
------------------------------*/

.clear {
	clear:both;
}

.error {
	padding:10px;
	background-color:#fce7e4;
	border:1px dashed #cc0000;
	color:#cc0000;
	list-style:none;
	font-weight:bold;
	width:430px;
}

.ok {
	padding:10px;
	background-color:#f4f3d3;
	border:1px dashed #769729;
	color:#769729;
	width:430px;
}

.Bereich, .Feld {
	padding:3px;
	background-color:#fff; 
	width:300px;
	height:15px;
	border:1px solid #dedede;
	border-bottom:2px solid #dedede;
	color:#626c75;
}

.Bereich { 
	height:60px;
}

.Button { 
	color:#fff;
	width:100px;
	height:25px;
	border-left:1px solid #768ea4;
	border-top:1px solid #768ea4;
	border-right:1px solid #182430;
	border-bottom:1px solid #182430;
	background-color:#768ea4; 
}

.kontaktformular { 
	margin-top:10px; 
}

.kontaktformular td {
	padding-bottom:10px;
}

.ohne, .ohne_unterstrichen, .kontaktadressen { /* Liste ohne Einrückung und Symbol*/
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

.ohne_unterstrichen li  { 
	border-bottom:1px dashed #dcdcdc;
	padding-bottom:7px;
	padding-top:7px;
}

.neue_themen, .kontaktadressen li { 
	border-bottom:1px dashed #2c2c2c;
	padding-bottom:7px;
	padding-top:7px;
}

.media {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

.media li {
	float:left;
	border-bottom:1px dashed #dcdcdc;
	padding-bottom:7px;
	height:30px; 
	width:300px;
	padding-top:7px;
}

.crew {
	margin-left:0;
	padding-left:0;
	margin-left:-25px;
}

.crew li {
	float:left;
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	padding-left:25px;
	padding-bottom:5px;
}


.infotext_sidebar  {
	font-size: 10px; 
	color:#5b5a58; 
}


.flLeft {
	float:left;
}

.flRight {
	float:right;
}

.teaser {
	padding-bottom:10px;
	border-bottom:1px dashed #dcdcdc;
	margin-bottom:10px;
}



ul.article-list, ul.article-list-content {
    list-style-type:none;
	margin-left:0;
	padding-left:0;
}

ul.article-list li {
  	border-bottom:1px dashed #2c2c2c;
	padding-bottom:7px;
	padding-top:7px;
}

ul.article-list-content {
	margin-top:20px;
}

ul.article-list-content li {
	width:90px;
	height:40px;
	background-color:#363636;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	border-bottom:3px solid #dcdcdc;
}

.article-list-content a {
	color:#dcdcdc;
}

.article-list-content a:hover {
	color:#009ec5;
}


/*------------------------------
	Container
------------------------------*/
	
	
#container {
	margin: 0px;
	width: 871px;
}

	
#header {
	height:297px;
	width:871px;
	background-image:url(header_bg.jpg);
	background-repeat:no-repeat;
}

#menu {
	margin-top:209px;
	float:left;
}

	
#main {
	float:left;
	width:486px;
	background-color:#2c2c2c;
	padding-left:70px;
	padding-right:10px;
	padding-bottom:10px;
}
	

#sidebar a, .footer a { 
	color:#2c2c2c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#sidebar a:hover, .footer a:hover { 
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


#sidebar {
	float:right;
	width:215px;
	padding-left:10px;
	color:#2c2c2c;
	margin-right:70px;
}

.footer {
	color:#2c2c2c;
	font-size:11px;
	margin-left:70px;
	padding-bottom:20px;
}

#shortnews {
	position:absolute;
	top:40px;
	left:464px;
}


/*------------------------------
	jQUERY
------------------------------*/

 
.svw {
	width: 50px; 
	height: 20px; 
	background: #fff;
}
 
.svw ul {
	position: relative; 
	left: -999em;
} 
 
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	border: 3px solid #dcdcdc;   
	margin: 0 0 1px 0; 
} 

.stripViewer ul { /* Bilder ul */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%; 
	list-style-type: none; 
} 

.stripViewer ul li {  
	float:left; 
} 
.stripTransmitter { 
	overflow: auto; 
	width: 1%; 
} 

.stripTransmitter ul { 
	margin: 0; 
	padding: 0; 
	position: relative; 
	list-style-type: none; 
}
 
.stripTransmitter ul li{ 
	width: 20px; 
	float:left; 
	margin: 0 1px 1px 0; 
} 

.stripTransmitter a{ 
	font: 10px Verdana, Arial; 

	
	width: 15px;
height: 15px;
text-align: center;  
color: #fff; 
text-decoration: none; 
display: block; 
margin-top:5px;
} 

.stripTransmitter a:hover, a.current{ 
	background: url(hover_pictures.gif);
	background-repeat:no-repeat;
	color: #fff; 
} 



/*------------------------------
	GERENDERTE ÜBERSCHRIFT
------------------------------*/


@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:5px;
	}
}

@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}