/*	-------------------------------------------------------------
	1. GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* {
	margin: 0;
	padding: 0;
		}
/*	-------------------------------------------------------------
	
	
	/*	-------------------------------------------------------------
	2. ALLGEMEINE ATTRIBUTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body {
	background-image:url(/bilder/bg_big.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed; 
	background-color: #000;
	color: #000000;
	font-family: Arial, Verdana, "Lucida Sans Unicode", "Lucida Grande", "Times New Roman", serif;
	font-size: 0.8em;
	margin-left: 35px;
	padding: 0;
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
}
/*
body.home {
	background-image:url(/bilder/bg_tile.gif);
	background-attachment: fixed; 
}
body.ueber {
	background-image:url(/bilder/bg_raute_hell.gif);
	background-attachment: fixed; 
}
body.print {
	background-image:url(/bilder/bg_star.jpg);
	background-attachment: fixed; 
}
body.web {
	background-image:url(/bilder/bg_zapf.gif);
	background-attachment: fixed; 
}
body.film {
	background-image:url(/bilder/bg_kachel.gif);
	background-attachment: fixed; 
}
body.werbe {
	background-image:url(/bilder/bg_lines_sw.gif);
	background-attachment: fixed; 
}*/
body.sonst {
	background-image:url(/bilder/bg_big2.jpg);
	background-attachment: fixed; 
}
/*body.kontakt {
	background-image:url(/bilder/bg_welle.gif);
	background-attachment: fixed; 
}*/

em {
	font-style: italic;
	
}
em.ref {
	margin:0 10px 0 280px;
	font-size: 0.9em;
	background-color:#B4C6DB;
}
strong {
	font-weight: bold;
}
h1 {
	margin: 0 0 0 0;
	font: normal 2.4em/1.2em Verdana, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

h1.ref {
	margin:0 14px 0 280px;
	padding-left: 6px;
	/*border-left: 2px solid #e6e6e6;*/
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	font-variant: normal;
	color: #ff0000;
	/*background-color:#ddd;*/
}

*+html h1.ref {
	margin:-30px 14px 13px 280px;
	padding-left: 6px;
	font: normal 2em/1.2em "Times New Roman", Times, serif;
	/*border-left: 2px solid #e6e6e6;*/
}

* html h1.ref {
	margin:-30px 14px 13px 280px;
	padding-left: 6px;
	font: normal 2em/1.2em "Times New Roman", Times, serif;
	/*border-left: 2px solid #e6e6e6;*/
}
h2 {
	margin: 0 0 0 0;
	font: italic normal 2.0em/1.2em Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
	letter-spacing: -1px;
}
h3 {
	margin: 0 0 0 0;
	font-size: 1.0em;
	color: #d1cf00
}
p {
	margin-left: 292px;
	font-size: 1.0em;
	line-height: 1.4em;
	
	
}

p.ref {  
	/*Texte im Hauptbereich*/
	margin:0 14px 0 280px;
	padding-left: 6px;
	font-size: 0.9em;
	/*border-left: 2px solid #e6e6e6;*/
	/*background-color:#eee;*/

}

*+html p.ref {
	margin:-13px 14px 0 280px;
	padding-left: 6px;
	font-size: 0.9em;
	/*border-left: 2px solid #e6e6e6;*/

}
* html p.ref {
	margin:-13px 14px 0 280px;
	padding-left: 6px;
	font-size: 0.9em;
	/*border-left: 2px solid #e6e6e6;*/

}
p.copy {
	margin: 0 0 0 0;
	font-size: 11px;
}
blockquote {
	margin: 0 0 0 0;
	font: italic normal 2.0em/1.2em Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif;
	letter-spacing: -1px;
}
.fltrt { 
	/* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft {
	 /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten 		sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*	-------------------------------------------------------------
	2. STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#container {
	/* gesamter Bereich, in dem die Internetseite vor dem HG liegt */
    margin: 0 0 0 40px auto;
		/*background-image:url(/bilder/trans.png);*/
	/*background-color: #fff;*/
	width: 940px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	min-height: 370px;
	height: auto;
	/*border-right: 6px solid #a8a8a8;
	border-left: 6px solid #a8a8a8;
	border-bottom: 6px solid #a8a8a8;*/

}
* html #container { /* Für IE */
	height: 370px;
	
}
#logo {
	padding-top: 72px;
	padding-left: 50px;
	width: 190px;
	float: left;
}
#head {
	/* Bereich in dem Navi, SubNavi und Logo liegen */
    margin: 0 0 0 20px auto;
	padding-bottom: 10px;
	background-image:url(/bilder/head_trans.png);
	width: 940px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	min-height: 168px;
	/*border-bottom: 8px ;*/
}
* html #head { /* Für IE */
	height: 160px;
}
#inhalt {
	background-color:#FFFFFF;
	/* Bereich in dem Sidebar und Content liegen */
		display: block;
    margin: 0 0 0 40px auto;
	padding-bottom: 20px;
	width: 940px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	min-height: 420px; 
	height: auto;  
}
* html #inhalt { /* Für IE */
	height: 420px;

}
#footleiste {
	/* Bereich mit FooterIM und Footer */
   
	background-image:url(/bilder/foot_trans.png);
	width: 940px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	min-height: 40px;
}
* html #footleiste { /* Für IE */
	height: 40px;
}
/*	-------------------------------------------------------------
	3. NAVIGATIONSMENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
       
		  
#navbar {
	float: right;
	width: 640px;
	margin-top: 97px;
	margin-right: 50px;
	display:inline;
               }
#navbar ul {
	list-style: none;
}
#navbar li {
	float: right;
	width: auto;
	border-bottom: 0px solid #765;
	margin-left:3px;
}
#navbar a {
	display: block;
	float: left;
	width: 86px;
	background: url("/bilder/reiter_schw_rot.jpg") no-repeat left top;
	font-size: 12px;
	text-indent:5px;
	text-decoration: none;
	font-weight: normal;
	color:#ffffff;
	padding-top:8px;
	}
#navbar a:hover {
	background-position: 0% -23px;
}
#navbar a.active {
	background-position: 0% -23px;
}

#navbar li.current {
	border-bottom: 0px solid #ddccbb;
}
#navbar li.current a {
	background-position: 0 -23px;
}
#navbar li.current a span {
	background-position: 100% -23px;

}
#navbar a:hover span {
	color: #ffffff;
	background-position: 100% -23px;
	cursor: auto;
}
.active{
	background-position: 0% -23px;
}
	
/*	-------------------------------------------------------------
	3. SubNAVIGATIONSMENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#subbar {
	float: right;
	width: 840px;
	background-color: #ffffff;
	margin-top: 12px;
	margin-right: 50px;
	margin-left: 50px;
               }
#subbar ul {
	list-style: none;
}
#subbar li {
	float: right;
	width: auto;
	border-bottom: 0px solid #765;
	margin-left:3px;
}
#subbar a {
/*background: url("/bilder/subreiter_rot.jpg") no-repeat left top;*/
	display: block;
	float: left;
	width: 86px;
	font-size: 12px;
	text-indent:4px;
	text-decoration: none;
	font-weight: normal;
	color:#000000;
	background-color: #ccc;
}
#subbar a:hover {
	color:#ffffff;
}

#subbar a.active {
	color:#ffffff;
}

#subbar li.current {
	border-bottom: 0px solid #ddccbb;
}
#subbar li.current a {
               }
#subbar li.current a span {
     color: #E6E6E6;
}

#subbar a:hover span {
	color: #ffffff;
    cursor: auto;
}
/*	-------------------------------------------------------------
	4. SIDEBAR MIT QUICKBOXEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#side {
	
	float: left;
	padding-left: 10px;
	margin-top: 12px;
	width: 140px;
	min-height: 350px;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	height: auto;
	float: left;
}
* html #side { /* Für IE */
	height: 350px;
}

#side1 {
	position:fixed;
	float: left;
	margin-left: -15px;
	margin-top: 170px;
	width: 140px;

}

#side2 {
	position:fixed;
	float: left;
	padding-left: 10px;
	margin-top: 170px;
	width: 140px;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	height: auto;
	float: left;
}


#sidebar {

	float: left;
	padding-left: 50px;
	width: 140px;
	min-height: 350px;
	height: auto;
	float: left;
}
* html #sidebar { /* Für IE */
	height: 350px;
}

/*BOX1*/

#box1top {
	float: left;
	width: 140px;
	height: auto;
	background: url("/bilder/reiter_schw_140.gif") no-repeat left top;
	font-size: 12px;
	text-indent: 4px;
	text-decoration: none;
	font-weight: normal;
	color:#ffffff;
	padding-top: 8px;
}
#box1sub {
	float: left;
	width: 138px;
	height: auto;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 12px;
	background-color:#fff;
	font-size: 11px;
	text-decoration: none;
	line-height:15px;
	font-weight: normal;
	color:#000000;
}
#box1sub a {
	text-decoration: none;

}
#box1sub ul {
	list-style: none;
}
#box1sub li {
	margin-left:9px;
	
}

/*BOX2*/

#box2top {
	float: left;
	width: 140px;
	height: auto;
	background: url("/bilder/reiter_schw_140.gif") no-repeat left top;
	font-size: 12px;
	text-indent: 4px;
	text-decoration: none;
	font-weight: normal;
	color:#ffffff;
	padding-top: 8px;
}
#box2sub {
	float: left;
	width: 138px;
	height: auto;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 12px;
	background-color:#fff;
	font-size: 11px;
	text-decoration: none;
	line-height:15px;
	font-weight: normal;
	color:#000000;
}
#box2sub a {
	text-decoration: none;
}
#box2sub ul {
	list-style: none;
}
#box2sub li {
	margin-left:9px;
}

/*BOX3*/

#box3top {
	float: left;
	width: 140px;
	height: auto;
	background: url("/bilder/reiter_schw_140.gif") no-repeat left top;
	font-size: 12px;
	text-indent: 4px;
	text-decoration: none;
	font-weight: normal;
	color:#ffffff;
	padding-top: 8px;
}
#box3sub {
	float: left;
	width: 138px;
	height: auto;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 12px;
	background-color:#fff;
	font-size: 11px;
	text-decoration: none;
	line-height:15px;
	font-weight: normal;
	color:#000000;
}
#box3sub a {
	text-decoration: none;
}
#box3sub ul {
	list-style: none;
}
#box3sub li {
	margin-left:9px;
}

/*	-------------------------------------------------------------
	5. CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
#content {
	/*background-image:url(../bilder/content_oben_ecke.png);
	background-position: top left;
	background-repeat:no-repeat;
	background-color:#fff;*/
	width: 640px;
	height: auto;
	min-height: 370px;
	margin-left: 250px;
	margin-right: 50px;
	text-decoration: none;
	color:#000;

	
}
* html #content { /* Für IE */
	height: 370px;
	margin-top: -366px
}


#content a {
	text-decoration: none;
	background-color:#fff;
	background-color:#eee;
}

#content a:hover {
	text-decoration: none;
	color: #fff;
	background-color:#FF0000;
}


#content ul {
	list-style: none;
	padding-top:10px;	
/*	border-bottom: 1px solid #fff;*/
}

#content li {
	padding-bottom: 10px;
	margin:0 0 0 14px;
	
}

.floatleft {
	float: left;
	margin-right: 20px;

}

/*	-------------------------------------------------------------
	6. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer {
	float: right;
	width: 940px;
	/*background-color: #ffffff;*/
	/*margin-top: 10px;
	margin-right: 50px;
	margin-left: 50px;*/
               }
#footer ul {
	list-style: none;
}
#footer li {
	float: right;
	width: auto;
	border-bottom: 0px solid #765;
	margin-left:3px;
}
#footer a {
	display: block;
	float: left;
	width: auto;
	padding-right: 15px;
	font-size: 10px;
    text-decoration: none;
	font-weight: normal;
	color:#000000;
	background-color: #ffffff;
}
#footer a:hover {
	color:#a8a8a8;
}
#footer li.current {
	border-bottom: 0px solid #ddccbb;
}
#footer li.current a {
               }
#footer li.current a span {
     color: #E6E6E6;
}

#footer a:hover span {
	color: #ffffff;
    cursor: auto;
}
#footerim {
	float: left;
	margin-left: 10px;
	margin-top: -13px;
}
* html #footerim {
	float: left;
	margin-left: 27px;
	margin-top: -13px;
}
#footerim ul {
	list-style: none;
}
#footerim li {
	float: left;
	width: auto;
	border-bottom: 0px solid #765;
	margin-left:3px;
}
#footerim a {
	display: block;
	float: left;
	width: auto;
	padding-left: 9px;
	font-size: 10px;
    text-decoration: none;
	font-weight: normal;
	color:#000000;
}
#footerim a:hover {
    color:#a8a8a8;
}
#footerim li.current {
	border-bottom: 0px solid #ddccbb;
}
#footerim li.current a {
               }
#footerim li.current a span {
    color: #E6E6E6;
}

#footerim a:hover span {
	color: #ffffff;
    cursor: auto;
}