/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#centerwrap{
        width: 980px;
        margin: 0px auto 0px auto;
        padding: 0px 0px;
        text-align: left;
        border-left:2px;
        border-right:2px;
        border-top:0px;
        border-bottom:3px;
        border-style:solid;
        border-color:#AAA;
        background-color: #FFF;
}

#masthead{
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid #cccccc;
        width: 100%;
}

#leftUpperBox{
        float: left;
        margin: 3px;
        padding: 0px;
/*        background-color: #eeeeee;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;*/
}

#rightUpperBox{
    float:right;
        margin: 3px;
        padding: 0px;
/*        background-color: #eeeeee;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;*/
}

#headlines{
    float:right;
        width: 20%;
        border-left: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        padding-right: 10px;
}

#content{
        float:left;
          width: 575px;
}

#evl{
        float:right;
          width: 795px;
}

#rightAccountBox{
    float:right;
        margin: 2px;
        margin-right: 5px;
        padding: 0px;
}

#rightFunctionsBox{
    float:right;
        margin: 2px;
        padding: 0px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
        margin: 0;
        padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 0px;
/*border-bottom: 1px solid #CCC;*/
color: #cccccc;
vertical-align:bottom;
text-align:center;
}

#globalNav img{
/* display: block;*/
}

#globalNav a {
        font-size: 90%;
        padding: 0 0px 0 0;
}

/*************** #pageName styles **************/

#pageName{
        margin: 0px;
        padding: 0px 0px 0px 10px;
}

/*************** #statusbar styles **************/

#statusbar{
        padding: 0px 0px 5px 0px;
        border-bottom: 1px solid #CCC;
        color: #11017E;
        font-size: 10px;
}

/*************** #flashbar styles **************/

#flashbar{
        padding: 0px;
        border: 0px groove #CCC;
        background-color: #00AFAF;
        height:150px;
        width:980px;
        text-align:center;

}
#flashbar_function{
        padding: 0px;
        border-bottom: 1px solid #CCC;
        color: #cccccc;
        height:100px;
        width:100%;
        background-color:#3366CC;
}
#flashbar_rest{
        padding: 0px;
        border: 0px groove #CCC;
        color: #cccccc;
        height:90px;
        width:100%;
        background-color:#FFFFF0;
        text-align:center;
}

/************* #breadCrumb styles *************/

#breadCrumb{
        font-size: 80%;
        padding: 2px 0px 0 10px;
        margin-left:185px;
}


/************** .feature styles ***************/

.feature{
        padding: 0px 0px 10px 10px;
        font-size: 80%;
}

.feature h3{
        font-size: 110%;
        padding: 0px 0px 0px 0px;
}

.feature img{
        float: left;
        padding: 10px 10px 0px 0px;
}

.feature p{
 font-size: 110%;
 margin: 0px;
 padding: 0px;
}

.feature h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 160%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

.feature h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 140%;
 color: #333333;
}

.feature h1 i{
 color: #808080;
 text-decoration:none;
 font-style:normal;
}

/************** .story styles *****************/

.story{
        clear: both;
        padding: 10px 0px 0px 10px;
        font-size: 90%;
        color:#FF6600;
}

.story h3{
        font-size: 100%;
        padding: 0px 0px 0px 0px;
}

.story p{
        margin: 0px;
        margin-bottom:10px;
        padding: 0px 0px 0px 0px;
}

.story ul li{
        margin: 0px;
        margin-left:20px;
        padding: 0px 0px 0px 0px;
}

.trade{
        clear: both;
        padding: 10px 0px 0px 10px;
        font-size: 60%;
        color:#999999;
}

/************** .agb styles *****************/

.agb{
        clear: both;
        padding: 10px 0px 0px 10px;
        font-size: 80%;
}

.agb h2{
        font-size: 110%;
        padding: 0px 0px 0px 0px;
}
.agb h3{
        font-size: 90%;
        padding: 0px 0px 0px 0px;
}
.agb h4{
        font-size: 90%;
        font-weight:bold;
        padding: 0px 0px 0px 0px;
}
.agb p{
        margin: 0px;
        margin-bottom:10px;
        padding: 0px 0px 0px 0px;
}

/************** .smallPics styles ***************/

.smallPics{
        padding: 10px 10px 10px 10px;
        font-size: 60%;
        vertical-align:top;
        height: 100%;
}

.smallPics img{
        float:center;
        padding: 2px 2px 2px 2px;
        border-color:#AAAAAA;
}

/************* #footer styles ***************/

#footer{
        clear: both;
        text-align:center;
        border: 1px solid #cccccc;
        font-size: 75%;
        color: #999999;
        padding: 10px 10px 10px 10px;
        margin-bottom:10px;
}

#footer img{
        padding: 4px 4px 4px 10px;
        vertical-align: middle;
}


/************* #search styles ***************/

#search{
        padding: 5px 0px 5px 10px;
        border-bottom: 1px solid #cccccc;
        font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
        display: block;
        margin: 0px;
        padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #newsBox styles ***********/

#newsBox{
        position: relative;
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid #cccccc;
        font-size: 90%;
}

#newsBox h3{
        padding: 10px 0px 2px 10px;
}

#newsBox a {
        display: block;
        border-top: 1px solid #cccccc;
        padding: 2px 0px 2px 10px;
}

#newsBox a:hover{
        background-color: #dddddd;
}

#newsBox p{
        background-color: #dddddd;
        text-align:justify;
        font-size:80%;
        padding: 10px 10px 2px 10px;
}

/*********** #anwenderBerichtBox styles ***********/

/*********** #nextStepsBox styles ***********/

/*********** #SideBox Grey styles ***********/
.side_box_grey{
        width: 180px;
        overflow: hidden;
        margin-bottom: 16px;
        background: transparent url(../bilder/side_box_mid_grey.gif) repeat-y bottom;
}

.side_box_grad{
        width: 180px;
        overflow: hidden;
        margin-bottom: 16px;
        background: transparent url(../bilder/side_box_mid_grad.gif) repeat-y bottom;
}

.side_box_grad a{
        color: #FFFFFF;
}

.side_box_grad a:link{
        color: #FFFFFF;
}

.side_box_grad a:visited{
        color: #FFFFFF;
}

.side_box_grad a:hover{
        color: #FFFFFF;
}

/* top and bottom corner elements, for solid color boxes */
div.side_box_top,
div.side_box_btm {
        height: 4px;
        clear: both;
        overflow: hidden;
        }
div.side_box_top {
        background: transparent url(../bilder/side_box_top180.gif) no-repeat;
        }
div.side_box_btm {
        background: transparent url(../bilder/side_box_btm180.gif) no-repeat;
        }
/* top and bottom corner elements, for the grey gradient boxes */
div.side_box_top-g,
div.side_box_btm-g {
        clear: both;
        overflow: hidden;
        }
div.side_box_top-g {
        height: 4px;
        background: transparent url(../bilder/side_box_top-g180.gif) no-repeat;
        }
div.side_box_btm-g {
        height: 6px;
        background: transparent url(../bilder/side_box_btm-g180.gif) no-repeat;
        }
/* sidebar headers */
div.side_box_hdr {
        height: 20px;
        clear: both;
        overflow: hidden;
        color:#FFFFFF;
        margin-left:10px;
        margin-right:10px;
        font-weight:bold;
        border-bottom: 1px solid #CCCCCC;
        }
div.side_box_hdr i {
        font-size: 90%;
        font-style:normal;
        color:#666666;
        }
div.side_box_hdr_snapshot {
/*        background: transparent url(../bilder/side_box_hdr_snapshot.gif) no-repeat;*/
        }

/* projects sidebar */
div.side_box_body_projects,
div.side_box_body_projlead {
        padding: 4px 12px 8px 12px;
        margin: 0px;
        color: #fff;
        overflow: hidden;
        }
/* sidebar body element styles */
div.side_box_body {
        padding: 12px 12px 8px 12px;
        margin: 0px;
        float: left;
        }
div.side_box_body p {
        padding: 2px 0px 8px 0px;
        margin: 0px;
        overflow: hidden;
        }
.side_box_body_active {
        background-color:#FFDF60;
        padding: 12px 12px 12px 12px;
        }
div.side_box_gradbox div.side_box_body {
        color: #fff;
        }
/* stats (for snapshot on project page) */
div.side_box_body_projstat {
        width: 100%;
        clear: both;
        float: left;
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid #dcdcdc;
        }
div.side_box_body_projstat i {
        font-size: 80%;
        font-style:normal;
        color:#666666;
        }
div.side_box_body_projstat strong {
        display: block;
        width: 90px;
        float: left;
        padding: 4px 0px 4px 0px;
        }
div.side_box_body_projstat span {
        width: 100px;
        float: left;
        padding: 4px 0px 4px 0px;
        color: #666;
        }
div.side_box_body_projstat_last {
        padding-bottom: 0px;
        border: none;
        }

/*********** #dataSheetBox styles ***********/


/************** #advert styles **************/

#advert{
        padding: 30px 0px 10px;
}

#advert img{
        display: block;
}

/************** .spacer ***************/

.spacer{
        height:'100%';
}

input.button        { background-color:#99CCFF;        border-width=1; border-color:#6699CC;        }
.formk                 { color:#000066; text-decoration:none; font-size:9pt;                        }
.info                { color:#CC3300; }
<link rel="stylesheet" href="style.css" type="text/css">