@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  /* IE9 Compat Modes */
  src: url('../fonts/Raleway-ExtraLight.ttf');
}

body
{
background-color: #010101;
background-repeat: repeat-x; 
background-position: top left;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px; 
text-align: center; 
padding: 20px 0px 0px 0px;
}

h1 
{
font-family: 'Raleway', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

h2 
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family: arial;
  font-style: italic;
  font-weight: 100;
  font-size: 14px;
 }

.layoutcontainer {margin: 0 auto; background-color: #ffffff; width:950px;}

.corner_tl {position:absolute; top:0px; left:0px;}
.corner_tr {position:absolute; top:0px; right:0px;}
.corner_bl {position:absolute; bottom:0px; left:0px;}
.corner_br {position:absolute; bottom:0px; right:0px;}
.logo {position:absolute; bottom:10px; left:15px;}

.head
{
width:950px;
height:121px;
position:relative;
background-color: #ffffff;
}

.lupe:hover
{
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
cursor:pointer;
}


.lupe
{
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}




.topnavi ul
{
list-style: none;
float: left;
margin: 0; 
padding: 0;
position:absolute; 
top:0px; 
right:15px;
}


.topnavi ul li 
{
float:left;
}


.topnavi ul li a:hover
{
font-family:arial;
color:#ffffff;
padding: 85px 10px 5px 10px;
text-decoration:none;
font-size:14px;
display:inline-block;
background-color: #ffba00;
}


.topnavi ul li a
{
font-family:arial;
color:#333333;
padding: 85px 10px 5px 10px;
text-decoration:none;
font-size:14px;
display:inline-block;
background-color: #ffffff;
}

a#active
{
font-family:arial;
color:#ffffff;
padding: 85px 10px 5px 10px;
text-decoration:none;
font-size:14px;
display:inline-block;
background-color: #ffba00;
}



.image
{
width:920px;
background-color: #ffffff;
height:340px;
padding: 0px 15px 0px 15px;
position:relative;
}





.sidenavi
{
float:left;
width:220px;
font-family:arial;
color:#000000;
font-size:14px;
text-align:left;
padding: 10px 0px 0px 15px; 
}



.sidenavi ul
{
list-style: none;
margin: 0; 
padding: 0;
background-color: #ffffff;
}

.sidenavi ul li
{
margin: 0px 0px 2px 0px; 
}

.sidenavi ul li ul 
{
list-style: none;
margin: 0px 0px 20px 0px; 
padding: 0;
}

.sidenavi ul li ul li
{
margin: 0px 0px 0px 0px; 
}

.sidenavi ul li a
{
font-family:arial;
color:#ffffff;
padding: 5px 0px 5px 5px;
text-decoration:none;
font-size:14px;
display:inline-block;
width: 210px;
background-color: #000000;
text-align:left;
}

.sidenavi ul li a:hover
{
font-family:arial;
color:#000000;
padding: 5px 0px 5px 5px;
text-decoration:none;
font-size:14px;
display:inline-block;
width: 210px;
background-color: #ffba00;
text-align:left;
}

a#sideaktiv
{
font-family:arial;
color:#000000;
padding: 5px 0px 5px 5px;
text-decoration:none;
font-size:14px;
display:inline-block;
width: 210px;
background-color: #ffba00;
text-align:left;
}

.sidenavi ul li ul li a
{
font-family:arial;
color:#333333;
padding: 5px 0px 5px 25px;
text-decoration:none;
font-size:12px;
display:inline-block;
width: 190px;
background-color: #d8d7d4;
text-align:left;
}

.sidenavi ul li ul li a:hover
{
font-family:arial;
color:#000000;
padding: 5px 0px 5px 25px;
text-decoration:none;
font-size:12px;
display:inline-block;
width: 190px;
background-color: #c5c4c0;
text-align:left;
}

.content
{
font-family:arial;
font-size:12px;
color:#000000;
float:right;
width:650px;
text-align:left;
padding: 30px 30px 20px 30px;
}

.textItem
{
font-family:arial;
font-size:12px;
color:#000000;
text-align:left;
padding: 0px 0px 20px 0px;
}

.footer
{
clear:both;
width:950px;
height:30px;
position:relative;
background-color: #ffffff;
}


/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:12px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}