/* import Content styling  | Inhalts-Styling einbinden
-------------------------------------------------------------------------------------------------------------- */
@import url(screen/sections.css);
@import url(screen/forms.css);


html { height: 100%; margin-bottom: 1px; }

body {
	font-family: Verdana, Arial, Sans-Serif;
	color: #696969;
	font-size: 100.01%;
	background-image: url(bg2_png.png);
	background-repeat: no-repeat;
	background-position: left;
}

#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
} 

#header {
	height: 120px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
 }

#headerclaim {
	float:left;
	margin-top: 30px;
	margin-left: 3px;
	font-size: 12px;
	font-style: italic;
	color: #B2B2B2;
	font-family: Georgia, Arial;
	font-weight: bold;
}

#headerclaimauthor {
	float:left;
	margin-top: 80px;
	margin-left: -250px;
	font-size: 12px;
	font-style: italic;
	color: #B2B2B2;
	font-family: Georgia, Arial;
	font-weight: bold;
}

#headerlogo {
	float: right;
	margin-top: 0px;
}

#headerlogotext {
	float:right;
	margin-top: 10px;
}

#mainnav {
	margin-top: 70px;
	font-size:0.8em;
}

#outer{ 
	margin-top: -20px;
	padding-left: 206px;
	padding-right: 206px;
} 

#inner {
	margin:0; 
	margin-top: 0px;
	width:100%; 
}



#left {
 	width:206px; 
	margin-top: 0px;
	float:left; 
 	margin-left:-206px; 
 	margin-right:1px;
 }

#left p {
	font-size: 0.79em;
	line-height: 1.2em;
	padding-bottom: 0px;
	color: #999;
}

#left h1 {
	padding: 0;
	font-size: 0.6em;
	font-weight: bold;
	margin-top: 40px;
}

/*-- Allgemeine Positionierung der Hauptnavi--*/
#mainnav {	
	margin-top: 43px;
}

#right {
	width:206px; 
 	float:right; 
 	position:relative; 
 	margin-right:-206px; 
 	margin-left:1px;
}

#right p {
	font-size: 0.7em;
	line-height: 1.2em;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;

}

#right h3 {
	font-size: 0.7em;
	line-height: 1.2em;
	padding-left:10px;
}

/*---- STYLING DER HAUPTNAVIGATION ---*/

/*-- 1. Hierarchie  Positionierung--*/
div.navi_level_1{
	padding: 5px 0px 0px 0px; 
}

/*-- 2. Hierarchie Positionierung --*/
div.navi_level_2{
	font-size: 0.898em;
	position: relative;
	right: -20px;
	padding: 0px 0px 0px 0px; 
}

/*-- Farbe der aktiven Menüpunkte --*/
a.active{
	color:#747474;
	font-weight:normal;
	text-decoration: underline;	
}




.textweiss {
	color: #FFFFFF;
	font-size: 1em;
	line-height: 1.2em;

}

.textgrau {
	color: #777;
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom:10px;
	}

.textbox {
	color: #777;
	font-size: 0.7em;
	line-height: 1.2em;
	padding-left:10px;

}

.textrot {
	color: #cd120e;
	font-size: 0.7em;
	line-height: 0.9em;

}

.righttitel {
	font-size: 0.8em;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-weight: normal;
	line-height: 1.2em;
	color: #777;
}

.righthfpkt {
	font-size: 1.1em;
	margin-bottom:0px;
	font-weight: normal;
	line-height: 1.2em;
	color: #777;
}

.righttitelwhite {
	font-size: 1.1em;
	margin-bottom:0px;
	font-weight: normal;
	color:#FFF;
}

/* Content Mitte */
#content{ 
	
	position: relative; 
	padding-left:30px;
	padding-right:40px;
	font-size: 0.8em;
}

#content p {
	line-height: 1.3em;
	margin: 1em 0px;
}

h1,h2,h3,h4 {
	font-weight:normal;
    margin: 0 0 0.5em 0;
    line-height:1.3em;
  }
  h1 { 
  	font-weight:bold;
    font-size:1em;
    color:#696969;
}     
  h2 { 
    font-size:1em;
    color:#696969;
	font-weight:bold;
}                  
  h3 { 
    font-size:1.1em;
    color:#696969;
    background-color: transparent !important;
}       
  h4 {
    font-size:1em;
    color:#696969 !important;
	font-weight:bold; 
}         

/* Footer */
#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#footertext {
	color: #777;
	font-size: 0.79em;
	margin-left: 246px;
}


/* für rote Boxen */
.infobox {background-color: #cd120e;}
.infobox h1, .infobox p {margin: 0 0px 0 0px; color:#ffffff;}
.infobox h1 {font-size:1em; color:#ffffff; }
.infobox .topp, .infobox .bottomp{display:block;background: #FFFFFF;}
.infobox .topp b, .infobox .bottomp b {display:block;height: 1px; overflow: hidden; background: #cd120e;}
.infobox .r1{margin: 0 5px;}
.infobox .r2{margin: 0 3px;}
.infobox .r3{margin: 0 2px;}
.infobox .topp .r4, .infobox .bottomp .r4{margin: 0 1px;height: 2px;}



.infoboxgrey {background-color: #EDEDED;}
.infoboxgrey h1, .infoboxgrey p {margin: 0 0px 0 0px;}
.infoboxgrey .top, .infoboxgrey .bottom{display:block;background: #FFF;}
.infoboxgrey .top b, .infoboxgrey .bottom b {display:block;height: 1px; overflow: hidden; background: #EDEDED;}
.infoboxgrey .r1{margin: 0 5px;}
.infoboxgrey .r2{margin: 0 3px;}
.infoboxgrey .r3{margin: 0 2px;}
.infoboxgrey .top .r4, .infoboxgrey .bottom .r4{margin: 0 1px;height: 2px;}

.box {width: 205px;line-height: 1em;}
.b1, .b2, .b3, .b4 {
	font-size:1px; 
	overflow:hidden; 
	display:block;}
.b1 {height:1px; background:#cd120e; margin:0 5px;}
.b2 {height:1px; background:white; border-right:2px solid #cd120e; border-left:2px solid #cd120e; margin:0 3px;}
.b3 {height:1px; background:white; border-right:1px solid #cd120e; border-left:1px solid #cd120e; margin:0 2px;}
.b4 {height:2px; background:white; border-right:1px solid #cd120e; border-left:1px solid #cd120e; margin:0 1px;}


.contentbox {
background: white; 
border-right:1px solid #cd120e; 
border-left:1px solid #cd120e;
}
.contentbox div {
margin-left: 10px;
padding-bottom: 0px;
padding-top: 0px;
}

/* für graue Boxen */
.boxg {width: 205px;line-height: 1em;}
.bg1, .bg2, .bg3, .bg4 {
	font-size:1px; 
	overflow:hidden; 
	display:block;}
.bg1 {height:1px; background:#a9a9a9; margin:0 5px;}
.bg2 {height:1px; background:white; border-right:2px solid #a9a9a9; border-left:2px solid #a9a9a9; margin:0 3px;}
.bg3 {height:1px; background:white; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9; margin:0 2px;}
.bg4 {height:2px; background:white; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9; margin:0 1px;}
.contentboxg {background: white; border-right:1px solid #a9a9a9; border-left:1px solid #a9a9a9;}
.contentboxg div {margin-left: 10px;}
/* graue Boxen Ende */


/* Inhalt */
.element{
	overflow:hidden;
	margin-bottom:20px;
}

/* Bilder */
.fotorand {
	margin-left:10px;
	padding: 1px;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-top: 5px;
}

/* Links */
a {
color: #cd120e;
text-decoration: none;
}

a:hover {
color: #747474;
text-decoration: underline;
}

a:active {
 color:#747474;
 text-decoration: underline;
}

.linkweiss {
color: #ffffff;
text-decoration: none;
}

a.linkweiss :hover {
color: #ffffff;
text-decoration: underline;
}

a.linkweiss :active {
	color:#ffffff;
	font-weight:bold;
	text-decoration: underline;	
}


/* für Listen */

ul {
	font-size:0.87em;
	color:#666;
	list-style-type: disc;
	margin: 11px 0px;
	padding-left:40px;
}



ol {
	font-size:0.87em;
	color:#666;
}

/* für Tabellen */
td {
	font-size:0.87em;
	color:#666;
	padding-bottom:5px;
}

/* für Formulare */
#form {
	line-height:1em;
}

input[type="text"], textarea {
	height:12px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size:10px;
	color:#666;
	width:125px;
}

input.button {
background:#F3F3F3 none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0;
padding:2px 5px;
width:185px;
}
input.button:focus {
background:#ddd none repeat scroll 0 0;
}


.searchbutton{
	width:30px;
	height:20px;
}


/*-- PHOTOGALLERY 
---------------------------------------------------*/
.gallery_thumblist{
	margin-top:10px;
}

li.gallery_thumblist_item{
	list-style-type:none;
	float:left;
	margin-bottom:5px;
}

img.gallery_thumb{
	border:0px;
	width:120px;
	height:80px;
	padding: 10px 10px 10px 3px; 
}

.legend{
	width:120px;
}