@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ background-color:#FFF ; background-color:#300}
#wrapper{ width:900px; margin:auto; padding-top:40px;}
#header{ width:900px; height:100px; background-image:url(headerBG.jpg)}
#logo{ width:900px; height:108px; background-image:url(logoBG.jpg)}
#flashLogo{ margin-left:450px; padding-top:3px;}
#navi{ width:900px; height:38px; background-image:url(naviBG.jpg) }
#moodBilder{ width:900px; height:200px; background-color:#F00; overflow:hidden;}
#naviSub{width:700px; height:28px; background-image:url(subNaviBG.jpg); background-repeat:no-repeat;}
#content{ width:660px; background-image:url(contentBG.jpg);  padding-top:40px; padding-bottom:40px; padding-left:200px;padding-right:40px}
#spacer{ width:900px; height:20px; background-image:url(spacerBG.jpg) }
#footer{ width:880px; height:80px; background-image:url(footerBG.jpg);padding:10px;}

.fliessText{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#42291c}
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#42291c}
h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#42291c}
h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#42291c}

.textLink{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#666; text-decoration:none;}
.textLink:hover{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#CCC; text-decoration:none;}


/* NAVI */

#naviMain { padding-top:10px; padding-left:200px;
}

#naviMain ul{ list-style-type:none}
#naviMain ul li{ display:inline; padding-left:10px;}
#naviMain ul li a{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;color:#ffffff; text-decoration:none;}
#naviMain ul li a:hover{color:#42291c; text-decoration:none;}
#naviMain ul li strong a{color:#42291c}


#naviSub{padding-left:200px; padding-top:10px;}
#naviSub ul{list-style-type:none}
#naviSub ul li{display:inline; padding-left:10px;}
#naviSub ul li a:hover{color:#42291c; text-decoration:none;}
#naviSub ul li a{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;color:#ffffff; text-decoration:none;}
#naviSub ul li strong a{color:#42291c}

/* and so on ... */

/* 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;
  background: #292929;
  margin: 8px;
	height: 165px;
	width: 165px;
}

/* ls=landscape-Format der Thumbs */
.ls img{
	height: 112px;
	width: 150px;
	margin: 25px 7px;
	border: 1px solid #fff;
}
/* pt=portrait-Format der Thumbs */
.pt img{
	height: 150px;
	width: 112px;
	margin: 7px 25px;
	border: 1px solid #fff;
}

*{
	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: 350px;
	/*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;
}*/