/******* Als Basis für dieses CSS Datei diente mir ein Template von http://www.metamorphozis.com/
 Diese Design ist lizensiert unter Creative Commons Attribution 3.0 License********/

*{
padding: 0px;
margin: 0px;
}

body{
background:#F67F09 url(images/bg2.gif) top repeat-x;
background-attachment:fixed ;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#000;
padding: 0px;
margin: 0px;
}

#content 
{
background: url(images/bg4.jpg) top left no-repeat;
background-attachment:fixed ;
width: 100%;
}

a{
color:#FF7D00;
text-decoration:none;
}

a:hover, a:active{
color:#710000;
text-decoration:underline;
}

#header{
height: 275px;
}


#main
{
width: 498px;
margin: 0 auto;
}

#wrapper
{
width: 498px;
background: url(images/top.png) no-repeat top;
padding-top: 5px;
opacity: 0.9;
}

#logo
{
height: 230px;
width: 498px;
text-align: right;
}

#logo h1
{
font-size: 2.3em;
padding-top: 140px;
padding-left: 20px;
font-weight: bold;
color: #000;
font-family: arenzi, sans-serif;
text-shadow: 2px 2px 2px #585858;

}

#logo h2
{
font-size: 1em;
padding-left: 20px;
font-weight: bold;
color: #000;
}

@font-face { font-family: arenzi; src: url('fonts/arenzi.ttf'); } 


#text{
background: #FFFFFF;
padding:10px;
}

#text p, address{
padding:5px;
}

#text h1, h2, h3{
padding:5px;
color:#710000;
}

h1{
font-size:1.2em;
}

h2{
font-size:1.05em;
}

em{
font-size: 0.8em;
}

h3{
font-size:1em;
}

#text ul, ol{
padding-left:12px;
margin-left:12px;
}


#footer{
font-size:0.9em;
text-align:center;
border-top:1px solid #B07A34;
background: url(images/bottom.png) bottom;
margin-bottom: 20px;
height: 25px;
padding-top: 10px;
opacity: 0.9;
}

#footer a{
text-decoration:underline;
}

#navlist ul
{
text-align:center;
padding-bottom: 5px;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #710000;
text-decoration: none;
border:1px solid #710000;
}

#navlist a:hover
{
color: #000;
background-color: #FF7D00;
text-decoration: none;
border:1px solid #000;
}

.box
{
color:#000000;
font-size:1.0em;
background-color:#ffffff;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;}

.note
{
  	display: block;
	margin: 10px 15px 10px 15px;
	color: #555555;
}
br {clear:both;}

iframe{
width:465px; height:350px; 

}
.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.red{color: #710000;}

.box{
color:#000000;
font-size:1.0em;
background-color:#ffffff;
border:2px solid #710000;
line-height:1.3em;
padding:5px 5px 5px 8px;
}
.fb{float:right; margin:0 0 4px 15px;}