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

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

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

h1 {
background-color: #E1E1E1;
font-weight: bold;
color: #820E0E;
letter-spacing: 2px;
font-size: 14px;
margin: 10px 0px 10px 0px;
padding: 2px;
}

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: 350px;
height: 150px;
font-size: 12px;
}

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

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

input {
border: 1px solid #851A1D;
background-color: #ffffff;
font-family: helvetica, arial, sans-serif;
color: #797979;
padding: 2px;
}

textarea {
border: 1px solid #851A1D;
background-color: #ffffff;
font-family: helvetica, arial, sans-serif;
color: #797979;
padding: 2px;
}

button {
background-color: #851A1D;
color: #ffffff;
font-weight: bold;
border: 0;
padding: 2px;
letter-spacing: 1px;
}

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

a:link {
font-weight: bold;
color: #831619;
text-decoration: underline;
}

a:visited {
font-weight: bold;
text-decoration: underline;
color: #831619;
}

a:active {
font-weight: bold;
text-decoration: underline;
color: #831619;
}

a:hover {
font-weight: bold;
color: #831619;
text-decoration: none;
}

.noborder {
border: 0;
}

.border_red {
border: 1px solid #851A1D;
padding: 1px;
}

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

#twitter_div {
margin: 15px 0 0 0;
padding: 0;
}

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 #E1E1E1;
}

/*
========================================================
jquery tabs
========================================================
*/

.tabNavigation
{
margin: 0;
padding: 0 10px 20px 0;
border-bottom: 1px solid #851A1D;
}

.tabNavigation ul, .tabNavigation li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.tabNavigation a:link, .tabNavigation a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 20px 4px 0;
text-decoration: none;
color: #4D4D4D;
}

/*.tabNavigation a:link.current, .tabNavigation a:visited.current, .tabNavigation a:hover*/
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover
{
border-bottom: 4px solid #851A1D;
padding-bottom: 2px;
background: transparent;
color: #851A1D;
}

.tabNavigation a:hover { color: #000; }

/*
ul.tabNavigation
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.tabNavigation li
{
display: inline;
list-style-type: none;
}

UL.tabNavigation LI A {
background-color: #ccc;
padding: 5px 10px 5px 10px;
color: #851A1D;
text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
color: #851A1D;
text-decoration: underline;
}	


UL.tabNavigation LI A:focus {
outline: 0;
}
*/

div.tabs > div {
padding: 0;
margin-top: 10px;
width: 580px;
}
		
div.tabs > div h2 {
margin-top: 0;
}

#first {
background-color: #f00;
}

#second {
background-color: #0f0;
}

#third {
background-color: #00f;
}
		
.waste {
min-height: 1000px;
}

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

.nav {
width: 500px;
height: 48px;
background: url(../img/nav.gif) no-repeat;
position: relative;
}

* html .nav {
width: 535px;
}

* + html .nav {
width: 535px;
}

.nav li {
display: inline;
}

.nav li a:link, .nav li a:visited {
position: absolute;
top: 0;
height: 48px;
text-indent: -9000px;
overflow: hidden;
z-index: 10;
}

.nav .START a:link, .nav .START a:visited {
left: 23px;
width: 76px;
}

.nav .START a:hover, .nav .START a:focus {
background: url(../img/nav.gif) no-repeat -23px -49px;
}

.nav .START a:active {
background: url(../img/nav.gif) no-repeat -23px -98px;
}

.current-START .START a:link, .current-START .START a:visited {
background: url(../img/nav.gif) no-repeat -23px -147px;
cursor: default;
}

.nav-START, .nav-START-click {
position: absolute;
top: 0;
left: 23px;
width: 76px;
height: 48px;
background: url(../img/nav.gif) no-repeat -23px -49px;
}

.nav-START-click {
background: url(../img/nav.gif) no-repeat -23px -98px;
}

.nav .LEISTUNGEN a:link, .nav .LEISTUNGEN a:visited {
left: 100px;
width: 145px;
}

.nav .LEISTUNGEN a:hover, .nav .LEISTUNGEN a:focus {
background: url(../img/nav.gif) no-repeat -100px -49px;
}

.nav .LEISTUNGEN a:active {
background: url(../img/nav.gif) no-repeat -100px -98px;
}

.current-LEISTUNGEN .LEISTUNGEN a:link, .current-LEISTUNGEN .LEISTUNGEN a:visited {
background: url(../img/nav.gif) no-repeat -100px -147px;
cursor: default;
}

.nav-LEISTUNGEN, .nav-LEISTUNGEN-click {
position: absolute;
top: 0;
left: 100px;
width: 145px;
height: 48px;
background: url(../img/nav.gif) no-repeat -100px -49px;
}

.nav-LEISTUNGEN-click {
background: url(../img/nav.gif) no-repeat -100px -98px;
}

.nav .REFERENZEN a:link, .nav .REFERENZEN a:visited {
left: 246px;
width: 147px;
}

.nav .REFERENZEN a:hover, .nav .REFERENZEN a:focus {
background: url(../img/nav.gif) no-repeat -246px -49px;
}

.nav .REFERENZEN a:active {
background: url(../img/nav.gif) no-repeat -246px -98px;
}

.current-REFERENZEN .REFERENZEN a:link, .current-REFERENZEN .REFERENZEN a:visited {
background: url(../img/nav.gif) no-repeat -246px -147px;
cursor: default;
}

.nav-REFERENZEN, .nav-REFERENZEN-click {
position: absolute;
top: 0;
left: 246px;
width: 147px;
height: 48px;
background: url(../img/nav.gif) no-repeat -246px -49px;
}

.nav-REFERENZEN-click {
background: url(../img/nav.gif) no-repeat -246px -98px;
}

.nav .KONTAKT a:link, .nav .KONTAKT a:visited {
left: 394px;
width: 114px;
}

.nav .KONTAKT a:hover, .nav .KONTAKT a:focus {
background: url(../img/nav.gif) no-repeat -394px -49px;
}

.nav .KONTAKT a:active {
background: url(../img/nav.gif) no-repeat -394px -98px;
}

.current-KONTAKT .KONTAKT a:link, .current-KONTAKT .KONTAKT a:visited {
background: url(../img/nav.gif) no-repeat -394px -147px;
cursor: default;
}

.nav-KONTAKT, .nav-KONTAKT-click {
position: absolute;
top: 0;
left: 394px;
width: 114px;
height: 48px;
background: url(../img/nav.gif) no-repeat -394px -49px;
}

.nav-KONTAKT-click {
background: url(../img/nav.gif) no-repeat -394px -98px;
}

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

#head {
background-image: url(../img/head_bg.jpg);
background-repeat: no-repeat;
width: 980px;
height: 90px;
padding: 5px 0 0 430px;
}

* html div#head {
width: 590px;
height: 71px;
padding: 16px 0 0 390px;
}

* + html div#head {
padding: 16px 0 0 390px;
}

#banner_start {
height: 225px;
width: 980px;
background-image: url(../img/banner_bg_start.jpg);
background-repeat: no-repeat;
}

#banner_leistungen {
height: 225px;
width: 980px;
background-image: url(../img/banner_bg_leistungen.jpg);
background-repeat: no-repeat;
}

#banner_referenzen {
height: 225px;
width: 980px;
background-image: url(../img/banner_bg_referenzen.jpg);
background-repeat: no-repeat;
}

#banner_kontakt {
height: 225px;
width: 980px;
background-image: url(../img/banner_bg_kontakt.jpg);
background-repeat: no-repeat;
}

#site {
margin: 0 auto 0 auto;
padding: 0;
width: 980px;
background: #ffffff;
}

#main {
padding: 0;
margin: 0 0 0 20px;
width: 590px;
float: left;
}

* html div#main {
margin: 0 0 0 10px;
}

#right {
margin: 0 0 0 620px;
width: 350px;
}

.ul_right {
list-style-image:url(../img/point.jpg);
font-size: 14px;
}

.ul_content {
list-style-image:url(../img/point2.jpg);
font-size: 14px;
}

.red {
display: block;
padding: 10px;
background-color: #851A1D;
color: #BB7476;
text-align: justify;
}

.red a:link {
text-decoration: underline;
color: #ffffff;
font-weight: bold;

}

.red a:visited {
text-decoration: underline;
color: #ffffff;
font-weight: bold;
}

.red a:active {
text-decoration: underline;
color: #ffffff;
font-weight: bold;
}

.red a:hover {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

#footer {
margin: 10px 0 0 0;
padding: 20px 0 0 0;
clear: left;
text-align: center;
background-image: url(../img/footer_bg.jpg);
background-repeat: repeat-x;
height: 70px;
}

#footer p {
margin: 5px 0 0 0;
padding: 0;
}