/* Imports */
@import url("navi.css");
@import url("content.css");
@import url("forms.css");
@import url("infobox.css");
@import url("portfolio.css");
@import url("ie.css");
/* End Imports */


html, body { 
margin: 0; 
padding: 0  
}

body { 
font-family: 'MS Sans Serif', Arial,Geneva,sans-serif;
line-height: 18px; 
font-size: 13px; 
color: #b2ffff;
background: url(../img/bodybg.jpg) #33719c repeat-x; 
}

#container { 
width: 1070px; 
margin: 0; 
padding: 0; 
text-align: left;
}

/* Body */
#main {
width: 1070px; 
min-height: 400px;
background: url(../img/mainbg.jpg) 346px 0px no-repeat; 
}
#main #left { 
float: left; 
width: 318px;
}
#main #left.intro {
background: url(../img/leftbg_intro.jpg) no-repeat;
}
#main #left.webdesign {
background: url(../img/leftbg_webdesign.jpg) no-repeat;
}
#main #left.grafikdesign {
background: url(../img/leftbg_intro.jpg) no-repeat;
}
#main #left.image {
background: url(../img/leftbg_webdesign.jpg) no-repeat;
}
#main #left.kunden {
background: url(../img/leftbg_intro.jpg) no-repeat;
}
#main #left.kontakt {
background: url(../img/leftbg_webdesign.jpg) no-repeat;
}
#main #left.news {
background: url(../img/leftbg_webdesign.jpg) no-repeat;
}
#main #left.impressum {
background: url(../img/leftbg_intro.jpg) no-repeat;
}
#main #left.agb {
background: url(../img/leftbg_webdesign.jpg) no-repeat;
}
#main #left #signet {
width: 251px;
height: 94px;
margin: 14px 0 0 49px;
}
#main #right { 
float: right; 
width: 752px;
background: url(../img/rightbg.jpg) no-repeat; 
}

/* Seitenkopf */
#top { 
width: 1070px;
height: 102px; 
background: url(../img/topbg.jpg) #faea00 no-repeat;
}
#top #logo {
float: left;
margin: 0;
padding: 8px 0 0 10px; 
}
#top #slogan { 
float: left;
margin: 0;
padding: 25px 0 0 168px; 
}
#top #grafik { 
float: left;
margin: 0;
padding: 39px 0 0 154px; 
}
#top #line { 
float: left;
width: 1070px;
height: 2px;
font-size: 0;
line-height: 0;
background: url(../img/topline.gif) no-repeat;
}

/* Impressum, AGB */
#header {
width: 722px;
margin: 0;
padding: 0 30px 0 0;
}
#header .menu {
float: right;
font-size: 12px; 
line-height: 24px;
}
#header .menu a {
margin: 0 2px;
color: #a5d3ef;
}
#header .menu a:hover { 
color: #b2ffff; 
}
#header .menu a.active { 
color: #b2ffff; 
font-weight: bold;
}


/* "More" und "Submit"-Button */
#more {
display: block;
width: 170px;
height: 22px;
text-indent: -9999px;
}
#more {
background: url(../img/morebutbg.png) -170px 0 no-repeat;
}
#more.newsbox, #more.advertbox {
margin: 0;
}
#more.portfoliobox {
margin: 8px 0 10px 35px;
}
#more:hover {
background-position: 0 0;
}


.clear { 
clear: both; 
width: 100%; 
margin: 0; 
padding: 0; 
font-size: 0px; 
line-height: 0px;
}


/* Fuß Inhalt */
#footer { 
height: 117px; 
width: 674px;
margin: 0 0 20px 0;
padding: 25px 35px 15px 35px;
background: url(../img/footerbg.png) no-repeat;
}
#footer #box {
float: left; 
margin: 0 75px 0 0;
padding: 0;
}
#footer #box p,
#footer #adress p { 
margin: 0; 
padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 10px; 
line-height: 13px;
color: #6bbdf5;  
}
#footer #box h3 {
font-size: 11px;
font-weight: bold;
line-height: 22px;
color: #6bbdf5;
margin: 0;
}
#footer #box h3 img {
margin: 0 0 2px 4px;
}
#footer #adress {
float: left; 
margin: 22px 0 0 0;
padding: 0;
}
#footer a { 
color: #6bbdf5; 
}
#footer a:hover { 
color: #fff; 
}