body  {
    	font: 0.9em "Trebuchet MS", 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;
		
    }
    
img {
	border: 0px;
}

#container { 
    	position: relative; 
    	width: 960px;  
    	background: #EBEBEB;
    	margin: 0 auto; 
    	text-align: left; 
		border: 1px solid #ABABAB;
		
    } 
	
#header { 
    	height: 121px; 
    	background: #6A6D6E; /*#666666*/
		    	
    } 
	
#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 #00A600;
		padding-left: 8px;
}

ul#vertNavi li.mNaviAct a{
		color:#333333; 
		text-decoration: none;
		display: block;
		border-left: 3px solid #6A6D6E;
		padding-left: 8px;
		background-color: #dfdede;
}

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

ul.ullevel2 {
		list-style: none;
		margin-left: -34px;
}

#vertNavi ul.ullevel2 li.li2no{
		border: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		background-color: #dfdede;
		
}

#vertNavi ul.ullevel2 li.li2no a{
		border-left: 0px;
		margin-left: 0px;
		/*background-color: #dfdede;*/
		
}

#vertNavi ul.ullevel2 li.li2no a:hover{
		margin-left: 0px;
		border-left: 0px;
		text-decoration: underline;
		/*background-color: #EBEBEB;*/
}

#vertNavi ul.ullevel2 li.li2act {
		border-left: 0px;
		border-bottom: 0px;
		margin-left: 0px;
		padding-left: 8px;
		background-color: #dfdede;
		font-weight: bold;
		
}

#vertNavi ul.ullevel2 li.li2act a{
		border-left: 0px;
		border-bottom: 0px;
		margin-left: 0px;
		padding-left: 8px;
		background-color: #dfdede;
		font-weight: bold;
		
}

#vertNavi ul.ullevel3 {
		list-style: none;
		margin-left: -34px;
		font-weight: normal;
}

#vertNavi ul.ullevel3 a{
		text-decoration: none;
}



#vertNavi .ullevel3 li.li3no{
		border: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		background-color: #dfdede;
		text-decoration: none;
		
		
}

#vertNavi .ullevel3 li.li3no a.dummy{
		border-left: 0px;
		margin-left: 0px;
		text-decoration: none;
		/*background-color: #dfdede;*/
		font-weight: normal;
		
}

#vertNavi .ullevel3 li.li3no a:hover{
		margin-left: 0px;
		border-left: 0px;
		text-decoration: underline;
		
		
}

#vertNavi .ullevel3 li.li3act {
		border-left: 0px;
		border-bottom: 0px;
		margin-left: 0px;
		padding-left: 8px;
		margin-right: 4px;
		/*text-decoration: underline;*/
		background-color: #EBEBEB;
		
}
/******************************************** 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;
}



#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: #00A600;
		height: 32px;
		font-size: 0.85em;
		
    } 
	
#footer p {
		float: left;
    	margin: 0; 
    	padding: 7px 0; 
		
    }
	
#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 {
		color: #00A600;
		font-size: 1.5em;
}

h2 {
		font-size: 1.3em;
}

h3 {
		font-size: 1.1em;
}

#footer {
		color: #FFFFFF;
}

p {
		line-height: 145%;
}

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

a:active { 
		text-decoration:underline; 
		color: #333333;
}

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

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


/*#header-school {
		margin-top: 15px;
		margin-left: 55px;
}

#header-course {
		margin-top: 15px;
}

#header-proshop {
		margin-top: 15px;
}

#header-business {
		margin-top: 15px;
}

#header-consulting {
		margin-top: 15px;
}

#tours {
		margin-top: 15px;
}*/

/**************************** Suche *******************************/
#suche {
		border-bottom: 1px dotted #999999;
}
	
#suchInput {
		margin: -15px 0px 15px 0px;
		border: 1px solid #999999;
		float: left;
}

#go-button-suche {
		margin: -15px 0px 15px 10px;
		/*border: 1px solid #00A600;*/
		
		
}


/*************** BreadCrumb ****************************/
.breadcrumb {
		display: inline;
		list-style-type: none;
		margin-left: -40px;
		font-size: 0.75em;		
}

.breadcrumb li {
		display: inline;
}
ul.breadcrumb li.lino a{
		/*float: left;*/
}


/*************** contenFooter *********************/

.footerTop {
		padding: 25px 8px 15px 0px; 
		/*margin-top: 15px;
		margin-bottom: 15px;*/
		border-bottom: 1px solid #cccccc;
		text-align: right;
}


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

    }
	
img.moreButton {
		margin-right: 4px;
		padding-top: 3px;
}

#news div {
		font-size: 0.9em;
		font-weight: light;
		
}

#news div p {
		line-height: 1.45em;
			
}

.news-latest-gotoarchive {
		margin-top: 12px;
		padding-top: 5px;
		
}

.news-latest-item {
		margin-top: 12px;
		border-bottom: 1px dotted #cccccc;
}

.news-latest-item h3 {
		font-size: 1.2em;
		margin-top: -2px;
		margin-bottom: -8px;
		color: #01A3CB;
}

.news-latest-morelink a{
		margin-top: -3px;
		background-image: url(../img/more-button.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		padding-left: 15px;
}



.news-latest-title-1 {
		color: #007252;

}

.news-latest-title-2 {
		color: #00A600;

}

.news-latest-title-3 {
		color: #BF042F;

}

.news-latest-title-4 {
		color: #01A3CB;

}

.news-latest-title-5 {
		color: #173454;

}

.news-latest-title-6 {
		color: #E38718;

}
.my-news-date {
		font-size: 0.8em;
		height:17px;
		}
/*************** PrintLink *********************/
#printLink {
		margin-right: 8px;
}

/*********** altes Mailform ***************/
.csc-mailform {
	border: 0px;
        /*font-size:0.7em; */
        line-height:140%; 
        margin-bottom:0.6em; 
        font-weight:lighter; 
        vertical-align: top;
}


.mailformLinks {
	float:left;
	width: 90px;
	height: 17px;
	
}

.csc-mailform input {
	border: 1px solid #00A600;
	margin-bottom: 3px;
}

.csc-mailform textarea {
	border: 1px solid #00A600;
}
.csc-mailform-submit {
	background-color: #FFFFFF;
        margin-top: 3px;

}

/*************************** Mailformular ****************************/
table#mailTable input {
		border: 1px solid #00A600;
		width: 180px;
}

table#mailTable textarea {
		border: 1px solid #00A600;
}

table#mailTable input#submitButton {
		width: 80px;
		background-color: #fbfbfb;
}

table#mailTable input.radio {
		width: 20px;
		border: 0px;
}

/********************* downloadLink *************************/
#mainContent a.download{
		background-image: url(../img/download-button.gif);
		padding-left: 15px;
		background-position: 0px 4px;
		background-repeat: no-repeat;
}

#mainContent a.internal-link, #mainContent a.external-link-new-window, #mainContent a.internal-link-new-window{
		background-image: url(../img/more-button.gif);
		padding-left: 15px;
		background-position: 0px 4px;
		background-repeat: no-repeat;
}

/***************** Profile **************************************/
.profil {
		border-top: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-bottom: 2px solid #00A600;
		width: 480px;
		margin-bottom: 30px;
		
}

.profil p {
		line-height: 120%;
		margin-top: 2px;
}

.col1 {
		vertical-align: top;
		width: 75px;
}

.col2 {
		vertical-align: top;
		width: 220px;
		padding-left: 5px;
		padding-top: 0px;
}

.col3 {
		vertical-align: top;
		border-left: 1px solid #cccccc;
		padding-left: 10px;
		padding-right: 5px;
		padding-top: 0px;
}

.fett {
		font-weight: bold;
}

.linkImg {
		margin-right: 5px;
}

h5 {
		display: block;
		background-color: #EDEDED; 
		border-bottom: 1px solid #00A600;
		font-size: 1.1em;
		margin-bottom: -8px;
}
/****************** Golfmann *****************************/
img.golfmann {
		margin-left: 40px;
		margin-top: 20px;
}

/******************** weatherTool ******************************/
div#weatherTool {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;

}


/******************** fbTool ******************************/
div#fb {
    background-image: url("../img/footer-facebook.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    height: 40px;
    margin-bottom: 10px;
    padding-left: 40px;
    font-size: 0.8em;
    margin-top: 10px;
}


.misoFordContainer {
	position:absolute;
	top: 10px;
	right:15px;
	}
	
.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);
	}
	
	
/*** Newsletter ***/
div#newsletter {
	background-image: url(../img/cla_newsletter_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	border-bottom: 1px dotted #cccccc;
}

div#newsletter div.text{
	margin-left: 50px;
}
