* {
margin:0;
padding:0;
}
body {
background:#dfdfde url(../images/background/verlauf.png) 0px 0px repeat-x;
background-attachment:fixed;
background-position:0px 0px;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#header {  /* has to be over whole page because of bg-image! */
position:relative;
background-image:url(../images/background/red_line.gif);
background-position:bottom center;
background-repeat:no-repeat;
margin-bottom:30px;
}

#masthead {
position:relative;
width:970px;
height:215px;
margin:0 auto;
}

#logo_holder {
float:left;
text-align:left;
margin-top:50px;
margin-right:100px;
}

#banner {
float:right;
width:407px;
}

#page {
position:relative;
width:970px;
margin:20px auto 0 auto;
}

#content {
margin-left:200px;
width:750px;
}

#inner_content {
background-image:url(../images/background/middle_content_bg.png);
background-position:center center;
background-repeat:repeat-y;
padding:10px 30px 0px 30px;
clear:both;
min-height:600px;
}

#inner_content ul li {
margin-left:17px;
}

h2.page_heading {
color:#fff;
background-image:url(../images/background/top_content_bg.png);
background-repeat:no-repeat;
background-position:top center;
padding:45px 35px 10px 35px;
}

/* Schrift-Formatierungen, Absätze etc. */
#content table.info_table {
width:70%;
vertical-align:top;
}

strong {
color:#a3211c;
}
h3, legend, label {
color:#a3211c;
padding:10px 0 0px 0;
font-size:1em;
}

h4 {
margin-top:1em;
}

p, label, input {
padding:2px 0 4px 0;
}

/* Navigation ---------------------------------------------------------*/

ul#navi {
width:165px;
float:left;
font-size:1.4em;
font-weight:bold;
position:fixed;
}

ul#navi li {
list-style:none;
margin:0;
padding:0;
float:left;
width:100%;
}

ul#navi li h3 {
margin:0;
padding:0;
}

ul#navi li a {
text-decoration:none;
color:#a3211c;
display:block;
margin:0;
padding:0;
}

ul#navi li a:hover {
color:#fff;
}

ul#navi li ul {
margin-left:15px;
}

ul#navi li ul a {
color:#fff;
font-weight:normal;
font-size:0.7em;
margin:0;
padding:0;
}

ul#navi li ul a:hover {
color:#a3211c;
font-weight:bold;
}

/* Die ein- und ausfahrenden Inhalte. Die KLasse wird per JavaScript eingefügt: */
.toggler {
cursor:pointer;
}
h3.toggler {
	cursor: pointer;
	font-family: 'Andale Mono', sans-serif;
	font-weight:normal;
    background-color:#dfdfde;
	background-position:2px center;
	background-repeat:no-repeat;
	margin: 0 0 2px 0;
	padding: 3px 5px 2px 23px ;
}

.element {
clear:both;
} 
.element ul, .element table, .element p, address {
margin-top:3px;
margin-bottom:6px;
}

address {
text-align:center;
}
h4 {
text-align:center;
}
.right_pics {
float:right;
margin:5px;
}

.right_pics img {
width:200px;
margin:2.5px;
}

/* Das Kontaktformular ################################################################## */
table#wrapper {
width:98%;
}
table#wrapper td {
vertical-align:top;
width:46%;
}

fieldset {
border:none;
}


legend {
font-style:italic;
font-size:0.9em;
}

legend sup {
font-weight:bold;
}
label{
display:block;
margin-top:10px;
position:relative;
font-weight:normal;
}

input, textarea {
width:100%;
position:relative;
border:2px solid #dfdfdf;
}

textarea {
height:70px;
}

input:focus, textarea:focus {
background-color:#efefef;
}
.hidden, .url {
display:none;
}

.displayed {
font-weight:bold;
margin-top:5px;
color:#ff6;
}

.error {
border-color:#f00;
}

input#submit {
position:static;
clear:both;
display:block;
width:auto;
margin-top:5px;
padding:2px;
}

/* Die Seite "Imagefilme"  */
#imagefilmeBody #inner_content {
text-align:center;
}
#imagefilmeBody #inner_content p {
text-align:left;
}
#imagefilmeBody #inner_content img {
padding-left:0;
}

/* Formatierungen fr die Seite "Links" */
table#links {
height:250px;
width:100%;
}
table#links td  {
text-align:center;
font-weight:bold;
}
#linksBody #content a {
color:#a3211c;
text-decoration:none;
}
#linksBody #content a:hover {
text-decoration:underline;
}

#linksBody #content td p {
text-align:left;
font-weight:normal;
}

/* ber die mittleren Bilder wird der Abstand rechts und links geregelt */
img.middle {
margin-right:20px;
margin-left:20px;
}

.pictures {
margin-bottom:15px;
margin-left:15px;
}

.pictures img {
width:200px;
height:123px;
}

/* Impressum                         */
#impressumBody #inner_content {
text-align:center;
padding-top:15px;
}

/* Hacks and Stuff */
 img { behavior: url(js/iepngfix.htc) }