/* CSS Document */

body {
background-color:#fff;
background-image:url(../images/backgrounds/body.jpg);
background-position:top;
background-repeat:repeat-x;
font-family:Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#666;
margin:0;
}

* {
padding:0;
margin:0;
}

#container {
width:770px;
margin:0 auto 0 auto;
}

#header {
height:130px;
background-image:url(../images/backgrounds/logo-e&d.jpg);
background-repeat:no-repeat;
padding:0 235px 0 20px;
}

#navigation{
background-image:url('../images/nav_bg.gif');
width:519px;
padding:0;
margin:0;
height:1.85em;
list-style:none;
}

#navigation li{
float:left;
clear:none;
list-style:none;
}

#navigation li a{
color:#fff;
display:block;
font-family:Trebuchet MS, Tahoma, Verdana;
font-size:1.0em;
text-decoration:none;
font-weight:bold;
padding:3px 18px;
}

#navigation li a:hover{
color:#fff;
background:#507E1B;
}

#active a{
background:#8CCB3F;
}

#sidebar {
width:215px;
background-color:#f9f9f9;
padding:28px 20px 20px 20px;
float:left;
margin:10px 0 0 0;
}

.sidebarfooter {
background-color:#8CCB3F;
padding:1px 5px 1px 5px;
}

.sidebarfooter-image {
background-image:url(../images/image-9-small.jpg);
background-repeat:repeat-x;
background-position:top;
padding:1px 5px 120px 5px;
}

#sidebar h1 {
font-size:1.6em;
font-family:Trebuchet MS, Tahoma, Verdana;
font-weight:normal;
letter-spacing:-0.1em;
}

#sidebar h2 {
font-family:Trebuchet MS, Tahoma, Verdana;
font-size:1.0em;
text-transform:uppercase;
margin:35px 0 10px 0;
color:#8CCB3F;
}

#sidebar p {
font-size:0.89em;
line-height:1.7em;
margin:10px 0 10px 0;
}

#sidebar-2 {
width:215px;
background-color:#fff;
padding:315px 20px 20px 20px;
float:left;
margin:345px 0 0 -255px;
}

#sidebar-3 {
width:215px;
background-color:#fff;
padding:170px 20px 20px 20px;
float:left;
margin:345px 0 0 -255px;
}

#sidebar-4 {
width:215px;
background-color:#fff;
padding:135px 20px 20px 20px;
float:left;
margin:345px 0 0 -255px;
}

#sidebar-5 {
width:215px;
background-color:#fff;
padding:570px 20px 20px 20px;
float:left;
margin:345px 0 0 -255px;
}

#sidebar-6 {
width:215px;
background-color:#fff;
padding:425px 20px 20px 20px;
float:left;
margin:345px 0 0 -255px;
}

#sidebar-7 {
width:215px;
background-color:#fff;
padding:360px 20px 20px 20px;
float:left;
margin:315px 0 0 -255px;
}

#content {
margin:0 0 0 270px;
padding:30px 30px 30px 20px;
}

.Stil1 {font-size: 90%}
.Stil2 {font-size: 100%}
.Stil3 {font-size: 110%}
.Stil4 {font-size: 120%}
.Stil5 {font-size: 130%}
.Stil6 {font-size: 140%}
.Stil7 {font-size: 150%}
.Stil8 {font-size: 160%}
.Stil9 {font-size: 170%}
.Stil10 {font-size: 180%}
.Stil11 {font-size: 190%}
.Stil12 {font-size: 200%}
.Stil13 {font-size: 210%}

#content h1 {
font-family:Trebuchet MS, Tahoma, Verdana;
font-size:1.65em;
text-transform:uppercase;
margin:10px 0 20px 0;
color:#8CCB3F;
}

#content p {
line-height:20px;
padding:0 0 0 20px;
margin:20px 0 20px 0;
}

#content li {
margin:10px 0 10px 20px;
padding:0 0 10px 15px;
list-style:none;
border-bottom:1px solid #ddd;
background-image:url(../images/backgrounds/li.gif);
background-repeat:no-repeat;
background-position:top left;
}

#content a {
padding:2px;
color:#8CCB3F;
text-decoration:none;
}

#content a:hover {
color:#333;
background-color:#A9D86F;
}

#footer {
padding:20px;
color:#ccc;
text-align:center;
border-top:2px solid #ddd;
}

#footer a {
color:#ccc;
text-align:center;
text-decoration:none;
}

/* Formular */

#buttons {
background-color:#ddd;
border: none;
width:5em;
height:auto;
margin:0px 0px 0px 105px;
}

input {
font:1.0em Trebuchet MS, Tahoma, Verdana;
color:#555;
height:1.4em;
width:18em;
float:right;
}

textarea {
font:1.0em Trebuchet MS, Tahoma, Verdana;
color:#555;
height:4.2em;
width:18em;
float:right;
}

#contact {
width:1em;
margin:0px 0px 0px 15px;
}

label {
width: 5.5em;
text-align:right;
}

#webdesign-referenzen {
width:415px;
height:337px;
background-image:url(../images/webdesign/referenzen-webdesign.jpg);
}

#printdesign-referenzen {
width:415px;
height:273px;
background-image:url(../images/printdesign/referenzen-printdesign.jpg);
}

#sanitaerdesignvorlage-1 {
width:415px;
height:322px;
background-image:url(../images/designvorlagen/sanitaer-design.jpg);
}

#arrow-ecs-banner {
width:430px;
height:349px;
background-image:url(../images/news/arrow-ecs-banner.jpg);
}

#ccs365 {
width:430px;
height:349px;
background-image:url(../images/news/ccs365-gmbh.jpg);
}

#ccs365-shop-banner {
width:430px;
height:349px;
background-image:url(../images/news/ccs365-shop-banner.jpg);
}

#ccs365-shop {
width:430px;
height:349px;
background-image:url(../images/news/ccs365-shop.jpg);
}

#usc {
width:430px;
height:349px;
background-image:url(../images/news/usc-gmbh.jpg);
}

#usc-shop {
width:430px;
height:349px;
background-image:url(../images/news/usc-shop.jpg);
}

#usc-shop-banner {
width:430px;
height:349px;
background-image:url(../images/news/usc-shop-banner.jpg);
}

#u-s-c-gmbh-flyer {
width:430px;
height:283px;
background-image:url(../images/news/flyer-u-s-c-gmbh.jpg);
}


#u-s-c-gmbh-visitenkarte {
width:430px;
height:283px;
background-image:url(../images/news/visitenkarte-u-s-c-gmbh.jpg);
}

#geschenkbox-gmbh-logo {
width:430px;
height:283px;
background-image:url(../images/news/logo-geschenk-geburtstag.jpg);
}

#vs-forum {
width:430px;
height:349px;
background-image:url(../images/news/vs-forum.jpg);
}

#vs-forum-2012 {
width:430px;
height:349px;
background-image:url(../images/news/vs-forum-2012.jpg);
}

#catch-the-cloud {
width:430px;
height:349px;
background-image:url(../images/news/catch-the-cloud.jpg);
}

#geschenkbox-gmbh-template {
width:430px;
height:349px;
background-image:url(../images/news/template-geschenk-geburtstag.jpg);
}

#knapp-quality-solutions-visitenkarte {
width:430px;
height:283px;
background-image:url(../images/news/visitenkarte-knapp-quality-solutions.jpg);
}

#sachverstaendiger {
width:430px;
height:283px;
background-image:url(../images/news/sachverstaendiger.jpg);
}

#fahrrad-lange {
width:430px;
height:349px;
background-image:url(../images/news/fahrrad-lange-1.jpg);
}

#diefahrradprofis {
width:430px;
height:349px;
background-image:url(../images/news/diefahrradprofis.jpg);
}

#mundialwines {
width:430px;
height:349px;
background-image:url(../images/news/mundialwines.jpg);
}

#mehrlebensfreude {
width:430px;
height:349px;
background-image:url(../images/news/mehrlebensfreude.jpg);
}

#proseccoempfang {
width:430px;
height:349px;
background-image:url(../images/news/proseccoempfang.jpg);
}

#agentur {
width:430px;
height:349px;
background-image:url(../images/news/buero.jpg);
}

#landeskomitee {
width:430px;
height:349px;
background-image:url(../images/news/landeskomitee.jpg);
}

#gemeinde-creativ {
width:430px;
height:349px;
background-image:url(../images/news/gemeinde-creativ.jpg);
}

#agentur-2 {
width:415px;
height:337px;
background-image:url(../images/ueber-uns/buero.jpg);
}

#finden {
width:415px;
height:337px;
background-image:url(../images/ueber-uns/finden.jpg);
}
