@import url("mobile.css");

.initButton {
	position: absolute; left: 830px; top: 10px
}

body {
	margin: 0 0 0 50%;
	position: absolute; left: -427px; top: 0; z-index: 0;	
	font: 11px verdana, helvetica, verdana, sans-serif;
	color: black;
	background: url(../images/background.jpg) no-repeat #f3e189; 
	background-position: top;
}

img {
	border: 0px;
}

a:link, a:hover, a:active, a:visited { text-decoration: none; }

.mainframe {
	width: 854px; height: auto;
}

.frame {
	position: absolute; left: 0px; top: 277px; z-index: 2000;
	width: 854px; height: auto;
	border: 0px solid green;
}

.border {
	width: 650px; height: auto; 
	border: 0px dotted green; 
	position: relative; left: 0px; top: 0px; z-index: 500;
}

.content {
	position: relative; left: -16px; top: 0px; z-index: 500;
	width: 880px; height: auto;	
	border: 0px solid green;
	background: url(../images/shadow.jpg) repeat-y;
}


.footer_image_var {
	position: relative; left: -15px; top: 0px; z-index: 0;
	width: 900px; height: 30px;
	border: 0px dotted black;	
}

.footer_image_ind {
	position: relative; left: -15px; top: 0px; z-index: 80000;
	width: 900px; height: 30px;
	border: 0px dotted black;	
}

.submenu_bottom_var {
	width: 350px; height: 100px;
    position: relative; left: 515px; top: 0px;
	text-align: right;
	color: #888;
	border: 0px dotted red;
	background-color: #f2e189;
} 



.var_background {
	width: 650px; height: auto;
	border: 0px solid red;
}

.background_ind {
	width: 650px; height: auto;
	border: 0px solid red;
}


.background-left {
	width: 40px; height: 493px;
	position: absolute; left: -24px; top: 54px; z-index: 50000;
	background: url(../images/background-left.jpg) no-repeat;
	border: 0px solid red;	
}
.background-right {
	width: 20px; height: 582px;
	position: absolute; left: 854px; top: 55px; z-index: 50000;
	background: url(../images/background-right.jpg) ;
	border: 0px solid red;		
}

/***********************************************************/

/*==Logos==*/

.royal {
	width: 310px; height: 87px;
	position: absolute; left: 0px; top: 55px; z-index: 1;
	background:url(../images/royal.gif) no-repeat;
}
.vowisol {
	width: 174px; height: 52px;
	position: absolute; left: 667px; top: 77px; z-index: 1;
	background:url(../images/vowisol.gif) no-repeat;
}

/***********************************************************/

/*==HAUPTMENU==*/

.menu { 
	height: auto;
	border: 0px dotted red;
	font: 11px Arial, Helvetica, sans-serif;
	float: left; 
	background-image: url(../images/trans.gif);
}

.mainmenu_top {
	position: absolute; left: 10px; top: 149px; z-index: 100000;
	width: 854px; height: auto;
    border: 0px solid red;
}

.mainmenu_bottom {
	position: absolute; left: 10px; top: 258px; z-index: 50000;
	width: 854px; height: auto;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid red;
}

.mainmenu_bottom h1 a { color: #006A2A; }
.mainmenu_bottom h1 a:hover { color: #ffdb7c; }

ul li h1 { text-transform: uppercase; }


/*==SUBMENU OBEN==*/
.submenu_top {
	width: 280px; height: 15px;
	position: absolute; left: 10px; top: 12px; z-index: 10000;
	border: 0px solid red;	
}

.submenu_link { color: #888; font-size: 12px; }
.submenu_link:hover { color: #333; font-size: 12px; }



.mainmenu_top li h1 b { 
	display: block; height: 20px; 
	background: url(../images/arrow-top.gif) no-repeat; 
	background-position: 50% 13px;
}

.mainmenu_top li h1 b a {
	display: block; height: 13px; 
	border-bottom: 1px solid #99AE5C; 	
}



.mainmenu_bottom li h1 b { 
	display: block; height: 20px; 
	background: url(../images/arrow-bottom.gif) no-repeat; 
	background-position: 50% 13px;
}

.mainmenu_bottom li h1 b a {
	display: block; height: 13px; 
	border-bottom: 1px solid #006A2A; 	
}


/*==SUBMENU UNTEN==*/
.submenu_bottom {
	width: 350px; height: 15px;
    position: relative; left: 515px; top: 35px;
	text-align: right;
	color: #888;
	border: 0px dotted red;

} 

h1 {
	display: block; height: 19px;
	border: 0px solid green;
	margin: 0; padding-left: 0;
	font-size: 11px;
	font-weight: bold;
}
h1 a { color: #99ae5c; }
h1 a:hover { color: #ffdb7c; }

.hauptlink a:hover { color: #ffdb7c; } 

.menu ul {
	list-style: none; margin: 0; padding: 0;
	display: block; border: 0px solid green;
} 

.sublink li {
	display: block; height: auto;
	border: 0px solid red;
	padding: 3px;
	font: 11px Arial;
}

.sublink li a { color: #006a2b; }
.sublink li a:hover { color: black; }

.menu ul li li {
	display: block;
	height: auto;
}

.smenu_oben { 
	background-color: #fcf3d2;
	display: none; 
}

.sublink li { background-color: #fcf3d2; }


/***********************************************************/

/*==BILDERLEISTE index.php==*/
.imageshow_head, .home-mobile {
	width: 854px; height: 84px;
	position: absolute; left: 0px; top: 168px; z-index: 50000;
	border: 0px solid red;
}

/***********************************************************/

/*==CONTENT index.php==*/

.teaser_container {
	width: 659px; height: auto;
	border: 0px dotted green;
	position: relative; left: 16px; top: 3px; z-index: 2000;
	color: #7f7044;
	}

.teaser {
	position: relative; left: 0px; top: 0px; z-index: 5000;
	width: 659px; height: 360px;
	border: 0px dotted red;
}

/* TEASER 1*/
.teaser1 {
	position: absolute; left: 0px; top: 0px; z-index: 500;
	width: 644px; height: 155px;
	background-color: #f7eaae;
	border-left: 10px solid #f7eaae;
	border-bottom: 6px solid #f7eaae;
	border-top: 8px solid #f7eaae;
}

.teaser2 {
	width: 324px; height: 184px;
	border: 0px solid red;
	background-color: #fbf6dc;
	position: absolute; left: 3px; top: 170px; z-index: 500;
	overflow: auto;
	
}
.teaser3 {	
	width: 324px; height: 184px;
	border: 0px solid red;
	background-color: #fbf6dc;
	position: absolute; left: 330px; top: 170px; z-index: 500;
	overflow: auto;
}

.teaser_headline {
	font-weight: bold;
	padding-bottom: 3px;
	line-height: 16px;
	font-size: 12px
}

.teaser1_textbox {
	width: 290px; height: 140px;
	padding: 12px 0px 0 0;
	border: 0px solid red;
	font-size: 11px;
	overflow: auto;
}

.teaser_link {
	text-align: right;
	padding: 8px 0 3px 0;
}
.teaser_link a {
	color: #006a2c;
}
.teaser_link a:hover {
	color: #000;
}


.teaser_image_container {
	width: 318px; height: 152px;
	border: 0px solid red;
	overflow: hidden;
	margin-right: 18px;
	float:left
}

.teaser_image {
	width: 298px; height: 152px;
	border: 0px solid red;
}

.teaser_small_textbox {
	width: 160px; height: auto;
	border: 0px solid red;
	position: absolute; left: 14px; top: 10px; z-index: 500;
	overflow: hidden;
	font-size: 11px;
}
.teaser_small_image {
	width: 119px; height: 165px;
	position: absolute; left: 196px; top: 10px; z-index: 500;

}

/***********************************************************/

/*==NEWSFIELD==*/
.newsfield {
	width: 200px; height: 356px;
	position: absolute; left: 653px; top: 278px; z-index: 5000;
	border: 0px dotted black;
	padding-left: 5px;
}

.newsfield a {
	color: #717239;
}

.newsfield a:hover {
	color: black;
}



.newsbox1 {
	position: absolute; left: 5px; top: 2px;
	width: 200px; height: auto;	
	border: 0px dotted black;
}

.newsbox2 {
	position: absolute; left: 5px; top: 172px;
	width: 200px; height: auto;	
	border: 0px dotted red;
}

.news_messen {
	position: absolute; top: 99px; left: 7px;
}

.newsbox3 {
	position: absolute; left: 5px; top: 275px;
	width: 200px; height: 83px;	
	border: 0px dotted red;
	background: url(../images/news/bg_news3.jpg) no-repeat;
}


.news_header {
	width: 195px; height: 30px;
	background-color: #A3B666;
	font-size: 12px;
	color: #40762a;
}

.news_header3 {
	width: 195px; height: 30px;
	font-size: 12px;
	color: #40762a;
}


.news_textbox1 {
	width: 195px; height: 62px;
	background-color: #D6D17D;
	position: absolute; left: 0px; top: 30px;
}

.news_textbox2 {
	width: 195px; height: 68px;
	background-color: #D6D17D;
	position: absolute; left: 0px; top: 30px;
}
.news_textbox3 {
	width: 195px; height: 68px;
	
	position: absolute; left: 0px; top: 30px;
}


.news_headline {
	display: block;
	padding: 7px 0 0 10px;
	font-variant: small-caps;
	font-weight: bold;
}

.news_text {
	width: 190px; height: auto;
	font-size: 11px;
	color: #717239;
	display: block;
	padding: 6px 0px 0px 10px; 
}

.news_link {
	display: block;
	padding-top: 5px;
}


/* Link Mediathek Startseite */

.medialink {
	position: absolute; left: 5px; top: 363px;
	width: 175px; height: auto;	
	border: 0px dotted black;
}

.medialink_textlink{
	width: 175px; height: auto;
	font-size: 10px;
	padding: 10px; 	
	border: 0px solid red;	
	color: #727139;	
	background-color: #d7d17d;
	font-weight: bold;
	
}