@charset "UTF-8";

/* BROWSER - RESET, setzt erstmal alle Browser-internen Einstellungen auf null */
html, body, div, span, applet, object, iframe,
h1, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
	
/* Bildern mit links bekommen keine Rahmen mehr */	
img { border: none; }


ol, ul {
	list-style: none;
	}


/* clear-div beendet floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* ---------- Seite ---------------------------------------- */


body  {
	background: #666666;
	margin: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}


#container { 
	width: 960px;				/* Breite der Website/des Hauptcontainer */
	margin: 0 auto;				/* Setzt Container auch in IEs mittig */
	text-align: left;			/* Ausrichtung innerhalb des Containers */
	background-image: url("bgr.jpg");
	}
	

#header { 
	margin: 0 20px 0 20px; 				/* Aussenabstand zu den umgebenden Objekten */
	height: 215px;
	background-image: url("header_bgr.jpg");
	vertical-align:bottom;
	}


#sideBarLT {
	float: left;				/* fliesst links neben den Containern, die im HTML-Code nach sideBarLT kommen */
	width: 180px;				/* Breitenangabge zwingend erforderlich f�r float */
	margin: 0 10px 0 30px;		/* Ma�e werden im Uhrzeigersinn vergeben: o, re, u, li. Margin wird zur Breite addiert, sideBarLT braucht also insgesamt 120px */
	}

	
#mainContent { 
	width: 520px;				/* Breite ergibt sich aus: 960px Seitenbreite - 2x 120px (sidebarLT+sideBarRT inkl margin) */
	margin: 0;
	float: left;
	}
	

#sideBarRT {
	float: left;
	width: 180px;				
	margin: 0 30px 0 10px;		
	text-align: right;
	}
	
	
#footer { 
	margin: 10px;
	background-color: #000000;
	}


/* --------------------------Webyep------------------*/

.WebYepMenuItem a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	line-height: 25px;
	target: parent;
	}
	
.WebYepMenuItem a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	line-height: 25px;
	}

.WebYepMenuItem a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	line-height: 25px;
	}

.WebYepGalleryContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
	}
	
/* --------------------------Stile------------------*/

a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: underline;
}
a:active {
	color: #666666;
	text-decoration: none;
}
.redheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #FF0000;
}
.whiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.smallbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.lightgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.bigbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}