@charset "UTF-8";
/* CSS Document */

*{margin:0px; padding:0px;}
body{ background-color:#000000}


/* SCROLLER AUSSEN */ 

#wrapper{ width:870px; margin:auto; padding-top:40px;}
#bg{ background-color:#000000; border: 1px solid #ae9b63; width:870px; }
#bgStart{ background-color:#000000; border: 1px solid #ae9b63; width:870px; height:500px; text-align:center; padding-top:50px; overflow:hidden;}
#header{ height:170px; width:870px;}
#spacer{ height:10px; width:870px; background-color:#ae9b63}
#main{width:870px; height:100%; overflow:auto}
#navi{ width:185px; float:left; height:100%;}
#content{ background-image:url(content2_bg.jpg);background-color:#FFFFFF; background-repeat:repeat-y; width:460px;  float:left; padding:20px; min-height:400px;}
#right{ float:left; width:185px; height:100%;  }


/*#lang li a{ color:#666666;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
#lang li a:hover{ color:#ffffff; text-deoration:none}*/


/* SCROLLER INNEN  


#wrapper{ width:870px; margin:auto; padding-top:40px;}
#bg{ background-color:#000000; border: 1px solid #ae9b63; width:870px; height:570px;}
#bgStart{ background-color:#000000; border: 1px solid #ae9b63; width:870px; height:490px; text-align:center; padding-top:80px;}
#header{ height:170px; width:870px;}
#spacer{ height:10px; width:870px; background-color:#ae9b63}
#main{width:870px; height:390px;}
#navi{ width:185px; height:360px; float:left; overflow:hidden;}
#content{ background-image:url(content_bg.jpg); width:460px; height:350px; float:left; padding:20px; overflow:auto;}
#right{ float:left; width:185px;  height:390px;}
*/

#logo{padding:20px; float:left;}
#headerBild{ float:left; width:620px; margin-left:69px; height:170px; overflow:hidden; }
#lang{ list-style-type:none; padding-left:15px;}
#lang li{ display:inline;}

.current_lang_DEUTSCH{background-image:url(deutsch.jpg); display:block; width:75px ; height:25px; background-repeat:repeat; float:left}
.DEUTSCH:hover{background-image:url(deutsch.jpg); display:block; background-position:0px 0px;background-repeat:repeat;width:75px ; height:25px;float:left}
.DEUTSCH{background-image:url(deutsch.jpg); display:block; background-position:0px -23px;background-repeat:repeat;width:75px ; height:25px;float:left}

.current_lang_ENGLISH{background-image:url(english.jpg); display:block; width:75px ; height:25px;background-repeat:repeat;float:left}
.ENGLISH:hover{background-image:url(english.jpg); display:block; background-position:0px 0px;background-repeat:repeat;width:75px ; height:25px;float:left}
.ENGLISH{background-image:url(english.jpg); display:block; background-position:0px -23px;background-repeat:repeat;width:75px ; height:25px;float:left}

.tinymcewysiwyg ul{ margin-left:20px; font-size:9px;}
.tinymcewysiwyg ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px;}



#naviMain{margin-top:20px;}
#naviMain ul{list-style-type:none;}
#naviMain ul li{}
/*#naviMain ul li div a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block;padding-left:20px; text-decoration:none; color:#FFFFFF; padding-top:3px;}*/
#naviMain ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; display:block; text-decoration:none; color:#cccccc;line-height:20px; padding-left:5px; padding-top:2px;}
#naviMain ul li a:hover{background-color:#ae9b63; width:185px; color:#000000;line-height:20px;padding-left:5px;padding-top:2px; display:block;}
#naviMain ul li div{background-color:#ae9b63; width:185px; line-height:20px;color:#000000;}
#naviMain ul li div a{background-color:#ae9b63; width:185px; line-height:20px;color:#000000;}


/* second level */
#naviMain ul ul { list-style-type:square; font-size:14px; padding-left:30px; 
}
#naviMain ul ul li{color:#cccccc;width:150px;
}
#naviMain ul ul li a{font-family:Arial, Helvetica; color:#cccccc; font-size:13px; text-decoration: none;line-height:20px;background-color:#000000;
}


#naviMain ul ul li a:hover{font-family:Arial, Helvetica; color:#ae9b63; font-size:13px; text-decoration: none; background-color:#000000;line-height:20px;display:block;width:150px;
}
#naviMain ul ul li div {font-family:Arial, Helvetica; color:#ae9b63; font-size:13px; text-decoration: none;background-color:#000000;line-height:20px; width:150px;
}
#naviMain ul ul li div a {font-family:Arial, Helvetica; color:#ae9b63; font-size:13px; text-decoration: none;background-color:#000000;line-height:20px; width:150px;
}

/* third level */
#naviMain ul ul ul{ list-style-type:square; font-size:14px; padding-left:10px;
}
#naviMain ul ul ul li{color:#cccccc;
}
#naviMain ul ul ul li a{font-family:Arial, Helvetica; color:#cccccc; font-size:13px; text-decoration: none;line-height:20px;
}


#naviMain ul ul ul li a:hover{color:#ae9b63;display:block; width:100px;}
#naviMain ul ul ul li div { width:60px;font-family:Arial, Helvetica; color:#ae9b63; font-size:13px; text-decoration: none;background-color:#000000;line-height:20px;
}
#naviMain ul ul ul li div a {font-family:Arial, Helvetica; color:#ae9b63; font-size:13px; text-decoration: none;background-color:#000000;line-height:20px;display:block; width:100px;
}






p{font-family:Arial, Helvetica, sans-serif; font-size:13px;}
p a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#800000;text-decoration: none}
p a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ae9b63;text-decoration: none}


h1{font-family:Arial, Helvetica, sans-serif; font-size:16px;color:#ae9b63;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#ae9b63;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#000000; font-weight:normal;}




/* JAOS Milkbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.galerie_thumbnail{
	float: left;
 
 // margin: 3px;
	
}

/* ls=landscape-Format der Thumbs */
.ls img{
	height: 80px;
	width: 125px;
	margin: 3px 3px;
	border: 3px solid #ae9b63;
}
/* pt=portrait-Format der Thumbs */
.pt img{
	margin: 3px 3px;
	 height: 80px;
	width: 56px; 
	
	border: 3px solid #ae9b63;
}

*{
	padding: 0;
	margin: 0;
}

/*body{
	font-family: Verdana, Sans-Serif, Arial;
	color: #333;
	background-color: #F6F6F6;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}*/

img {
	padding: 0;
	margin: 0;
	border: none;
}

/* Vom Image Fader ben�tigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es k�nne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	/*border: 1px solid #FFF;
	background-color: #C9D5D5;*/
	height:0px;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k�nnen 
 * Breite und H�he sind notwendig, damit der Brower die Gr�sse des Image Faders kalkulieren kann.
 * REDAXO: F�r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr�sse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 620px;
	/*height: 350px;*/
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader ben�tigte styles */
/*
A{
	color: #6666CC;
	text-decoration: none;
}
A:link{
	color: #6666CC;
} 
A:visited{
   color: #F76522; 
}
A:hover, A:active{
	color: #F76522;
}*/