body {
margin:0px;
padding:0px;
background: #f2f2f2;
background-image: url("../design/bg.gif");
background-repeat: repeat-x;
}
img {
border:0px;
}

#set {
width:1004px;
background-image: url("../design/content_anfang.gif");
background-repeat: no-repeat;
margin:auto;
}

#mantel {
width:1004px;
background-image: url("../design/content_fortsetzung.gif");
background-repeat: repeat-y;
margin:auto;
}

/* Logo */

#logo{
border:0px;
padding:0px;
width: 1004px;
height: 80px;
margin: auto;
background-image: url("../design/logo.jpg");
background-repeat: no-repeat;
}

/* Banner */

#banner{
width: 1004px;
border:0px;
padding:0px;
height: 180px;
margin: auto;
background-repeat: no-repeat;
}

.banner_print{background-image: url("../design/banner_print.jpg");}

.banner_kontakt{background-image: url("../design/banner_kontakt.jpg");}

.banner_web{background-image: url("../design/banner_web.jpg");}

.banner_flash{background-image: url("../design/banner_flash.jpg");}

.banner_referenzen{background-image: url("../design/banner_referenzen.jpg");}

.banner_leistungen{background-image: url("../design/banner_leistungen.jpg");}

.banner_ueberuns{background-image: url("../design/banner_ueberuns.jpg");}

.banner_portfolio{background-image: url("../design/banner_portfolio.jpg");}

/* breadcrumb */

#breadcrumb
{
height:30px;
width:787px;
padding-left:177px;
border-bottom: 1px dashed;
border-bottom-color: #000000;
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
color: #101010;
line-height:30px;
margin:auto;
}

#breadcrumb a
{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
color: #101010;
text-decoration: underline;
}

/* Navigation */

#navigation {
float:left;
width: 161px;
font-family: verdana;
font-size: 12px;
font-weight: bold;
line-height:30px;
padding-left:20px;
}

#navigation div {
display:block;
line-height:30px;
border-bottom: 1px dashed;
border-bottom-color: #000000;
}

#navigation div.sub {
display:block;
line-height:20px;
font-weight:normal;
border:0px;
}

#navigation a {
display:block;
padding-left:29px;
color: #58585a;
text-decoration: none;
}

#navigation a:hover {
display:block;
padding-left:29px;
color: #000000;
text-decoration: none;
}

#navigation .sub a {
display:block;
padding-left:46px;
color: #58585a;
text-decoration: none;
}

#navigation .sub a:hover {
display:block;
padding-left:46px;
color: #000000;
text-decoration: none;
}

#navigation .aktiv {
padding-left:29px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
#navigation .subaktiv {
padding-left:46px;
color: #000000;
font-weight: bold;
text-decoration: none;
}

/* content */

#content {
padding-bottom:50px;
margin-left:197px;
line-height: 1.5em;
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
color: #3e3d40;
width: 600px;
}

#content h1.erdbeere{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 18px;
color: #DC270C;
margin-top: 10px;
padding-top: 0px;
}

#content h1.orange{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 18px;
color: #ffa800;
margin-top: 10px;
padding-top: 0px;
}

#content h1.limette{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 18px;
color: #64b500;
margin-top: 10px;
padding-top: 0px;
}

#content h1.trauben{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 18px;
color: #979918;
margin-top: 10px;
padding-top: 0px;
}
#content h1.blackberry{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 18px;
color: #402C2E;
margin-top: 10px;
padding-top: 0px;
}

#content.referenz li a {
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
color: #7D7D7D;
}
#content.referenz li a:hover {
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
color: #979918;
}

#content h2{
font-family: Trebuchet MS;
font-weight: bold;
font-size: 14px;
color: #3e3d40;
margin-top: 10px;
padding-top: 0px;
}

#content li a {
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
color: #7D7D7D;
}

#content li a:hover {
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
color: #DB250D;
}
#content a{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
color: #7d7d7d;
text-decoration: underline;
}

#content a:hover{
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
color: #ffa800;
text-decoration: underline;
}

#content img {
float:left;
border: 1px solid;
border-color: #3c3c3c;
margin-right:10px;
}

#content span.typo3 {
color:#FF8700;
}

#content div.portfolio {
width: 200px;
float: left;
}

#content div.portfolio p{
margin-left: 5px;
font-size: 11px;
}

#content div.portfolio a {
font-size: 11px;
font-weight: normal;
color: #7d7d7d;
text-decoration: underline;
}

#content div.portfolio a:hover{
font-size: 11px;
font-weight: normal;
color: #382224;
text-decoration: underline;
}

#content div.portfolio img{
border: 0px;
}


/* content_right */

#content_right
{
float:right;
width: 162px;
border-bottom: 1px dashed;
border-bottom-color: #000000;
line-height:1.5em;
margin-right:10px;

}

html>body #content_right
{
margin-right:20px;
}

#content_right img
{
margin-top: 10px;
margin-bottom:10px;
}


/* Footer */

#footer
{
clear:both;
border:0px;
padding:0px;
width:1004px;
height:20px;
margin: auto;
background-image: url("../design/footer_abschluss.gif");
background-repeat: no-repeat;
}


#bottom
{
z-index:10;
position:relative;
top:0px;
background: #f2f2f2;
width:1004px;
height:60px;
font-family: verdana;
font-weight: bold;
font-size: 12px;
color: #58585a;
margin: auto;
}

#bottom a
{
color: #58585a;
text-decoration: none;
}

#bottom a:hover
{
color: #000000;
text-decoration: none;
}

#bottom div.copy
{
position:relative;
top:-14px;
left:480px;
width: 504px;
font-family: verdana;
font-weight: normal;
font-size: 12px;
color: #a7a7a8;
text-align: right;
}

#bottom div.krone
{

position:relative;
top:-134px;
left:822px;
width:162px;
height:0px;
}


.fd
{
font-size:90%;
font-weight:bold;
color: #87888A;
}

.input
{
border: 1px solid;
border-color: #58585a;
}

/*Linkfarben*/
#content a.link_limette:link{
color: #7D7D7D;
text-decoration:underline;
}
#content a.link_limette:hover{
color: #64b500;
text-decoration:underline;
}

#content a.link_erdbeere:link{
color: #7D7D7D;
text-decoration:underline;
}
#content a.link_erdbeere:hover{
color: #DB250D;
text-decoration:underline;
}

.information {
visibility: hidden;
position: fixed;
bottom:40px;
margin:auto;
width:564px;
height:450px;
background: #ffffff;
border: 3px solid #7D7D7D;
padding:20px;
line-height: 1.5em;
font-family: Trebuchet MS;
font-weight: normal;
font-size: 12px;
color: #3e3d40;
}

.information span {
	color: #7d7d7d;
}