/* CSS Document */

body * {
  margin: 0px;
  padding: 0px;
}

body {
	margin:0px;
	padding:0px;
	font-family:"Comic Sans MS", sans-serif;
	font-size:13px;
	color:#4F2D12;
	background-color:#cbc0a0;
	line-height:17px;
	font-weight:normal;
	text-align:justify;
	border:0px;	
}
#startsite {
	padding:0;
	width:1055px;
	height:690px;
	position:absolute;
	top:50%;
	left:50%;
	background-image:url(../images/sonstiges/start.png);
	background-color:#cbc0a0;
	background-repeat:no-repeat;
	background-position:center;
	margin:-345px 0 0 -527px;
	display: block;
}

#site {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann 
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 
  /*border:1px solid #0f0;  für die Zentrierung selbst nicht nötig */ 

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:1055px;      /* Breite insgesamt 1055px (1055px) */
  height:690px;
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
	background-image:url(../images/sonstiges/background.png);
	background-color:#cbc0a0;
	background-repeat:no-repeat;
	background-position:center;
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-345px 0 0 -527px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/*--------------------------------------------- Logo - Hacks für IE - begin -------------*/
 /* Extrawurst für IE6 */
*html #site {
	background-image:url(../images/sonstiges/background_IE6.jpg);
}
 /*--------------------------------------------- Logo - Hacks für IE - end -------------*/

#logo {
	position:absolute;
	width:185px;
	height:178px;
	left:790px;
	top:50px;
	background-image:url(../images/logo/logo.png);
}

/*--------------------------------------------- Logo - Hacks für IE - begin -------------*/
 /* Extrawurst für IE6 */
*html #logo {
	background-image:url(../images/logo/logo_IE6.jpg);
}
 /*--------------------------------------------- Logo - Hacks für IE - end -------------*/

#headline {
	position:absolute;
	width:405px;
	height:150px;
	left:76px;
	top:45px;
	font-size:45px;
	font-weight:bold;
	text-align:left;
	overflow:visible;
	line-height:85px;
	color: #D4BF8A;
}


#subheadline {
	position:absolute;
	width:352px;
	height:100px;
	left:361px;
	top:105px;
	font-size:17px;	
	font-weight:normal;
	text-align:left;
	margin:0px;
	line-height:60px;
}

h1 {
	font-size:20px;
	font-weight:normal;
	text-align:left;
	margin:0px;
	line-height:15px;
}

h2 {
	font-size:16px;
	font-weight:normal;
}

h3 {
	font-size:14px;
	font-weight:normal;
	line-height:15px;

}

#navi {
	position:absolute;
	width:500px;
	height:19px;
	left:196px;
	top:200px;
	font-size:14px;
	text-align:left;
	line-height:20px;
	margin:0px;
}

#navi ul {
	list-style-type:none;	
}

#navi ul li {
	width:auto;
	float:left;
	text-align:left;	
}

a {
	font-weight:normal;
	color:#4f2d12;
	text-decoration:none;
}

a:link {
	font-weight:normal;
	color:#4f2d12;
	text-decoration:none;
}

a:hover {
	font-weight:normal;
	color:#4f2d12;
	text-decoration:none;
}

.activelink {
	font-weight:bold;
	color:#4f2d12;
}

#unternavi {	
	position:absolute;
	width:115px;
	height:auto;
	left:63px;
	top:274px;
}

.unternavi {
	font-size:14px;
	line-height:21px;
	text-align:left;
	margin:0px;
	text-align:left;
}

.unternavilink {
	font-size:14px;
	color:#d4be8a;
	font-style:normal;
	font-weight:normal;
	
}

li,ul {
	margin:0px;
	padding:0px;
	list-style-type:none;	
}

li {
	position:relative;
	left:8px;
}

ul {
	margin-bottom:16px;	
}

#content_scroll {
	position:absolute;
	float:left;
	overflow:auto;
	width:855px;
	height:370px;
	left:204px;
	top:274px;
}

#content_scroll_text {
	position:absolute;
	width:357px;
	height:363px;
	left:0px;
	top:0px;
}

#content {
	position:absolute;
	width:357px;
	height:358px;
	left:204px;
	top:274px;

}

#galerie {
	position:absolute;
	width:378px;
	height:358px;
	left:599px;
	top:280px;
	/*background-color:#d4be8a;*/
}

#galerie img {
	margin-right: 3px;
  	background-color: #996631;
  	border-width:2px;
 	border-style:solid;
  	border-color:#4F2D12;
}

#galerie a {
	color:#4F2D12;
}

#galerie_ausnahme {
	position:absolute;
	width:387px;
	height:358px;
	left:599px;
	top:280px;
	/*background-color:#d4be8a;*/
}

#galerie_ausnahme img {
  	background-color: #996631;
  	border-width:2px;
 	border-style:solid;
  	border-color:#4F2D12;
}

#galerie_ausnahme a {
	color:#d4be8a;
}

.galerie_ausnahme_abstand {
	margin-right:3px;
}

.thumbnails {
	margin-top:38px;
	margin-right:3px;
}

#titel {
	position:absolute;
	width:200px;
	height:13px;
	right:-40px;
	top:570px;
	left: 920px;
}

#titel2 {
	position:absolute;
	width:250px;
	height:13px;
	right:67px;
	top:570px;
}

.titel {
	font-size:11px;
}

a.link {
	color:#4f2d12;
	text-decoration:underline;
	font-weight:normal;
}

a:hover.link {
	font-weight:normal;
	color:#4f2d12;
	text-decoration:none;
}

#impressum {
	position:absolute;
	width:85px;
	height:18px;
	left:69px;
	top:625px;
	font-size:14px;
	text-align:left;
	margin:0px;
}