/*
========================================================
basics
========================================================
*/

html,body {
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0;
padding: 0;
background-image: url(../img/bg.gif);
background-repeat: repeat-x;
background-color: #dad7ce;
text-align: center;
}

strong {
font-weight: bold;
font-size: 12px;
}

h1 {
font-weight: bold;
color: #73cc4f;
letter-spacing: 2px;
font-size: 14px;
margin: 0 0 10px 0px;
padding: 0;
}

h2 {
font-weight: italic;
color: #000000;
letter-spacing: 2px;
font-size: 12px;
margin: 10px 0 10px 0px;
padding: 0;
}

p {
margin: 15px 0 0 0;
padding: 0;
}

strong {
font-weight: bold;
}

/*
========================================================
forms
========================================================
*/

.forms {
list-style-type: none;
margin: 10px 0 0 0;
padding: 0;
}

.forms li {
margin: 5px 0 0 0;
padding: 0;
}

label {
display: block;
float: left;
width: 100px;
font-weight: bold;
}

#message {
width: 250px;
height: 150px;
}

#submit {
margin: 0 0 0 100px;
}

.error {
color: #ff0000;
padding: 0 0 0 5px;
}

/*
========================================================
links
========================================================
*/

a:link {
font-weight: bold;
color: #000000;
text-decoration: none;
}

a:visited {
font-weight: bold;
text-decoration: none;
color: #000000;
}

a:active {
font-weight: bold;
text-decoration: none;
color: #000000;
}

a:hover {
font-weight: bold;
color: #000000;
text-decoration: underline;
}

/*
========================================================
img
========================================================
*/

.noborder {
border: 0;
}

.ref {
padding: 1px;
margin: 0 5px 0 0;
border: 1px solid #EAE7E0;
}

/*
========================================================
twitter
========================================================
*/

#twitter_div{
padding: 20px 45px 0 45px;
clear: left;
}

ul#twitter_update_list {
list-style-type: none;
font-size: 14px;
padding: 0 0 15px 0;
margin: 0;
}

#twitter_update_list li {
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #EAE7E0;
}

/*
========================================================
navigation
========================================================
*/

.navlist {
padding: 25px 0 0 80px;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
}

.navlist li {
display: inline;
padding: 0 80px 0 18px;
background-image: url(../img/circle.jpg);
background-repeat: no-repeat;
background-position: 0 1px;
}

/*
========================================================
layout
========================================================
*/

#content a:link {
color: #73cc4f;
text-decoration: underline;
}

#content a:visited {
color: #73cc4f;
text-decoration: underline;
}

#content a:active {
color: #73cc4f;
text-decoration: underline;
}

#content a:hover {
color: #73cc4f;
text-decoration: none;
}

#site {
width: 680px;
margin: 0 auto 0 auto;
text-align: center;
}

#down {
background-image: url(../img/shadow.jpg);
background-repeat: repeat-y;
}

* + html#down {
background-image: url(../img/shadow.jpg);
background-repeat: repeat-y;
background-position: 1px 0;
}

#up {
background-image: url(../img/shadow1.jpg);
background-repeat: repeat-y;
}

#nav {
width: 660px;
background-image: url(../img/nav_bg.gif);
background-repeat: repeat-x;
height: 56px;
margin: 0 auto 0 auto;
padding: 0;
}

#mittel {
width: 660px;
height: 199px;
margin: 0 auto 0 auto;
padding: 20px 0 0 0;
background-image: url(../img/mittel.jpg);
background-repeat: repeat-x;
}

#Info {
width: 660px;
background-color: #ffffff;
margin: 0 auto 0 auto;
clear: left;
text-align: left;
}

#Referenzen {
width: 660px;
background-color: #ffffff;
margin: 0 auto 0 auto;
clear: left;
text-align: left;
}

#Kontakt {
width: 660px;
background-color: #ffffff;
margin: 0 auto 0 auto;
clear: left;
text-align: left;
}

#footer {
width: 570px;
height: 41px;
margin: 20px auto 0 auto;
background-color: #eae7e0;
font-weight: bold;
text-align: left;
padding: 15px 45px 0 45px;
clear: left;
}

#bottom {
padding: 0 0 0 2px;
}

#creatix {
width: 180px;
height: 175px;
float: left;
margin: 0 0 0 15px;
}

* html div#creatix {
width: 143px;
padding: 0 0 0 7px;
}

#leistungen {
width: 180px;
height: 175px;
float: left;
margin: 0 20px 0 20px;
padding: 0 20px 0 20px;
border-right: 1px solid #bfbab1;
border-left: 1px solid #bfbab1;
}

#kontakt {
width: 180px;
height: 175px;
float: left;
}

.mittel_text {
text-align: left;
padding: 0 0 0 37px;
}

* html p.mittel_text {
padding: 0 0 0 18px;
}

.mittel_text2 {
text-align: left;
padding: 0 0 0 20px;
}

* html p.mittel_text2 {
padding: 0 0 0 18px;
}

.mittel_text3 {
text-align: left;
padding: 0 0 0 32px;
font-size: 10px;
}

* html p.mittel_text3 {
padding: 0 0 0 32px;
}

#left {
width: 180px;
border-right: 1px solid #eae7e0;
padding: 0 20px 0 0;
margin: 20px 0 0 45px;
float: left;
text-align: left;
}

* html div#left {
margin: 20px 0 0 20px;
}

#right {
width: 355px;
margin: 0 0 0 265px;
padding: 20px 0 0 0;
text-align: left;
}

#flashcontent {
margin: 0 0 0 0;
}

.overflash{
padding:0 0 70px 0;
}

#partner_div{
padding: 20px 0 0 0;
clear: left;
}

.partner{
margin: 0 0 20px 0;
}

.freeform{
margin: 0 0 0 0;
}

.plaspo{
margin: 0 0 0 100px;
}

#submit{
margin: 0 100px 0 0;
}

.buttons{
text-align: right;
}