/* Just for the example. Fee free to delete these three lines */


* {
	margin:0;
	padding:0;
	outline: none;
}

html {
	overflow-y: scroll;
	
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #ecd6ac;
	scrollbar-3dlight-color: #ecd6ac;
	scrollbar-darkshadow-color: #ecd6ac;
	scrollbar-face-color: #ecd6ac;
	scrollbar-highlight-color: #ecd6ac;
	scrollbar-shadow-color: #ecd6ac;
	scrollbar-track-color: #ecd6ac;
}

body {
font-family: 'Open Sans', sans-serif;
font-color: #000000;
	font-size: 11px;
	line-height: 18px;
	text-align: center;	
	 background-color: #ecd6ac;
 background-image: url("../images/hg.jpg");
 background-position: center top;
 background-repeat: no-repeat;
}

div, p {
	text-align: left; 
}

.clear {
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
}

span.seo {
	position: absolute;
	left: -999em;
}


/* Links allgemein*/	
a {
	text-decoration: none;
	color: #ad814d;
}

a:link {
	text-decoration: none;
	color: #ad814d;
}

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


/* wrapper body - aussen mit rand*/
div#wrapper_global {
 width: 888px;
 margin: 0 auto; 
  background-image: url("../images/hg_line.jpg");
 background-position: center top;
 background-repeat: repeat-y;
 
}



/* kopfdatei*/
div#header {
 width: 888px;
 height: 202px;
  background-image: url("../images/kopf.jpg");
 background-position: center top;
 background-repeat: no-repeat;
}

/* logo kopfdatei*/
div#wrapper_global div#header div#logo {
 position: relative;
 top: 31px;
 margin: 0 auto;
 width: 888px;
 height: 150px;
}

/* menuedatei*/
div#wrapper_global div#headermenue {
 width: 888px;
 height: 80px;
 background-image: url("../img/menue_hg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
}



/* Hauptmenü */
div#wrapper_global div#headermenue div#main_menu {
	width: 830px;
	height: 60px;
	padding: 0px 0px 0px 0;
	margin: 0 auto;
	overflow: hidden;
	float: left;
	position: relative;
 	left: 31px;
}


/* Hauptmenü Listen Link */
div#wrapper_global div#main_menu ul li a {
 display: block;
 float: left;
 padding: 0;

}

/* Hauptmenü Liste */
#main_menu ul, #main_menu ul li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	 display: inline;
	 
}


/* Hauptmenü Link */
#main_menu a {
	display: block;
	float: left;
	height: 60px;
	padding: 0px;
	margin: 0 0px 0 0; /* top right bottom left */
	text-decoration: none;
	overflow: hidden;
	background-position: left 0px;
	background-repeat: no-repeat;
	
}


/* Hauptmenü Link hover */
div#headermenue div#main_menu ul li a:hover, div#headermenue div#main_menu ul li a.aktiv {
	background-position: left -60px;
}


/* Hauptmenü Menübuttons */
#main_menu a#menu_01 {
	background-image: url("../images/menue01.gif");
	width: 259px;
}

#main_menu a#menu_02 {
	background-image: url("../images//menue02.gif");
	width: 180px;
}

#main_menu a#menu_03 {
	background-image: url("../images/menue03.gif");
	width: 169px;
}

#main_menu a#menu_04 {
	background-image: url("../images/menue04.gif");
	width: 215px;
}


div#wrapper_global div#content {
 width: 820px;
 margin-left:0px;



}




.ueber {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #FFF;
	background-color: #538824;
}

.ueber2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #538824;
}

.text {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333;
}




a{color:white;}
.pikachoose {width: 820px; margin: 0 auto;   background-image: url("../images/hg_line.jpg");
 background-position: center top;
 background-repeat: repeat-y;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 10px; height: 205px; }
	.pika-thumbs li{ width: 40px; height:40px; margin: 5px 0 0 5px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #f1e8d8; cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 800px;}
.pika-stage {position: relative; background: #FFFFFF; border: 1px solid #f1e8d8; padding: 10px 10px 40px 10px; text-align:center; height:250px;}
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; background: #ecd5aa; background: rgba(0,0,0,0.30);  border: 0px solid #ecd5aa; font-size: 10px; 
			color: #FFFFFF; padding: 10px; text-align: right; bottom: 40px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 10px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:11px;position:absolute;color:white;padding:3px; background-color: #ecd5aa;border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.3);font-size:10px;padding:3px;-moz-border-radius: 3px;border-radius:3px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }