/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, del, dfn, em, font, img, ins, 
strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

body {
line-height: 1;
}

h1, h2, h3 {
clear: both;
font-weight: normal;
}

ul {
list-style: none;
}

/* =Fonts
-------------------------------------------------------------- */
body {
font-family: lucida, arial, sans-serif;
}

/* =Structure
-------------------------------------------------------------- */
/* The main theme structure */
#access .menu-header,
div.menu, #main, #wrapper {
margin: 0 auto;
width: 954px;
}

#aussen{
position:absolute;
left:50%;
top:50%;
background: #fff;
margin-left:-507px;  
margin-top:-290px; 
width:1014px;
height:580px;
background-color:#d40227;
}

#wrapper {
position:absolute;
left:50%;
top:50%;
background: #fff;
margin-left:-477px;  
margin-top:-280px; 
width:954px;
height:540px;
text-align:left;
padding:0;
color:inherit
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
/*background-color: #f2f2f2;*/
background: url(../images/background.gif) left top repeat;
}

/* Text elements */


input[type="text"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
}

a:link {
color: #0066cc;
}

a:visited {
color: #743399;
}

a:active,
a:hover {
color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header {
width:954px;
height:179px;
padding: 0;
background:#d30228;
}

#logo{
position:relative;
top:0;
left:323px;
width:310px;
height:170px;
background: transparent url(../images/logo2.jpg) no-repeat 0 -170px;
}

#logo:hover{
background: transparent url(../images/logo2.jpg) no-repeat 0 0;
 cursor: crosshair;
}

#header-bottom{
width:954px;
height:46px;
background:#d30228 url(../images/header-bottom.jpg) left top no-repeat;
}

/* =Menu
-------------------------------------------------------------- */

#access {
background: url(../images/navigation-bg.jpg) left top no-repeat;
display: block;
float: left;
width: 954px;
height:53px;
}

#access .menu-header,
div.menu {
font-size: 0.9em;
font-weight:bold;
width: 954px;
}

#navigation{
/*margin-left: 15px;*/
margin-top:29px;
}

#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}

#access .menu-header li,
div.menu li {
float: left;
position: relative;
}

#access a {
color: #525c51;
display: block;
line-height: 1.4em;
text-decoration: none;
}

#access ul ul {
zoom: 1;
filter: 
progid:DXImageTransform.Microsoft.Shadow(color='#b8b8b8', Direction=120, Strength=4);
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 20px;
left: 0;
float: left;
width: 200px;
z-index: 99999;
}

#access .menu ul {
/*margin-left:25px;*/
padding-left:37px;
}

#access .menu ul ul{
margin-left:0;
padding-left:0;
}

#access ul li a{
width:132px;
}

.last a{
width:112px !important;
}

#access ul ul li {
min-width: 200px;
background:#f2f2f2;
/*opacity:0.95;*/
}

#access ul li ul li a{
font-size:0.9em;
line-height:1.0em;
}

#access ul ul ul {
left: 100%;
top: 0;
}

#access ul li a:hover{
color:#d30228;
}

#access ul ul a {
font-size:0.8em;
background: transparent;
padding: 8px 0 7px 10px;
width: 200px;
height: auto;
}

#access li:hover > a,
#access ul ul :hover > a {
color: #525c51;
}



#access ul ul li a:hover {
color: #d30228;
}

#access ul li:hover > ul {
display: block;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
#access ul li.current_page_parent > a{
color: #d30228;
}


* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #d30228;
}

.imprint{
padding:0 2px 0 2px;
}

.active{
padding:0 2px 0 2px;
/*color:#a9a9a9 !important;
background-color:#fff;*/
}

/* =Content
-------------------------------------------------------------- */
#main {
clear: both;
overflow: hidden;
background-color:#fff;
padding: 0;
height:262px;
width:954px;
}
#mainstart {
clear: both;
overflow: hidden;
padding: 0;
background: url(../images/content-start-bg.jpg) top left no-repeat;
height:262px;
width:954px;
}
#content {
font-size:0.8em;
line-height:1.4em;
color:#525c51;
margin: 17px 0 0 39px;
color:#525c51;
}
#content p {
margin-bottom: 6px;
}
#content h1,
#content h2,
#content h3 {
color:#525c51;
line-height: 1.5em;
margin: 0;
}

h2.noscreen{
color:#fff !important;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
font-size:0.8em;
/*margin-bottom: 20px;*/
width:954px;
height:30px;
text-align:center;
color:#e1571d;
background-color:#d30228;
}

#site-info {
padding-top:8px;
font-weight: normal;
}
#site-info a {
color: #e1571d;
text-decoration: underline;
}
#site-info a:hover {
color: #f7a800;
}

/* =Spaltenlayout
-------------------------------------------------------------- */

#colleft{
float:left;
width:30%;
margin-right:15px;
}

#colmiddle{
float:left;
width:30%;
margin-right:15px;
}

#colright{
float:left;
width:30%;
}

#colleftkontakt{
float:left;
width:25%;
}

#colmiddlekontakt{
float:left;
width:40%;
}

#colrightkontakt{
float:left;
width:30%;
}

#colleft h1{
font:normal 160%/1.2em "lucida grande", verdana, sans-serif;
margin-bottom:10px;
}

#colleft h2,
#colmiddle h2,
#colright h2,
#colrightkontakt h2{
padding:0;
margin:0 0 5px 0;
font-size:1.1em;
font-weight:bold;
}

#content ul li {
margin:0 0 2px 0;
padding:0 0 0 16px;
background:url(../images/bullet_content_list.gif) left 0.4em no-repeat;
}

/* Formularlayout
--------------------------------------------------------- */
form {
padding:0;
}

form p {
padding: 6px 0;
}

form label {
font-weight:normal;
color:#383D44;
background:inherit;
}

form label em {
font-style:normal;
color:#B1201F;
background:inherit;
}

form input, form textarea {
width:200px;
border:1px solid #B5B5B5;
padding:3px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
color:#383838;
background-color: #fff !important;
}

form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus,
form textarea#comment:hover,
form textarea#comment:focus {
color:#666;
background-color: #f2f2f2 !important;
}

form textarea {
overflow:auto;
}

#kontakt {
margin:20px 0 18px 0;
}

#kontakt p {
padding:0 0 4px 0;
margin:0;
}

#kontakt input,
#kontakt textarea {
margin:0 0 7px 0;
}

#kontakt .submit,
input#submit {
width:auto;
border-color:#FFF;
padding:3px 6px;
font-size:92.5%;
font-weight:bold;
color:#fff;
background-color:#d30228 !important;
}

#kontakt .submit:hover,
#kontakt .submit:focus,
input#submit:hover,
input#submit:focus {
color:#fff;
background-color:#f8a604 !important;
}

#kontakt textarea,
textarea#comment {
width:80%;
}

#kontakt #cmessage{
height:150px;
}

#cemail,#cname,#csubject{
height:15px;
width:200px;
}

legend em{
position: absolute;
left: -9000px;
}

.imgright{
float:right;
}

.red{
color:#d30228;
}

.entry-content h1{
color:#d30228 !important;
font-size:1.2em;
font-weight:bold;
padding-bottom:5px !important;
}