
/* 
- allgemeine Formatierungen
- Ueberschriften
- Absaetze und Text
- Links
- Listen
- Bilder
- Content 
- Layout
- Formulare
*/


/* ALLGEMEINE FORMATIERUNGEN ---------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */

*  {
    margin:0;
	padding:0;
	}
	
body  {
    background:url(../pix/bg_body.jpg) #d6ce9d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.4em;
	color:#494214;
	min-width: 960px;
	}
	

/* Raumteiler ----------------- */
/* ---------------------------- */ 

.zweifach-50  {
    float:left;
	width:50%;
	text-align:center;
	}
	
.zweifach-40  {
    float:left;
	width:40%;
	}

.zweifach-60  {
    float:left;
	width:60%;
	}
			
	
/* Trenner -------------------- */
/* ---------------------------- */ 

.trenner  {
    background:url(../pix/bg_trenner.jpg) 50% 50% no-repeat;
	height:8px;
	width:100%;
	margin:1.5em auto;
	}
.trenner hr  {
    display:none;
	} 

/* ---------------------------- */
	
.noDisplay  {
    display:none;
	}
	
.smallMargin  {
    margin-bottom:.2em;
	}
	
.center  {
    text-align:center;
	}

#google_translate_element  {
	position:relative;
	top:372px;
	left:740px;
	width:180px;
	height:50px;
	z-index:99;
	font-size:10px;
}

#google_translate_element select  {
	border:1px solid #d1c895;
	background-color:#f6f0cd;
	font-size:10px;
	height:16px;
}


/* UEBERSCHRIFTEN ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */

/* H 1 ------------------------ */
/* ---------------------------- */

/* Generell */

h1  {
	height:36px;
	text-indent:-6000px; 
	}

.h1-generell  {  /* Klasse noetig, funktioniert nicht als Angabe bei h1 */
    margin:0 0 10px -3px;
	background-repeat:no-repeat;
	}
	
/* Image-Replacement */ 
	
.h1-news	{
    background-image:url(../pix/headlines/news.jpg); 
	}
.h1-linktipps  {
    background-image:url(../pix/headlines/linktipps.jpg);
	}
.h1-partner  {
    background-image:url(../pix/headlines/partner.jpg);
	}
.h1-pressespiegel  {
    background-image:url(../pix/headlines/pressespiegel.jpg);
	}
.h1-kontakt  {
    background-image:url(../pix/headlines/kontakt.jpg);
	}
.h1-video  {
    background-image:url(../pix/headlines/video.jpg);
	}
.h1-impressum  {
    background-image:url(../pix/headlines/impressum.jpg);
	}
.h1-gaestebuch  {
    background-image:url(../pix/headlines/gaestebuch.jpg);
	}
.h1-witze  {
    background-image:url(../pix/headlines/witze.jpg);
	}


/* H 2 ------------------------ */
/* ---------------------------- */

/* Generell */
	
h2  {
    background:url(../pix/headlines/bg_h2.jpg) no-repeat;
	height:31px;
	display:block;
	margin:1em -15px 1em -22px;
	padding:14px 0 0 22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#38330f;
	line-height:normal;
	font-weight:normal;
	clear:both;
	}

.h2-generell-rand  {
    background-repeat:no-repeat; 
	text-indent:-6000px;
	margin:0;
	padding:0;
	width:326px;
	height:38px;
	display:block;
    }

/* Image-Replacement */
	
.h2-video  {
    background-image:url(../pix/headlines/rand_video.jpg);
	}
.h2-radio  {
    background-image:url(../pix/headlines/rand_radio.jpg);
	margin-top:8px;
	}
.h2-foto  {
    background-image:url(../pix/headlines/rand_foto.jpg);
	margin-top:8px;
	}

/* H 3 ------------------------ */
/* ---------------------------- */

h3  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:1em 0;
	font-size:14px;
	color:#413b11;
	}

#layRand h3  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	font-size:11px;
	}


/* H 4 ------------------------ */
/* ---------------------------- */
	
h4  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:1em 0;
	font-size:13px;
	color:#38330f;
	}	

h4.h4-links  {
    margin-top:20px;
	}	
	
/* ABSAETZE UND TEXT ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */

p  {
    margin:1em 0;
	}

#layRand  {
    color:#494214;
	}
	
#layRand p  { 
    padding:0 8px;
	margin:0;
	}
	
.statusText  {
    color:#56610e;
	background:#f8efbd;
	border:1px solid #bfb78b;
	padding:1em 1.5em;
	display:block;
	}
	
.alertText  {
	background:#f8efbd;
	border:1px solid #bfb78b;
	padding:0 1.5em;
	margin:1em 0;
	}
.alertText p  {
    color:#d43424;
	}
	
.obligation  {
    color:#FF9900;
	font-size:14px;
	}
	
.adtext  {
	margin-left:16px;
	margin-top:2px;
	line-height:normal;
	color:#736b4e;
	font-size:10px;
    }

/* LINKS ------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */	
		
a  {
    color:#4d6a32;
	text-decoration:none;
	}
a:hover  {
    color:#9e822d;
	}

a:focus  {
    outline:none;
	}

a img  {
    border:0;
	}
		
#layFooter a {
    color:#d7cc9b;
	}	
	
.extLink  {
	background:url(../pix/externLink.jpg) no-repeat center left;
	padding:5px 0 5px 23px;
	display:block;
	}
	
.extLinkRand  {
	background:url(../pix/externLink.png) no-repeat center left;
	padding:5px 0 5px 26px;
	margin-left:4px;
	color:#494214;
	display:block;
	}

/* SUBSITELINKS --------------- */
/* ---------------------------- */

.SSL ul  {
    float:left;
	margin-bottom:30px;
	margin-left:30px;
	}

.SSL li  {
	width:29px;
	height:25px;
	float:left;
	display:block;
	text-align:center;
	line-height:24px;
	font-size:11px;
	}
	
.SSL li.pos  {
    background:url(../pix/buttons/bg_ssl_active.jpg) no-repeat;	
    }

.SSL li a {
    background:url(../pix/buttons/bg_ssl.jpg) no-repeat;
	display:block;
	height:26px;
	color:#111;
	}
	
.buttonNextBack  {
    float:left;
	margin-right:3px;
	}
	

/* HAUPTMENUE --------------------------------------------------------------------------------------- */
/* ************************************************************************************************** */

#mainmenu  {
    list-style:none;
	position:absolute;
	width:600px;
	top:210px;
	left:350px;
	z-index:100;
	}

#mainmenu li  {
    float:left;
	display:block;
	}
	
#mainmenu li a  {
    display:block;
	cursor:pointer;
	}

/*  NEWS */
.mm-News a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/news.png');
	width:63px;
	height:36px;
	}
html > body .mm-News a  {
    background:url(/allgemein/pix/buttons/mainmenu/news.png) no-repeat;
	width:63px;
	height:36px; 
	}
	
.mm-News-active, .mm-News a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/news_hover.png');
	width:63px;
	height:36px;
	}
html > body .mm-News-active, .mm-News a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/news_hover.png) no-repeat;
	width:63px;
	height:36px; 
	}
	
/*  PRESSESPIEGEL */
.mm-Pressespiegel a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/pressespiegel.png');
	width:118px;
	height:36px;
	}
html > body .mm-Pressespiegel a  {
    background:url(/allgemein/pix/buttons/mainmenu/pressespiegel.png) no-repeat;
	width:118px;
	height:36px; 
	}
	
.mm-Pressespiegel-active, .mm-Pressespiegel a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/pressespiegel_hover.png');
	width:118px;
	height:36px;
	}
html > body .mm-Pressespiegel-active, .mm-Pressespiegel a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/pressespiegel_hover.png) no-repeat;
	width:118px;
	height:36px; 
	}

	
/*  PARTNER */
.mm-Partner a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/partner.png');
	width:75px;
	height:36px;
	}
html > body .mm-Partner a  {
    background:url(/allgemein/pix/buttons/mainmenu/partner.png) no-repeat;
	width:75px;
	height:36px; 
	}
	
.mm-Partner-active, .mm-Partner a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/partner_hover.png');
	width:75px;
	height:36px;
	}
html > body .mm-Partner-active, .mm-Partner a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/partner_hover.png) no-repeat;
	width:75px;
	height:36px; 
	}

/*  LINKS */
.mm-Links a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/links.png');
	width:63px;
	height:36px;
	}
html > body .mm-Links a  {
    background:url(/allgemein/pix/buttons/mainmenu/links.png) no-repeat;
	width:63px;
	height:36px; 
	}
	
.mm-Links-active, .mm-Links a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/links_hover.png');
	width:63px;
	height:36px;
	}
html > body .mm-Links-active, .mm-Links a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/links_hover.png) no-repeat;
	width:63px;
	height:36px; 
	}
	
/*  WITZE */
.mm-Witze a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/witze.png');
	width:68px;
	height:36px;
	}
html > body .mm-Witze a  {
    background:url(/allgemein/pix/buttons/mainmenu/witze.png) no-repeat;
	width:68px;
	height:36px; 
	}
	
.mm-Witze-active, .mm-Witze a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/witze_hover.png');
	width:68px;
	height:36px;
	}
html > body .mm-Witze-active, .mm-Witze a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/witze_hover.png) no-repeat;
	width:68px;
	height:36px; 
	}
	
/*  KONTAKT */
.mm-Kontakt a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/kontakt.png');
	width:77px;
	height:36px;
	}
html > body .mm-Kontakt a  {
    background:url(/allgemein/pix/buttons/mainmenu/kontakt.png) no-repeat;
	width:77px;
	height:36px; 
	}
	
.mm-Kontakt-active, .mm-Kontakt a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/kontakt_hover.png');
	width:77px;
	height:36px;
	}
html > body .mm-Kontakt-active, .mm-Kontakt a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/kontakt_hover.png) no-repeat;
	width:77px;
	height:36px; 
	}	
	
/*  GAESTEBUCH */
.mm-Gaestebuch a  {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/gaestebuch.png');
	width:99px;
	height:36px;
	}
html > body .mm-Gaestebuch a  {
    background:url(/allgemein/pix/buttons/mainmenu/gaestebuch.png) no-repeat;
	width:99px;
	height:36px; 
	}
	
.mm-Gaestebuch-active, .mm-Gaestebuch a:hover {
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/allgemein/pix/buttons/mainmenu/gaestebuch_hover.png');
	width:99px;
	height:36px;
	}
html > body .mm-Gaestebuch-active, .mm-Gaestebuch a:hover {
    background:url(/allgemein/pix/buttons/mainmenu/gaestebuch_hover.png) no-repeat;
	width:99px;
	height:36px; 
	}
	
#mainmenu li span  {  /* blendet Text aus, (wodurch dann auch aktive Links nicht klickbar sind) */
    display:none;
	}
	


/* LISTEN ----------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */

li  {
    list-style:none;
	}

ul.standardList  {
    margin-bottom:20px;
	}
ul.standardList li  {
    list-style:circle;
	margin-left:15px;
	}

ul#soundList  {
    padding-left:12px;
	padding-right:10px;
	}
ul#soundList li  {
    margin-bottom:6px;
	}

/* Footermenue ---------------- */
/* ---------------------------- */

#layFooter ul  {
    list-style:none;
	text-align:center;
	}
#layFooter ul li  {
    display:inline;
	padding:0 10px 0 9px;
	border-right:1px dotted #8f8964;
	}
#layFooter ul li.first  {
    border-left:1px dotted #8f8964;	
	}
	
	
/* BILDER ----------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */	

.picBox img  {
    border:5px solid #f5f5f5;
	margin-bottom:1px;
	}
	
#layRand .zweifach-50 img  {
    width:156px;
	height:100px;
	}

.pressePic  {
    border:5px solid #f5f5f5;	
	float:right;
	margin:0 0 .6em .4em;
    }

/* CONTENT ---------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */	

/* CONTENT-ITEM --------------- */
/* ---------------------------- */

.contentItemHead  {
    background:url(../pix/bg_contentItemHead.jpg) no-repeat;
    width:575px;
	height:40px; 
	float:left;
	}  
	
.contentItemBody  {
    background:url(../pix/bg_contentItemBody.jpg) repeat-y;
	width:495px;
	height:auto;
	padding-left:40px;
	padding-right:40px;
	float:left;
	}

.contentItemFoot  {
    background:url(../pix/bg_contentItemFoot.jpg) no-repeat;
	width:575px;
	height:40px;
	margin-bottom:25px;
	float:left;
	}
	

/* NEWS ----------------------- */
/* ---------------------------- */

.picBox  {
    font-size:11px;
	text-align:center;
	margin:0 0 .4em .4em;
	float:right;
	}
	
.newsDate  {
    font-weight:bold;
	color:#795e0c;
	}

.quelle  {
    font-size:11px;
	}

/* RAND ----------------------- */
/* ---------------------------- */

#randBigbox  {
    padding:5px 23px 25px 23px;
    }

.galeriePreview  {
    padding-left:9px; 
	}
	
.galeriePreview h3, .galeriePreview .text  {  /* weil text-indent nicht global in der Box liegen */
	text-indent:7px;						 /* sonst sind auch die Links der Bilder betroffen (IE6-Bug) */
	}
	
#galeriePrev2, #galeriePrev3, #galeriePrev4  {
    display:none;
	}

#banner-desiretours  {
	margin-left:8px;
    }

/* LAYOUT-CONTAINER ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */

#layHeader  {
    background:url(../pix/bg_header.jpg) no-repeat center;
	width:100%;
	height:330px;
	}
#layHeaderCenter  {
    width:960px;
	height:330px;
	margin:0 auto;
	}	
#layHeaderInside  {
	position:absolute;
	}
	
#fotoShow  {
    position:absolute;
	width:263px;
	top:46px;
	left:52px;
	z-index:99;
	text-align:center;
	font-size:11px;
	}
#fotoShow img  {
    margin-bottom:4px;
	}
	
#layBigbox  {
    width:960px;
	margin:0 auto;
	}
	
#layRand  {
    width:370px;
	float:left;
	font-size:11px;
	background:url(../pix/bg_rand.jpg) no-repeat bottom left; 
	}
	
#layContent  {
    width:575px;
	height:auto;
	float:right;
	}

#layFooter  {
	background:url(../pix/bg_footer.jpg) no-repeat #746f51;
	width:100%;
	height:100px;
	padding-top:120px;
	text-align:center;
	}
	

/* FORMULARE -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */

form  {
    display:inline; 
	}

fieldset  {
    border:0;
	}
#stamp  {
     background:url(/kontakt/pix/stamp.jpg) no-repeat top right;
	 }
	
label  {
	padding-left:3px;
	}

input  {
	background:transparent;
	width:274px;
	margin:5px 0 8px 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	}
	
#bg-sendername, #bg-telefon, #bg-email, #bg-auth  {
    background:url(../pix/bg_input.gif) no-repeat left top;
	display:block;
	width:291px;
	margin-bottom:3px;
	}
	
textarea  {
    background:transparent;
	width:477px;
	height:238px;
	padding:5px 7px;
	margin-bottom:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	}
#bg-nachricht  {
    background:url(../pix/bg_textarea.gif) no-repeat left top;
	display:block;
	width:495px;
	}

#pressespiegelJumpMenu, #newsJumpMenu  {
    margin:0;
	border:1px solid #d1c895;
	background-color:#f6f0cd;
	width:180px;
	}
optgroup  {
    background-color:#403a11;
	color:#f9efc0;
	}
option  {
    background-color:#f6f0cd;
	color:#38330f;
	font-size:11px !important;
	padding:1px;
	text-indent:20px;
	}


/* Buttons -------------------- */
/* ---------------------------- */

.buttonSend  {
    background:url(../pix/buttons/buttonSend.jpg) no-repeat left top;
	display:block;
	width:104px;
	height:31px;
	margin:15px 0 10px 1px;
	cursor:pointer;
	}
	
.buttonEintragen  {
    width:94px;
	height:31px;
	border:0;
	margin-top:10px;
	}

.buttonBlaettern  {
    width:93px;
	height:18px;
	margin:4px 0 15px 6px;
	}

.buttonWeiterlesen  {
    width:82px;
	height:18px;
	margin-top:5px;
	}
	
.buttonUebersicht  {
    width:96px;
	height:18px;
	margin-top:5px;
	}


/* Lightbox ------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------- */	
	
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img  { border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/allgemein/pix/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/allgemein/pix/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/allgemein/pix/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.5em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display:block; width:8.5em; clear: left; padding:1px 5px; margin:8px 0 10px 0; font-weight:bold; text-align:center; border:1px solid #eee;	}			
#imageData #bottomNavClose{ width: 24px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
		