/******************************************************************************
*                    Styles und Positionierung fŸr tpl_1			          *
******************************************************************************/

/* ======== Allgemein ======== */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  background-color: #c5c5a1;
}

/* ======== Container  ======== */

#inner {
	height: 800px;
	overflow: hidden;
	margin-left: 10px;
}

#logo {
	position: absolute;
	width: 260px;
	height: 100px;
	top: 4px;
	left: -2px;
	background: url(../img/logo.gif) no-repeat;
	z-index: 1;
}

#top {
	height: 65px;
	border: 0px;
}

#teaser {
	position: absolute;
	top: 15px;
	left: 260px;
	width: 419px;
	height: 47px;
	/* background: url(../img/teaser.gif) no-repeat; */
	z-index: 1;
}

#top-navi {
	position: absolute;
	top: 35px;
	width: 950px;
	height: 15px;
	text-align: right;
	background-color: transparent;
}

#left {
	padding-top: 30px;
	width: 173px;
	float: left;
	letter-spacing: 0.05em;
}


#left-foot-ecke {
	position: relative;
	width: 25px;
	height: 25px;
	top: -19px;
	left: -1px;
	background: url(../img/left-foot-ecke.gif) no-repeat;
	z-index: 1;
}


#content-center {
	background-color: #ffffff;
	border-style: solid;
	border-width: 3px;
	border-color: #f6f6e1;
	float: left;
}

#center-topmenu {
	width: 450px;
	height: 20px;
	margin-top: 10px;
	margin-left: 120px;
	text-align: right;
}

#rero {
	background: url(../img/rero.gif) no-repeat;
	position: absolute;
	top: 63px;
	left: 956px;
	width: 10px;
	height: 10px;
}

/******************************************************************************
*                       Styles und Positionierung Animation		               *
******************************************************************************/

#divNoscript {
	position: relative; 
	top: 160px;
	left: 15px;
	width: 750px;
	height: 50px;
	font-size: .7em;
	color: red;
}

#divAnimation {
	position: relative; 
	top: 155px;
	left: 0px;
	width: 770px;
	height: 220px;
}

#divBildleiste a {
	text-decoration: none;
}

#divBildleiste a:hover {
	text-decoration: none;
}

#divBg {
	position:absolute; 
	z-index:10; 
	width:3696; 
	left:0px; 
	height:200px; 
	clip:rect(0px 10px 10px 0px); 
	visibility:hidden;
}

#divBildleiste {
	position:relative; 
	z-index:11; 
	left:0px; 
	top:0px; 
	height: 130px;
	visibility:inherit;
}

#divBild {
	position:absolute; 
	z-index:9; 
	left:0px; 
	top:20px; 
	width: 770px; 
	height: 130px; 
	overflow: hidden;
}

#divArrow {
	position:absolute; 
	z-index:12; 
	width:100px; 
	height:20px; 
	left:0px; 
	top:0px; 
	visibility:inherit;
}

#divBanner {
	position: relative; 
	top: 136px;
	left: 0px;
	width: 460px;
	height: 157px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#infobox {
	position:absolute; 
	top: -155px; 
	left:462px;
	z-index:15; 
	width:308px; 
	height:512px; 
	background-color: #fede17;
	display:none;
	overflow: hidden;
}

#iconmenu {
	position:absolute; 
	z-index:16; 
	width:770px; 
	top: 144px; 
	left:0px; 
	height:55px;
	border-color: #bfbb7c;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	background-color: #bfbb7c;
}

#iconmenu img {
	margin-left: 1px;
}

.img {
	position: absolute;
	top: 170px;
	left: 0;
}

.infobox {
	padding: 10px;
	padding-top: 60px;
	display: none;
}

.closeinfo {
	float: right;
	margin-top: -30px;
	border-width:1px; 
	border-style:solid; 
	border-color:#ffffff; 
	padding-left:2px; 
	padding-right:2px;
	cursor: pointer;
	font-size: 85%;
}

/* Navigation Infobox */

a.navinfo {
  color: #ffffff;
  text-decoration: underline;
}

a.navinfo:hover {
  color: #ffffff;
}


/******************************************************************************
*                       Styles und Positionierung Container 	               *
******************************************************************************/

#left-top {
	width: 173px;
	height: 460px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 3px;
	border-color: #f6f6e1;
	padding-top: 20px;
}

#left-foot {
	height: 158px;
	background-color: #f6f6e1;
	border-style: solid;
	border-width: 3px;
	border-color: #f6f6e1;
	margin-top: 5px;
	margin-right: -6px;
	padding: 2px;
	padding-top: 10px;
}

#aktuell-top {
	width: 270px;
	float: right;
}

#aktuell-top h4 {
	color: #A90905;
	margin: 0;
}

#content-top {
	width: 770px;
	height: 510px;
	border-style: solid;
	border-width: 3px;
	border-color: #f6f6e1;
	margin-bottom: 5px;
}

#content-text {
	position: absolute;
	top: 130px;
	left: 280px;
	width: 650px;
	height: 300px;
}

#content-foot {
	width: 770px;
	height: 170px;
	background-color: #ffffff;
	border-style: solid;
	border-width: 3px;
	border-color: #f6f6e1;
}

#content-foot a {
	color: #A90905;
}

#merohome {
	background: url(../img/mero.gif) no-repeat;
	position: absolute;
	top: 63px;
	left: 952px;
	width: 10px;
	height: 10px;
}

#meru {
	background: url(../img/meru.gif) no-repeat;
	position: absolute;
	top: 754px;
	left: 952px;
	width: 10px;
	height: 10px;
}

#aktuell-foot {
	width: 290px;
	height: 110px;
	float: left;
	padding-top: 50px;
	padding-left: 94px;
	padding-right: 20px;
	overflow: hidden;
}

#news-foot {
	width: 284px;
	height: 110px;
	float: right;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #bfbb7c;
	padding-top: 50px;
	padding-left: 60px;
	padding-right: 20px;
	overflow: hidden;
}

#aktuell-foot h2, #aktuell-foot h1, #news-foot h2, #news-foot h1 {
	margin: 2px;
	padding: 0;
}

#default-foot {
	width: 284px;
	height: 110px;
	float: right;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #bfbb7c;
	padding-top: 50px;
	padding-left: 60px;
	padding-right: 20px;
}