/* ======= Algemeine Definitionen ===================*/
* {
     margin:0;
     padding:0;
     /*border:0*/
}

body{
	background-color: #FFDEAD; /*hier kannst du Hintergrund ändern */
	font: .9em/1.3em Thoma, Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	text-align: center;
}
a:link{
	color: Black;
}
a:visited{
	color: Black;
}
a:hover{
	color: Gray;
}
a.top10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	text-align: center;
	border: 2px solid black;
	background-color: White;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 4px;
	margin-left: 4px;
	font-weight: bold;
}
a.top10:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	background-color: Red;
	font-weight: bold;
}
/* ======== Seiten-Continer ========================*/
#container{
	width: 950px;
	background-color: #FFEED5;
	margin: 10px auto;
	padding: 0px 0px 5px 0px;
	text-align: left;
	border: solid black 1px;
	height: 1350px;
}	 
	 
/* ====== Header ============= */
#content {
	width: 930px;
	background-color: burlywood;
	border: solid black 1px;
	margin: 270px 0px 0px 10px;
	overflow: visible;
	position: absolute;
	height: 1100px;
}
#header{
	width: 948px;
	height: 171px;
	background-color: #FFEED5; /* hier kannst DU Header ändern */
	background-image: url(img/bildoben.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	border: 0px solid blue;
	position: absolute;
	margin: 0px 0px 0px 0px;
}
#header a:link{
	
	color:#fff;
	text-decoration:none;
	
	}
#header a:visited{
	
	color:#fff;
	text-decoration:none;
	}
#header a:hover{
	color:#FFF;
	text-decoration:none;
}

#header .title{
	float:left;
	width:628px;
	height:150px;
	background-repeat:no-repeat;
	margin:0px;
	
}
#header  h1{
	float:left;
	width:200px;
	font-size:1.4em;
	color:#FFF;
	padding:20px 0px 20px 0px;
}
#header .title h2{
	font-size:0.9em;
	color:#FFFFFF;
	padding:0px 200px 30px 0px;
}
#header .tgpbacklinks{
	width:320px;
    padding:5px;
	margin-left:615px;
	 border: 0px solid blue;	
}
#header .headerimg{
	float:left;
}
#werbungrechts{
	position: absolute;
	left: 590px;
	top: 30px;
	width: 200px;
	height: auto;
	border: 0px solid blue;
}
#werbunglinks{
	position: absolute;
	left: 40px;
	top: 640px;
	width: 200px;
	height: 300px;
	border: 0px solid blue;
}


#textwerbungoben{
	width: 930px;
	margin: 180px 0px 0px 10px;
	position: absolute;
	background-color: burlywood;
	border: solid black 1px;
	height: 80px;
}

#textwerbungunten{
	width: 930px;
	margin: 1325px 0px 0px 10px;
	position: absolute;
	background-color: burlywood;
	border: solid black 1px;
	height: autox;
}

#werbungrechtsmitte{
	position: absolute;
	left: 590px;
	top: 350px;
	width: 200px;
	height: auto;
	overflow: visible;
	border: 0px solid blue;
}
#werbungrechtsunten{
	position: absolute;
	left: 590px;
	top: 680px;
	width: 200px;
	height: auto;
	overflow: visible;
	border: 0px solid blue;
}

.thumbnailtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: Lime;
}

.thumbnail {
  margin-bottom: 5px;
  text-align: center;
}

.thumbnail_title {

  text-align: center;
}


#bild{
	position: absolute;
	overflow: visible;
}
.b1{
	left: 40px;
	top: 10px;
	width: 120px;
}
.b2{
	left: 170px;
	top: 10px;
	width: 120px;
}
.b3{
	left: 300px;
	top: 10px;
	width: 120px;
}
.b4{
	left: 430px;
	top: 10px;
	width: 120px;
}
.b5{
	left: 40px;
	top: 220px;
	width: 120px;
}
.b6{
	left: 170px;
	top: 220px;
	width: 120px;
}
.b7{
	left: 300px;
	top: 220px;
	width: 120px;
}
.b8{
	left: 430px;
	top: 220px;
	width: 120px;
}

.b9{
	left: 40px;
	top: 430px;
	width: 120px;
}
.b10{
	left: 170px;
	top: 430px;
	width: 120px;
}
.b11{
	left: 300px;
	top: 430px;
	width: 120px;
}
.b12{
	left: 430px;
	top: 430px;
	width: 120px;
}
.b13{
	left: 300px;
	top: 640px;
	width: 120px;
}
.b14{
	left: 430px;
	top: 640px;
	width: 120px;
}
.b15{
	left: 300px;
	top: 850px;
	width: 120px;
}
.b16{
	left: 430px;
	top: 850px;
	width: 120px;
}