div#outer_container
{
         width: 980px;
         height: auto;
         display: inline-block;
         background-color: #666666;
         padding: 10px;
}


div#inner_container
{
         width: 980px;
         height: auto;
         display: inline-block;
         background-color: #cfd7dd;
}


/************************************** HEADER ***/

div#leiste_oben
{
         width: 980px;
         height: 50px;
         background-image: url(../images/leisteobenbg.jpg);
}

div#header_container
{
         width: 980px;
         height: 225px;

}
div#header_container.startheader
{
         background-image: url(../images/startheader.jpg);
}
div#header_container.designheader
{
         background-image: url(../images/designheader.jpg);
}
div#header_container.portheader
{
         background-image: url(../images/portheader.jpg);
}
div#header_container.kontaktheader
{
         background-image: url(../images/kontaktheader.jpg);
}


div#logo
{
         width: 245px;
         height: 225px;
         float: left;
}

div#header_content
{
         width: 440px;
         height: 225px;
         padding-left: 50px;
         background-image: url(../images/header_cont_bg2.png);
         float: left;
}
*html div#header_content
{
         width: 490px;
}

div#header_content h1
{
         font-family: Verdana;
         font-size: 24px;
         line-height: 30px;
         color:  #466481;
         font-weight: regular
}
div#header_content h1.red
{
         color: #943434;
}
div#header_content h1.yellow
{
         color: #926c35;
}
div#header_content h1.green
{
         color: #4f813f;
}


div#header_content p.header_content
{
         font-family: Times New Roman;
         font-size: 20px;
         line-height: 24px;
         color: #404041;
}
div#header_content a#header_link
{
         float: right;
         text-decoration: none;
         font-family: Verdana;
         font-size: 11px;
         color: white;
         width: 130px;
         height: 20px;
         padding: 5px 0px 0px 20px;
         outline: none;
         margin-right: 15px;
}

div#header_content a#header_link.blue
{
         background-image: url(../images/header_link_bg_blue.png);
}

div#header_content a#header_link.red
{
         background-image: url(../images/header_link_bg_red.png);
}
div#header_content a#header_link.yellow
{
         background-image: url(../images/header_link_bg_yellow.png);
}
div#header_content a#header_link.green
{
         background-image: url(../images/header_link_bg_green.png);
}

div#header_img
{
         width: 245px;
         height: 225px;
         float: left;
}
div#header_img.start
{
         background-image: url(../images/header_img_start.png);
}
div#header_img.design
{
         background-image: url(../images/header_img_design.png);
}
div#header_img.port
{
         background-image: url(../images/header_img_port.png);
}
div#header_img.kontakt
{
         background-image: url(../images/header_img_kontakt.png);
}
div#header_img.preis
{
         background-image: url(../images/header_img_preis.png);
}


/*********************************** NAVIGATION ***/
div#navigation
{
         width: 980px;
         height: 100px;
         background-image: url(../images/navibg.jpg);
}

span#startseite
{
         width: 244px;
         height: 100px;
         margin-right: 2px;
         float: left;
         background-image: url(../images/starthover.png);
         background-position: 0px 100px;
         background-repeat: no-repeat;
         overflow: hidden;
}
span#design
{
         width: 244px;
         height: 100px;
         margin-right: 2px;
         float: left;
         background-image: url(../images/designhover.png);
         background-position: 0px 100px;
         background-repeat: no-repeat;
         overflow: hidden;
}
span#portfolio
{
         width: 244px;
         height: 100px;
         margin-right: 2px;
         float: left;
         background-image: url(../images/porthover.png);
         background-position: 0px 100px;
         background-repeat: no-repeat;
         overflow: hidden;
}
span#kontakt
{
         width: 242px;
         height: 100px;
         float: left;
         background-image: url(../images/kontakthover.png);
         background-position: 0px 100px;
         background-repeat: no-repeat;
         overflow: hidden;
}
span#startseite:hover
{
         background-position: 0px 0px;
}
span#design:hover
{
         background-position: 0px 0px;
}
span#portfolio:hover
{
         background-position: 0px 0px;
}
span#kontakt:hover
{
         background-position: 0px 0px;
}


a.startseite, a.design, a.portfolio, a.kontakt
{
         border: none;
         outline: none;
}

a.startseite img.startseite, a.design img.design, a.portfolio img.portfolio, a.kontakt img.kontakt
{
         border: none;
         display: block;
}



/********************************************** CONTENT ***/
div#content_container
{
         width: 980px;
         height: auto;
         min-height: 150px;
         background-color: #cfd7dd;
         display: inline-block;
}

div#content_layer
{
         width: 480px;
         height: auto;
         min-height: 50px;
         background-image: url(../images/content_layer_bg.jpg);
         margin-left: 246px;
         margin-top: 50px;
         padding: 5px;
         float: left;
}

div#content
{
         width: 460px;
         height: auto;
         background-image: url(../images/contentbg.png);
         display: inline-block;
         padding: 10px;
}

div#content h2
{
         font-family: Verdana;
         font-size: 16px;
         line-height: 20px;
         color:  #466481;
         padding: 0px;
         margin: 0px;
}

div#content p.content
{
         font-family: Times New Roman;
         font-size: 12pt;
         color: #676666;
         line-height: 16pt;
}
div#content p.content strong
{
         color: #564546;
         font-weight: normal;
         font-style: italic;
}

div#content p.content a.contentlink
{
         font-family: Verdana;
         font-size: 11pt;
         color: #636161;
         text-decoration: none;
         outline: none;
         padding-left: 20px;
         padding-right: 20px;
         border: none;
}
div#content p.content a.contentlink img
{
         border: none;
}
div#content a.contentimglink img
{
         border: none;
         display: block;
         outline: none;
}

div#content img#contentimage_left
{
         float: left;
         padding: 5px 25px 5px 0px;
}
div#content img#contentimage_right
{
         float: right;
         padding: 5px 5px 5px 25px;
}

div#topnavigation
{
         width: 100px;
         height: 20px;
         text-align: right;
         padding-right: 20px;
         padding-left: 340px;
}
div#topnavigation img
{
         float: right;
         border: 0px;
         margin-right: 0px;
         display: block;
}
div#topnavigation a.toplink
{
         font-family: Times New Roman;
         font-size: 10pt;
         color: #636161;
         text-decoration: none;
         line-height: 18px;
         padding: 0px;
         border: 1px solid silver;
         outline: none;
         float: left;
         width: 100px;
}
div#topnavigation a.toplink:hover
{
         background-color: silver;
}

div#content p.refcontent
{
         font-family: Times New Roman;
         font-size: 12pt;
         color: #676666;
         line-height: 16pt;
         height: 140px;
         text-align: left;
         vertical-align: top;
}

div#content p.refcontent span.light
{
         color: silver;
}

a.reflink
{
         text-decoration: none;
         color:  #466481;
         font-family: Verdana;
         font-size: 10pt;
         line-height: 24pt;
         outline: none;
}

a.reflink:hover
{
         border-bottom: 1px solid #466481;
}


/****************** MARGINALBOX ARRANGEMENT ***/
div#marginalbox
{
         width: 170px;
         height: 210px;
         padding: 25px 25px 25px 25px;
         background-image: url(../images/marginalbackground.png);
         float: left;
         margin-left: 12px;
         text-align: center;
         margin-top: 50px;
         font-family: Times New Roman;
         font-size: 12pt;
         color: #676666;
         line-height: 16pt;
}

div#marginalbox h3
{
         font-family: Verdana;
         font-size: 14px;
         line-height: 20px;
         color:  #466481;
}

div#marginalbox a.marginallink
{
         text-decoration: none;
         color:  #466481;
         font-family: Verdana;
         font-size: 8pt;
         line-height: 10pt;
         outline: none;
}

div#marginalbox p.marginaltext
{
         font-size: 8pt;
         font-family: Arial;
         line-height: 10pt;
         text-align: left;
}



/****************************************** FOOTER ***/
div#footer
{
         width: 980px;
         height: 50px;
         background-color: silver;
         background-image: url(../images/footerbg.jpg);
         font-family: Verdana;
         font-size: 9pt;
         color: silver;
         text-align: center;
         padding-top: 50px;
         display: block;
}

div#footericons
{
         width: auto;
         height: 50px;
         text-align: center;
         vertical-align: middle;
         float: left;
}
div#footertext
{
         width: auto;
         height: 30px;
         font-family: Verdana;
         font-size: 9pt;
         color: silver;
         padding-top: 20px;
         float: left;
}

div#footer a.footerlink
{
         text-decoration: none;
         color:  #bdcbd9;
         font-family: Verdana;
}

div#footer a.footerlink:hover
{
         color: white;
}