/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
	----------------------------------------------
	
	© more than code á designstudio á hamburg 2010
		
*/


body
{
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
}
	
a:focus
{ /* Macht den Rahmen um Links im Firefox weg */
	outline: none;
}


h1
{
	line-height: 20px;
	font-size: 25px;
	font-weight: normal;
	margin: 60px 0 60px 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* fuer opera */
}

	
h2{line-height: 20px;
	font-size: 18px;
	font-weight: normal;
	margin:0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* fuer opera */
}
	
a
{

	border-bottom: #AFA5A4 1px dotted;
	text-decoration: none;
	color: #FFF;
}

a:hover
{

	border-bottom: #FFF 1px solid;
	text-decoration: none;
	color: #FFF;
}
	
.image
{
	border: white 1px solid;
	margin-top:5px;
}

.break /* fuer safari / chrome */
{
	padding-bottom: 10px;
	display: block;
} 

br {line-height: 10px;}





/* -------------------------------------------------------------------------------------------------
	Containers
-------------------------------------------------------------------------------------------------- */



.head 
{ 
	height: 150px; 
}

.content
{
	background-image: url(../assets/bg-content.png);	
	background-repeat: repeat;
	width:100%;
}

.foot 
{ 
	height: 230px; 
	color: #574F4D;
}
.foot a {color: #574F4D;}
.foot a:hover {border-bottom: #574F4D 1px solid;}



.wrapper
{
	margin: 0 auto;
	width: 960px;
	padding: 0 15px;
	/*background-image: url(../assets/raster.png);
	background-repeat: repeat-y;*/
}
	
	
	
	
	
/* -------------------------------------------------------------------------------------------------
	Inhalte .content
-------------------------------------------------------------------------------------------------- */	

	

.wrapper_content 
{
	width:720px;  
	position: relative;
}

.darsteller
{
	position: absolute;
	z-index: 99;
	top: 0px;
}


.darsteller_hallo
{
	background: url(../assets/darsteller-hallo.png) no-repeat right 0px;
	width: 250px;
	height: 674px;
	margin-left: 715px;
	margin-top: 24px;
}


.darsteller_aktuelles
{
	background: url(../assets/darsteller-aktuelles.png) no-repeat right 0px;
	width: 226px;
	height: 674px;
	margin-left: 734px;
	margin-top: 24px;
}


.darsteller_archiv
{
	background: url(../assets/darsteller-archiv.png) no-repeat right 0px;
	width: 241px;
	height: 672px;
	margin-left: 719px;
	margin-top: 35px;
}


.darsteller_download
{
	background: url(../assets/darsteller-download.png) no-repeat right 0px;
	width: 249px;
	height: 672px;
	margin-left: 716px;
	margin-top: 25px;
}


.darsteller_vita
{
	background: url(../assets/darsteller-vita.png) no-repeat right 0px;
	width: 367px;
	height: 493px;
	margin-left: 615px;
	margin-top: 175px;
}


.schatten_head { width: 1058px; height:19px; background: url(../assets/schatten-head.png) no-repeat 0px 0px;margin: 0 49px 0 -49px;}
.schatten_foot {width: 1058px; height:19px; background: url(../assets/schatten-foot.png) no-repeat 0px 0px;margin: 75px 49px 0 -49px;}

.logo {width: 222px; height:53px; background: url(../assets/logo.png) no-repeat 0px 0px;margin: 63px 0px 0 15px;}


.schatten-hallo-stoerer-oben
{
	background-image: url(../assets/schatten-hallo-stoerer-oben.png);
	background-repeat: no-repeat;
	width:702px;
	height:14px;
	margin: 40px 0 20px 0px;
}


.schatten-hallo-stoerer-unten
{
	background-image: url(../assets/schatten-hallo-stoerer-unten.png);
	background-repeat: no-repeat;
	width:702px;
	height:14px;
	margin: 20px 0 40px 0px;
}




/* -------------------------------------------------------------------------------------------------
	Grid >> Global
-------------------------------------------------------------------------------------------------- */	


.grid_1,
.grid_2,
.grid_4,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_12,
.grid_16
{
	display: block;
	float: left;
	padding: 0 15px;
	/*margin: 10px 0 10px 0;
	background-color: aqua;*/
}

.grid_1 /* download button */
{
	width: 30px;
	background-color: lime;
}

.grid_2 {
	width: 90px;
}

.grid_4 {
	width: 210px;
}

.grid_7 /* aktuelles slider */
{
	width: 390px;
}

.grid_8 {
	width: 450px;
}

.grid_9 {
	width: 510px;
}

.grid_10 {
	width: 570px;
}

.grid_12 {
	width: 690px;
}

.grid_16 /* head */
{
	width: 930px;
}




/* -------------------------------------------------------------------------------------------------
	Foot Menue
-------------------------------------------------------------------------------------------------- */

.telefon
{
	background-image: url(../assets/icon-telefon.jpg);
	background-repeat: no-repeat;
	height: 200px;
	background-position: 15px 0;
}

.adresse {margin:45px 0 0 0}
.fn,.adr{margin-bottom:10px;}
.rss {margin:44px 0 0 0; width:140px;}
.info {margin:-46px 30px 0 0;}
.facebook {margin:7px 0 -2px 0; width:140px;}
.v_card{margin:11px 0 22px 0px;width:140px;height:15px;}

.rss a
{
	background: url(../assets/btn-rss.png) no-repeat 106px 0;
	height:23px;
	padding-top:1px;display:block;border:0
}

 a#info
{
	background: url(../assets/btn-info.png) no-repeat 0px 0;
	height:15px;width:29px;
	padding-top:0px;display:block;border:0;
}

.facebook a
{
	background: url(../assets/btn-facebook.png) no-repeat 106px 0;
	height:23px;
	padding-top:1px;display:block;border:0
}

.v_card a { 
	background: url(../assets/btn-vcard.png) no-repeat 105px 0px;
	height:22px; 
	padding-top:2px;display:block;border:0}
	
	
.v_card a:hover {background-position: 105px -24px;border:0;}
.rss a:hover {background-position: 106px -24px;border:0;}
a#info:hover {background-position: 0px -15px;border:0;}
.facebook a:hover {background-position: 106px -24px;border:0;}

.v_card a span,
.rss a span,
.facebook a span{border-bottom: #AFA5A4 1px dotted; text-decoration: none;}
	
.v_card a:hover span,
.rss a:hover span,
.facebook a:hover span{border-bottom: #574F4D 1px solid; text-decoration: none;}




a.logo_mtc
{
	background: url(../assets/logo-mtc.png) no-repeat 0 -17px;
	overflow:hidden;
	text-indent:-1999px;
	display:block;
	border:0;
	height: 17px;
	margin-top:147px;
}

a.logo_mtc:hover{background-position: 0 0px;border:0;}


/* tooltip styling */

.tooltip{
	display:none;
	background:url(../assets/bg-tooltip.png);
	height:242px;
	padding:30px 0px 0px 35px;
	width:597px;
	color:#574F4D;
	margin:10px 0 0 0;
	z-index:100;
}


/* -------------------------------------------------------------------------------------------------
	Menue
-------------------------------------------------------------------------------------------------- */



.menue
{
	display: block;
	margin: 5px 0 30px -55px;
}

.menue ul
{
	list-style-type: none;
}

.menue li
{
	float: left;display: block;height: 34px;
}

.menue li a {display: block;height: 34px;border-bottom: 0;}

.menue li a.menue_hallo
{
	background: url(../assets/menue-hallo.png) no-repeat 0 -34px;
	width: 101px;	
}

.menue li a.menue_aktuelles
{
	background: url(../assets/menue-aktuelles.png) no-repeat 0 -34px;
	width: 140px;
}

.menue li a.menue_archiv
{
	background: url(../assets/menue-archiv.png) no-repeat 0 -34px;
	width: 117px;
}

.menue li a.menue_download
{
	background: url(../assets/menue-download.png) no-repeat 0 -34px;
	width: 145px;
}

.menue li a.menue_vita
{
	background: url(../assets/menue-vita.png) no-repeat 0 -34px;
	width: 102px;
}

.menue li a.menue_hallo:hover,
.menue li a.menue_aktuelles:hover,
.menue li a.menue_archiv:hover,
.menue li a.menue_download:hover,
.menue li a.menue_vita:hover
{
	background-position: 0 -68px;
}

.menue li.menue_hallo
{
	background: url(../assets/menue-hallo.png) no-repeat 0 0px;
	width: 101px;	
}

.menue li.menue_aktuelles
{

	background: url(../assets/menue-aktuelles.png) no-repeat 0 0px;
	width: 140px;
}

.menue li.menue_archiv 
{
	background: url(../assets/menue-archiv.png) no-repeat 0 0px;
	width: 117px;
}

.menue li.menue_download 
{
	background: url(../assets/menue-download.png) no-repeat 0 0px;
	width: 145px;
}

.menue li.menue_vita 
{
	background: url(../assets/menue-vita.png) no-repeat 0 0px;
	width: 102px;
}

.menue li span 
{
	display: none;
}



/* -------------------------------------------------------------------------------------------------
	Clear Floated Elements
-------------------------------------------------------------------------------------------------- */


/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}