/* Formatierung von HTML-Elementen */

html   {height: 100%; }
*      {margin:0 auto;}
body  {
	height: 100%;
	font-family: "Verdana", helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 14px;
	color: #9c9d9f;
	margin:0 auto;
	background-color: #ffffff;
}


h1 {
	font-size:16px;
	font-weight:normal;
	line-height: 30px;
	letter-spacing: 0px;
	color:#656365;
	text-decoration:none;
	margin-top: 75px;
	margin-left: 80px;
}

h2 {
	font-size:14px;
	font-weight:normal;
	line-height: 14px;
	letter-spacing: 0px;
	color:#656365;
	text-decoration:none;
}

h3 {
	font-size:12px;
	font-weight:normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #656365;
	text-decoration:none;
	margin-top: 10px;
}

small {
	font-size:10px;
	font-weight:normal;
	line-height: 12px;
	letter-spacing: 0px;
	color:#707172;
	text-decoration:none;
}

span {
	float: left;
}

.start1 {
	font-size: 18px; 
	color: #656365;
	margin-top: 75px;
	margin-left: 80px;

}

.start2 {
	font-size: 16px; 
	color: #656365;
	line-height: 30px;
	margin-top: 35px;
	margin-left: 80px;
}


p {
	font-size:12px;
	font-weight:normal;
	line-height: 18px;
	letter-spacing: 0px;
	color:#656365;
	margin-left: 80px;
	text-decoration:none;
	text-align:left;
	padding: 0px;
}

a {
	font-size:12px;
	color:#9c9d9f;
	text-decoration:underline;
}

a:hover {
	color:#656365;
	text-decoration:underline;
}

.clear {
	height:20px;
}

.link {
	font-size:12px;
	letter-spacing: 0px;
	color:#b7251d;
	text-decoration:underline; 
	cursor:pointer;
}

.link:hover  {
	font-size:12px;
	letter-spacing: 0px;
	color:#707172;
	text-decoration:underline; 
	cursor:pointer;
}


/* Grundgeruest */

#main {
	width:950px;
	height: 700px;
	background-color:#ffffff;
}

#header {
	height:205px;
	width: 950px;
	float: left;
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
}

#navi{
	height:125px;
	width: 610px;
	margin-top: 62px;
	float: left;
	background: url(../images/navi-sprite.jpg) ;
	background-repeat:no-repeat;
}

#navi ul {
	list-style: none;
	padding-left: 100px;
	margin: 0;
	float: left;
}

#navi li, #navi a {
	height: 125px;
	display: block;
	margin: 0;
	padding: 0;
}

#navi li {
	float: left;
	list-style:none;
	display:inline;
	margin: 0;
	padding: 0;
}


#audio {width: 125px;}
#print {width: 125px;}
#web {width: 125px;}
#multimedia {width: 125px;}

#audio a:hover {background: url(../images/navi-sprite.jpg) -100px -125px no-repeat;}
#print a:hover {background: url(../images/navi-sprite.jpg) -225px -125px no-repeat;}
#web a:hover {background: url(../images/navi-sprite.jpg) -350px -125px no-repeat;}
#multimedia a:hover {background: url(../images/navi-sprite.jpg) -475px -125px no-repeat;}

#audioaktiv {width: 125px; background: url(../images/navi-sprite.jpg) -100px -125px no-repeat;}
#printaktiv {width: 125px; background: url(../images/navi-sprite.jpg) -225px -125px no-repeat;}
#webaktiv {width: 125px; background: url(../images/navi-sprite.jpg) -350px -125px no-repeat;}
#multimediaaktiv {width: 125px; background: url(../images/navi-sprite.jpg) -475px -125px no-repeat;}


#words{
	width: 195px;
	float: left;
	margin-top: 15px;
	text-align: left;
	background-color: #f3f3f3;
	border: 1px solid #9c9d9f;
	line-height:26px;
	padding: 2px 0 2px 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#words ul {
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#words li {
	float: left;
	font-size:12px;
	margin-left: 0px;
	margin-right:9px;
	padding: 0 0 0 0;
}

#words a {
	float: left;
	text-decoration: none;
	color: #9c9d9f;
}

#words a:hover {
	float: left;
	text-decoration: underline;
	color: #656365;
}

.hl {
	float: left;
	font-size:16px;
	line-height:26px;
}

#box {
	width: 185px; 
	float: left; 
	margin-top: 15px;
	background-color: #f3f3f3;
	border: 1px solid #9c9d9f;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 10px;	
}

#box a{
	color: #9c9d9f;
	text-decoration:underline;	
}

#box a:hover{
	color: #656365;
	text-decoration:underline;	
}

#boxError .error {
	width: 270px; 
	float: left; 
	margin-top: 15px;
	background-color: #f3f3f3;
	border: 1px solid #9c9d9f;
	padding: 10px;
	font-size:12px;
	font-weight:normal;
	line-height: 18px;
	letter-spacing: 0px;
	color:#CC0000;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#player {
	width: 270px; 
	float: left; 
	margin-top: 15px;
	background-color: #f3f3f3;
	border: 1px solid #9c9d9f;
	padding: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#player img{
	border: 0px;
	margin: 8px;
}

object {
	margin-top: 10px;
}

#info {
	width: 270px; 
	float: left; 
	margin-top: 15px;
	background-color: #f3f3f3;
	border: 1px solid #9c9d9f;
	padding: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

#info ul{
	float: left; 
	list-style-type:circle;
	margin: 0 0 0 0;
	padding: 7px 0 0 10px;
}

#info li{
	font-size:12px;
	color:#656365;
	margin-left: 10px;
	padding: 5px 0 0 0;
}

#gallery {
	width: 420px; 
	float: left; 
	margin-top: 50px;
	padding-left: 105px;
}

#inhaltStart {
	width: 950px;
	height: 455px;
	float:left;
	background-image:url(../images/content-start.jpg);
	background-repeat: no-repeat;
}

#inhaltContainer {
	width: 950px;
	height: 455px;
	float:left;
	background-image:url(../images/content.jpg);
	background-repeat: no-repeat;
}

#inhaltLeft {
	width: 685px;
	height: 455px;
	float:left;

}

#inhaltRight {
	width: 265px;
	height: 455px;
	float:left;

}

#footer  {
	height: 40px;
	width: 950px;
	float: left;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	padding-left: 125px;
	font-size: 10px;
	color: #656365;
}


#footer a { 
	font-size: 10px;
	line-height: 40px;
	font-weight:regular;
	color: #656365;
}		

#footer a:hover { 
	font-size: 10px;
	line-height: 40px;
	font-weight:regular;
	color: #9c9d9f;
	text-decoration: underline;
}		


/* kontaktformular styles: */
form {float:left; padding:0; margin: 0;}
form#kontaktformular { margin: 0; width:500px; padding-left: 80px; margin-top: 10px;}
form#kontaktformular fieldset{ padding:0; margin: 0; border:0;}
form#kontaktformular label { width:120px; height:22px; margin-top:10px; display:block; float:left; color: #656365;}
form#kontaktformular .eingabe { width:248px; height:20px; margin-top:10px; background-color: #f3f3f3; border: 1px solid #9c9d9f; float:left; color: #656365;}
form#kontaktformular textarea { width:248px; height:140px; background-color: #f3f3f3; border: 1px solid #9c9d9f; margin-top:10px; float:left; color: #656365; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size: 11px;font-weight:normal;} 
form#kontaktformular .button { height: 23px; width: 98px; margin-top:10px;  margin-left: 272px; background-color: #656365;;  color: #ffffff; border: 0px;}
form#kontaktformular br { clear:both; }