/* -------------/ PAGE /------------- */

body {
padding: 0px;
margin: 0px;
background-image: url(images/bg.jpg);
background-color: #464e51;
color: #ffffff;
font: 13px Arial, Sans-Serif;
}

#page {
margin: 0 auto;
padding: 0px;
width: 887px;
}

.hidden {
display: none ;
}

a {
outline: none;
}

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

h2 {
font-size: 15px;
font-weight: bold;
color: #38e1a3;
margin: 0px;
padding: 0px;
}

/* -------------/ HEADER /------------- */

#header {
background-image:url(images/header.jpg);
width: 887px;
height: 148px;
}

/* -------------/ REFERENZEN /------------- */

#referenzen {
width: 887px;
height: 177px;
}

#links {
width: 21px;
height: 140px;
overflow: hidden;
float: left;
margin: 63px 20px 0 93px;
display:inline;
}

#rechts {
width: 21px;
height: 140px;
overflow: hidden;
float: left;
margin: 63px 0 0 20px;
display:inline;
}

#mitte {
position: relative;
overflow: hidden;
width: 615px;
height: 187px;
float: left;
padding: 0px;
}

.image {
border: 4px #363d3f solid;
width: 611px;
}

.section {
display: block;
float: left;
width: 611px;
}

.section p {
margin: 2px 0 0 5px;
}

#slide {
width: 40000px;
position: absolute;
}

.one {
font-size: 11px;
font-weight: bold;
color: #93adb5;
}

.two {
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

.url {
background-image: url(images/url.gif);
background-repeat: no-repeat;
text-decoration: none;
height: 12px;
width: 11px;
}

a.url:hover {
background-image: url(images/url_h.gif);
background-repeat: no-repeat;
height: 12px;
width: 11px;
}

.hidden2 {
visibility: hidden;
}

/* -------------/ CONTENT /------------- */

#content {
width: 753px;
height: 174px;
padding-top: 95px;
padding-left: 134px;
background-image: url(images/content.jpg);
background-repeat: no-repeat;
}

#content p {
margin: 13px 0 0 0;
padding: 0px;
}

#content a {
text-decoration: underline;
font-weight: bold;
color: #FFFFFF;
}

#content a:hover {
color: #38e1a3;
}

/* -------------/ FOOTER /------------- */

#footer {
width: 887px;
height: 79px;
padding-top: 20px;
font-size: 11px;
color: #6a7f85;
background-image: url(images/footer.jpg);
}

#footer a {
text-decoration: underline;
color: #6a7f85;
}

#footer a:hover {
text-decoration: none;
color: #86a0a7;
}

/* -------------/ KONTAKTFORMULAR /------------- */

fieldset, form {
border: none;
margin: 10px 0 0 0;
padding: 0px;
}

input.formular {
font: 12px Arial, Sans-Serif;
background: url(images/kontakt.jpg) no-repeat;
color: #FFFFFF;
border: 0px;
margin: 0 0 4px 1px;
padding: 7px 0px 0px 18px;
width: 207px;
height: 22px;
}

div#submit {
background: url(images/kontakt.jpg) no-repeat;
border: none;
margin: 0 0 4px 1px;
padding: 3px 6px;
width: 211px;
height: 24px;
}

input.senden {
text-align: left;
font: 12px Arial, Sans-Serif;
background: transparent;
color: #38e1a3;
font-weight: bold;
border: none;
padding: 1px 0px 0px 11px;
width: 211px;
height: 22px;
}

textarea#nachricht {
font: 12px Arial, Sans-Serif;
background: url(images/kontakt2.jpg);
border: 0px;
color: #FFFFFF;
margin: 2px 0 0 2px;
padding: 4px;
width: 376px;
height: 120px;
}

fieldset div.box_links {
width: 229px;
float: left;
}

fieldset div.box_betreff {
width: 447px;
float: left;
}

.clear {
clear: both;
display: none;
overflow: hidden;
}

.clear_none {
clear: both;
}

/* -------------/ IMPRESSUM /------------- */

a.back {
font: 15px Arial, Sans-Serif;
text-decoration: underline;
font-weight: bold;
color: #38e1a3;
}

a.back:hover {
color: #FFFFFF;
}