* {margin: 0px; padding: 0px; text-align:left;}
html {	 
	width: 100%; 
	background-color: #fff; 
	
}
body {	 
	width: 100%; 
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
}
h1, h2, h3, h4, h5, h6 {font-size:16px; font-weight:bold; color: #20428a; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;}
h3, h4, h5, h6 {font-size:14px;}


a:link, a:visited {
	color: #20428a;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	}
	
a:hover, a:active {
	color: #20428a;
	text-decoration: underline;
	}

.klar {clear: both;}
.eckstein {display:none;}

#kontainer {
	width: 100%;
	text-align: center;
}

#inhalt  {
	display: block;
	width: 1000px;
	height: 670px;
	padding: 46px 73px 53px 48px;
	position: relative;
 	margin: 0px auto;
	background: url(../images/start/start_bgr_64.gif) no-repeat #fff;
}
	





/* Inhalt  _______________________________________________________________________________________________*/
#content  {
	display: block;
	width: 1024px;
	height: 670px;
	background: url("../images/start/titel_wittmund.jpg") no-repeat top left;
}

#topeins:link, #topeins:visited {
	display: block; 
	width:804px; 
	height:488px;
}
	
#kundenlogin:link , #kundenlogin:visited {
	display: block; 
	width:212px; 
	height:37px;
	background: url(../images/start/start_login.jpg) 0px -43px no-repeat;
	position: absolute;
	top: 46px;
	left: 860px;}
	
#kundenlogin:hover, #kundenlogin:active {
	background: url(../images/start/start_login.jpg) 0px 0px no-repeat;
	}

#flashstart {
display: block;
width: 804px;
height: 488px;
position:absolute;
top: 46px;
left: 48px;
z-index: 1;
}

/* Navi  _______________________________________________________________________________________________*/



#navigation li {
	list-style: none;
	z-index: 10;
}


#navigation .button:link,
#navigation .button:visited {
	display: block;
	position: absolute;
	top: 522px;
	left: 69px;
	width: 135px;
	height: 12px;
	background-image: url(../images/start/button_software.gif);
	background-repeat: no-repeat;
	background-position: 14px 0px;

}
#navigation .button:hover,
#navigation .button:active {
	background-position: 14px -26px;
}

#navigation .eins:link,
#navigation .eins:visited {
	left: 53px;
	background-image: url(../images/start/button_software.gif);
}
#navigation .zwei:link,
#navigation .zwei:visited {
	left: 213px;
	background-image: url(../images/start/button_services.gif);
}
#navigation .drei:link,
#navigation .drei:visited {
	left: 373px;
	background-image: url(../images/start/button_partner.gif);
}
#navigation .vier:link,
#navigation .vier:visited {
	left: 535px;
	background-image: url(../images/start/button_referenzen.gif);
}
#navigation .fuenf:link,
#navigation .fuenf:visited {
	left: 696px;
	background-image: url(../images/start/button_seminare.gif);
}


/* Reiter  _______________________________________________________________________________________________*/

#aktuelles {
	display: block; 
	width:199px; 
	height:370px;
	padding: 33px 0px 0px 13px;	
	background: url(../images/start/start_aktuelles_bgr.jpg) 0px 0px no-repeat;
	position: absolute;
	top: 86px;
	left: 860px;}
	
#aktuelllink:link , #aktuelllink:visited {
	display: block; 
	width:212px; 
	height:33px;
	background: url(../images/start/start_aktuelles.jpg) 0px -43px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;}
	
#aktuelllink:hover, #aktuelllink:active {
	background: url(../images/start/start_aktuelles.jpg) 0px 0px no-repeat;
	}


#aktuelles .news:link, #aktuelles .news:visited {
	display: block; 
	width: 189px; 
	padding: 10px 10px 10px 0px;
	background: url(../images/start/start_aktuelles_trenner.jpg) bottom right no-repeat;
	text-decoration: none;
	font-size: 10px;
	line-height: 13px;
	}
#aktuelles .news:hover, #aktuelles .news:active {
	background: url(../images/start/start_aktuelles_trenner.jpg) bottom right repeat-y;
	}

#aktuelles .news:link .datum, #aktuelles .news:visited .datum {
	color:#666666;}
	
	
#termine {
	display: block; 
	width:199px; 
	height:100px;
	padding: 33px 0px 0px 13px;	
	position: absolute;
	top: 326px;
	left: 860px;}
	
#terminlink:link , #terminlink:visited {
	display: block; 
	width:212px; 
	height:33px;
	background: url(../images/start/start_termine.jpg) 0px -43px no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;}
	
#terminlink:hover, #terminlink:active {
	background: url(../images/start/start_termine.jpg) 0px 0px no-repeat;
	}


#termine .termin:link, #termine .termin:visited {
	display: block; 
	width: 189px; 
	padding: 12px 10px 12px 0px;
	background: url(../images/start/start_termine_trenner.jpg) bottom right no-repeat;
	text-decoration: none;
	font-size: 10px;
	line-height: 13px;
	}
#termine .termin:hover, #termine .termin:active {
	background: url(../images/start/start_termine_trenner.jpg) bottom right repeat-y;
	}

#termine .termin:link .datum, #termine .termin:visited .datum {
	color:#666666;}
	
	
	

.microsoftlink {
	display: block;
	width:140px;
	height:50px;
	position: absolute;
	top: 586px;
	left: 861px;
}
	
	
.teaser:link, .teaser:visited {
	display: block;
	width: 134px;
	height: 131px;	
	position: absolute;
	top: 534px;
	background-position: 0px 0px;
	background-image: url(../images/start/start_reiter_bgr_00.gif);
	float:left;
	padding: 10px 9px 10px 18px;
	color:#999999;
	text-decoration: none; 

}
	

.teaser:hover, .teaser:active {
	background-image: url(../images/start/start_reiter_bgr_01.gif);
	color: #20428a;

	}
	
.eins:link, .eins:visited {
	background-image: url(../images/start/start_reiter_bgr_00_neu.gif);
	left: 48px;
}

.eins:hover, .eins:active {
	background-image: url(../images/start/start_reiter_bgr_01_neu.gif);
}
.zwei:link, .zwei:visited {
	left: 209px;
}
.drei:link, .drei:visited {
	background-image: url(../images/start/start_reiter_bgr_00_partner.gif);
	left: 370px;
}

.drei:hover, .drei:active {
	background-image: url(../images/start/start_reiter_bgr_01_partner.gif);
	}
	
.vier:link, .vier:visited {
	left: 530px;
}

.fuenf:link, .fuenf:visited {
	left: 691px;
}



/* Fuss */
#fuss {
	display: block;
	width: 1024px;
	height: 25px;
	position: absolute;
	top: 685px;
	left: 48px;
	background: url(../images/start/start_fuss_bgr.jpg) repeat-x;
	color: #8f9dc0;
	font-size: 9px;
	line-height: 32px;
	text-align:center;
	letter-spacing: 1.1px;
	padding-top: 6px;
}

#fuss a:link, #fuss a:visited {color: #8f9dc0; text-decoration:none;}
#fuss a:hover, #fuss a:active {color: #fff;}