/* CSS Document */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 


/* Allgemeine Selektoren */

html { height: 101%; } 
body {
background-color: #781a31;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em;
color:#a10f34;
padding:0;
margin:0;
}


/* Allgemeine Klassen und IDs */

a {  /* Unterstreichung entfernen */
   color: ##A10F34; 
   text-decoration: none; 
   outline: none; 
}
a:link { 
	color: ##EE7A19; 
	font-size: 12px;
	} 
a:visited { 
	color: #EE7A19; 
	font-size: 12px;
	}
a:hover { 
   color: #FFFFFF;
   font-size: 12px;
}
a:active { 
   color: #EE7A19; 
   font-size: 12px;
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */
.skiplink {
position:absolute;
top: -200px;
left: -300px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}
/* ==================================== 
  Styles für die Startseite
   ==================================== */
#wrapper {
width: 580px;  
margin: 150px auto; /* 150px oben + unten, Abstand links + rechts automatisch */
}

#index_logo {
width: 120px;
float:left;
padding: 10px;
}

#index_menue_bild {
width: 360px;
float:right;
padding-right: 50px;
padding-top: 80px;
}

#index_menue_text {
width: 350px;
float:right;
padding-right: 25px;
padding-top: 5px;
}

/* ==================================== 
   Styles für restliche Seiten
   ==================================== */
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FCB000;
	text-decoration: none;

}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fcb000;

}
.textgelb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fcb000;
}
.mainA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FCF7EC;
}

	
.link2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #EE7A19;
	text-decoration: none;
}

.gelb10kursiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EE7A19;
	font-style: italic;
}


.textrotbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #a10f34;
}

/* ----------container zentriert das layout-------------- */
#container {
	width: 62em;
	margin: 20px auto;
	padding: 0;
	background-color: #781a31;
	
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	margin-left: 0;
padding: 3px;

}

#mainnavi {
	margin: 0;
	padding: 0;
	background:url(../pix/hg_mainnavi.jpg) repeat;	
}

#mainnavi p{
	margin-left: 40em;
	padding: 3px;
}

#mainnavi p a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #781A31;
	text-decoration: none;
}

#mainnavi p a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}



/* -----------------Inhalt--------------------- */
#content {
	min-height: 425px;
	background-color: #FCF7EC;
	padding: 0;
	margin: 0 0 0 0;
}
#content_ref {
	min-height: 700px;
	background-color: #FCF7EC;
	padding: 0;
	margin: 0 0 0 0;
}

#content_ref_1 {
	min-height: 1550px;
	background-color: #FCF7EC;
	padding: 0;
	margin: 0 0 0 0;
}

#content_ref_2 {
	min-height: 800px;
	background-color: #FCF7EC;
	padding: 0;
	margin: 0 0 0 0;
}

#content_ref a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #D60014;
	text-decoration: none;
}
	
#content_ref a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #EE7A19;
	text-decoration: none;
}

#content_ref_2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #D60014;
	text-decoration: none;
}
	
#content_ref_2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #EE7A19;
	text-decoration: none;
}


p{
	padding: 10px;
	margin: 0;
}


h1 {
	padding: 25px 20px 20px 10px;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #ff9900;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #D60014;
	text-decoration: none;
}
	
#content a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #EE7A19;
	text-decoration: none;
}

#content ul {
padding: 0 2px 0 0;
  margin-bottom: 0.3em;
  list-style-position: inside;
  
}

#content li {
	padding-left: 2em;
	margin-top: 0.2em;
	
}
/* -------------- navigavtion ------------- */
#left {
	float: left;
	margin: 0;
	padding:0;
	background-color: #FCF7EC;
}
#right {
	float: right;
	margin: 0;
	padding: 0;
}


#left img {
 float: left;
 margin-right: 25px;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	
	padding: 0;
	margin: 0;
	margin: 0 10em;
}