body  {
    	font: 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    	background-color: #CCCCCC;
    	margin: 0; 
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #333333;
		background-image:url(../img/body-bg.jpg);
		background-repeat:repeat-x;
		
    }
#container { 
    	position: relative; 
    	width: 1000px;  
		height: 710px;
    	background: #EBEBEB;
    	margin: 0 auto; 
    	text-align: left; 
		border: 1px solid #ABABAB;
		
		
    } 
	
#header { 
    	height: 95px; 
    	background: #6A6D6E; 
		text-align:center;
		padding-top: 25px;
		    	
    } 
	
#keyVisual {
		/*height: 185px;*/
	}
#header h1 {
    	margin: 0; 
    	/*padding: 9px 0; */
    }
#navigation {
		float:left;
    	width: 176px; 
		height: 100%;
		padding: 20px 20px 15px 20px; 

		
    }


/**************************************** Vertikale Navigation ***/
ul#vertNavi {
		list-style: none;
		margin-left:  -40px;
		width: 176 px;
		margin-top: 35px;
}

ul#vertNavi li {
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom: 1px dotted #999999;
}

ul#vertNavi a {
		color:#333333; 
		text-decoration: none;
		display: block;
		/*background-color: #dfdede;*/
		border-left: 3px solid #006633;
		padding-left: 8px;
}

ul#vertNavi a:hover { 
		/*text-decoration:underline;
		color: #009933; */
		background-color: #d9d9d9;
}
ul#vertNavi a:active { 
		/*text-decoration:underline; 
		color: #009933;*/
		background-color: #d9d9d9;
}



/******************************************** Meta Navigation ***/
ul#mNav {
		display: inline;
		list-style: none;
}

ul#mNav li {
		float: left;
		margin-left:15px;
}

#mNav a{
		color: #FFFFFF;
		text-decoration: none;
}

#mNav a:hover{
		text-decoration: underline;
}

#news {
    	width: 176px; 
		height: 100%;
		float: right;
    	padding: 20px 20px 15px 20px; 

    }
	
#news p {
		font-size: 0.85em;
		font-weight: light;
}

#mainContent { 
		float: left;
		width: 486px;
		border-right: 1px  dotted #cccccc;
    	border-left: 1px  dotted #cccccc;
    	padding: 20px 20px 25px 20px; 
		background-color:#FFFFFF;
}

#footer { 
    	padding: 0 10px 0 20px;  
    	background: #009933;
		height: 30px;
		font-size: 0.85em;
		
    } 
	
#footer p {
		float: left;
    	margin: 0; 
    	padding: 7px 0; 
		
    }
	
#footerStart { 
		margin-top:115px;
    	padding: 0 10px 0 20px;  
    	background: #6a6e6d;
		height: 30px;
		font-size: 0.95em;
		
    } 
	
#footerStart p {
		color:#ffffff;
		float: left;
    	margin: 0; 
    	padding: 7px 0; 
		font-size: 1em;
		
    }
	
#metaNavigation {
		float: right;
		padding: 7px 0;
		width: 390px;
		
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
	
.clearer {
		clear: both;
		line-height: 0px;
}

/*************************************** TYPO ************************/
h1, h4 {
		color: #009933;
}

#footer {
		color: #FFFFFF;
}

p {
		line-height: 150%;
}

a {
		color:#333333; 
		text-decoration: none;
}
a:link {
		text-decoration:none; 
		color:#333333; 
}
a:hover { 
		/*text-decoration:underline;*/
		color: #009933; 
}

a:active { 
		/*text-decoration:underline; */
		color: #009933;
}

#footerStart a.fb-link {
	color: #fff;
	text-decoration: none;
}

#footerStart a.fb-link:hover {
	text-decoration: underline;
}

/*************** Main Navigation im Header ********************/
#header-logo {
		/*margin-top: 25px;
		padding-left: 40px;*/
		position: relative;
		left: 100px;
		
}


#headerNavi {
		float: right;
		padding-top: 65px;
		padding-right: 10px;
}

/******************** TeaserBoxen ****************************/
.teaserBox {
		width: 150px;
		height: 300px;
		margin-top: 8px;
		margin-left: 14px;
		float: left;
}


.teaserBox_2010 {
		width: 150px;
		height:300px;
}

.tBoben_2010 {
/*		background-image: url(../img/index-dummy-oben.gif);
		background-repeat: no-repeat;
		height: 206px;
*/		
		height:190px !important;
		overflow:hidden;		
}

.tBoben_2010 img {

}
.tBmitte_2010 {
	padding:1px 5px !important;
	height:105px !important;
}
.tBmitte_2010 ul {
	margin:3px 0px !important;
}

.tQuer {
	width:315px;
	height:61px;
	position:absolute;
	top:611px;
	display:block;
	background-repeat: no-repeat;

}
.tMisos {
	margin-left:670px;
	background:url(../img/teaser/110729-mgr.png);
}
.tFord {
	margin-left:15px;
	background:url(../img/teaser/110729-gfc.png);
}

.tCallaway {
	margin-left:340px;
	background:url(../img/teaser/110729-cal.png);
}

#tBobenSchool {
		background-image: url(../img/index-oben-school.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenCourse {
		background-image: url(../img/index-oben-course.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenShop {
		background-image: url(../img/index-oben-proshop.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenBusiness {
		background-image: url(../img/index-oben-business.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenConsulting {
		background-image: url(../img/index-oben-consulting.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenTours {
		background-image: url(../img/index-oben-tours.gif);
		background-repeat: no-repeat;
		height: 206px;
}




#tBobenSchool_new {
		background-image: url(../img/index-oben-school_new.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenCourse_new {
		background-image: url(../img/index-oben-course_new.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenShop_new {
		background-image: url(../img/index-oben-proshop_new.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenBusiness_new {
		background-image: url(../img/index-oben-business_new.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenConsulting_new {
		background-image: url(../img/index-oben-consulting_new.gif);
		background-repeat: no-repeat;
		height: 206px;
}

#tBobenTours_new {
		background-image: url(../img/index-oben-tours_new.gif);
		background-repeat: no-repeat;
		height: 206px;
}

.tBmitte {
		background-image: url(../img/index-dummy-mitte.gif);
		background-repeat:repeat-y;
		height: 120px;
		padding: 5px;
		
}

.tBunten {
		background-image: url(../img/index-dummy-unten-neu.gif);
		background-repeat:no-repeat;
		height: 40px;
}

.teaserBox ul {
		/*list-style-image: url(../img/bullet-image.gif);*/
		list-style-type: square;
}

.teaserBox ul li {
		margin-left: -12px;
}


/***************** IntroLinks ************************/
.tBunten a {
		color: #FF0000;
		font-size: 0.8em;
		margin-top: -5px;
}

.tBunten a:hover {
		text-decoration: underline;
}

.tBunten a:visited {
		color: #FF0000;
}


.tBunten {
		text-align: center;
}

img {
border: 0px;
}

/************* 404 *******************/
.404 {
	list-style-type: none;
}

/******************** weatherTool ******************************/
div#weatherTool {
	margin-left: 10px;
	margin-top: 50px;

}

/*** startteaser onlineshop ***/
img#startteaser {
	position: relative; 
	top: -350px; 
	left: 300px;  
	z-index: 100;
}










.newsticker {
	width:969px;
/*	background: url(../img/marquee.jpg);*/
	position:absolute;
	top:675px;
	left:0px;
	padding-top:2px;
	height:16px;
	font-size:0.92em;
	margin-left:15px;
	color:#666;
}
.newsticker_overlay {
	width:969px;
	background: url(../img/marquee.png);
	position:absolute;
	top:675px;
	left:0px;
	padding-top:2px;
	height:16px;
	font-size:0.92em;
	margin-left:15px;
}



.misoFordContainer {
	position:absolute;
	top: 10px;
	right:10px;
	}
	
.misoFordContainer a {
	display:block;
	float:left;
	width:157px;
	height:23px;
	margin-left:5px;
	}

.topLinkMisos {
	background:url(../img/toplink_miso.png);
	}

.topLinkFord {
	background:url(../img/toplink_ford.png);
	}
	
	

