/*******************************************************
**   CSS SITE: http://www.conform-international.de    **
*******************************************************/

/* Kill browser inkompatibilities */
* { padding:0px; margin:0px; border:0px; }

/*******************************************************
**    BASE PAGE LAYOUT DEFINITION VIA ABSOLUTE DIVs   **
*******************************************************/
body { /* base layout window */
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:1.3em;
}
#mainpage { /* contains whole page */
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    z-index:1;
}
#head { /* contains LOGO, HEADLINE and MENU_TOP */
    left:0px;
    top:0px;
    width:100%;
    height:100px;
    border-bottom:12px solid #05529A;
    background-image: url(../images/menu_top_bg.png);
    background-repeat: repeat-x;
    background-position:bottom;
}
#logo { /* spacer for clickable Logo directing 2 home */
    width:275px;
    height:100px;
    float:left;
    border-right:20px solid #FFF;
}
#headline { /* spacer for page head - CONSTRUCTION - FORMWORK - WORLDWIDE */
        position:absolute;
	top:0px;
        left:260px;
	height:43px;
	width:720px;
	background-color:#FFF;
}
#headline a {
    float:right;
    margin-right:15px;
    margin-top:5px;
    margin-bottom:3px;
    color:#666;
    font-size:9px;
}
#headline img { }
#menu_top { /* spacer including level-1-block-links and language selectbox */
    position:absolute;
    top:60px;
    left:285px;
    width:685px;
    height:50px;
}
#menu_top a { /* level-1-block-links for the MENU_TOP */
    float:left;
    display:block;
    width:138px;
    height:35px;
    background:url(../images/menu_top_but.png) left top no-repeat;
    text-align:center;
    padding-top:15px;
    text-decoration:none;
    color:#000;
    font-weight:bold;
}
#menu_top a:hover { 
    color:#05529A;
}
#menu_top a:active {
    color:#05529A;
}

#menu_top form { /* definition for the language-selector-position */
    float:left;
    margin-left:5px;
}

#menu_top select { /* definition lookalike of the language-selector */
	float:right;
    width:120px;
    border:none;
    font-size:.9em;
    margin-top:14px;
    margin-left:5px;
}
#content {
    background-color:#FFF;
    left:0px;
    width:980px;
    min-height: 562px;
}
#content-top {
    margin-top:10px;
    left:0px;
    width:980px;
    height:115px;
}
#menu-image { /* spacer for the header-image above left menu */
    float:left;
    width:275px;
    height:115px;
}
#trailer-image { /* spacer for the trailer-image above text-content and images righthand */
    float:right;
    height:115px;
    width:695px;
}
#content-area {
    width:970px;
    border-top:10px solid #FFF;
    border-bottom:10px solid #FFF;
}

#main-menu { /* spacer for the left menu including header-image, level-2-links and contact-box LI_CONTACT*/
    width:275px;
    padding-bottom:10px;
    background-color:#E6E6E6;
}

#linkarea {
    width:275px;
    min-height:245px;
}
#linkarea ul {
    padding-top:10px;
    margin-left:5px;
    list-style:none;
}
#linkarea li {
    list-style-type:none;
    margin:5px;
}
#linkarea li a {
    display:block;
    width:230px;
    padding:3px;
    padding-left:20px;
    background:url(../images/menu_li_dot.png) 5px center  no-repeat #C4C5C7;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
#linkarea li a:hover {
    color:#05529A;
}
#linkarea li a:active{
    color:#05529A;
}
#contactbox { /* definition of the contact-box within MENU_LI */
    position:relative;
    bottom:-13px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:50px;
    width:250px;
    border:2px solid #05529A;
    background-color:#FFF;
    line-height:1.5em;
}
#contactbox h1 { /* headline for the contact-box */
    height:15px;
    background-color:#05529A;
    color:#FFF;
    font-size:12px;
    padding-bottom:5px;
    font-weight:normal;
    padding-left:5px;
}
#contactbox p { /* texparts in the contact-box */
    padding:5px;
}

#contenttext { /* including main content-text */
    position:absolute;
    top:250px;
    left:285px;
    padding-left:10px;
    width:400px;
}
#contenttext p.title {
    margin-bottom:10px;
}
#contenttext h1 {
    color:#04478B;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:10px;
}
#contenttext p { margin-bottom:1em; }

#contenttext td, #contenttext table, #contenttext tr { font-size:11px; vertical-align:top; line-height:1.1em; }
#contenttext td.top { vertical-align:bottom; font-weight:bold;  }

#picturebar {
    position:absolute;
    top:245px;
    left:710px;
    width:270px;
    margin-bottom:10px;
}

#partners {
    position:absolute;
	bottom: 39px;
	left: 294px;
    width:672px;
    border:2px solid #05529A;
    background-color:#FFF;
    line-height:1.5em;
    padding-bottom:5px;
    margin-top:20px;
}
#partners h1 {
    height:15px;
    background-color:#05529A;
    color:#FFF;
    font-size:12px;
    padding-bottom:5px;
    font-weight:normal;
    margin-bottom:5px;
    padding-left:5px;
}   
#partners p {
    text-align:center;
	padding-left:6px;
}

#partners  span.pblock {float:left;margin:4px 6px 4px 0;}

#footer {
    width:100%;
    height:20px;
    padding-top:5px;
    background-color:#05529A;
    font-size:12px;
    color:#FFF;
    margin-top:5px;
}

#copyright {
    float:left;
    font-size:10px;
    height:15px;
    margin-left:709px;
    margin-top:0px;
    width:270px;
}

/* DESIGN LISTEN */
table.liste {
	width:400px;;
	border:0px;
	margin-top:-20px;
	margin-bottom:5px;
} 
table.liste td.top {
	font-weight:bold;
	vertical-align:bottom;
	border-bottom:1px solid #333;
	}
table.liste tr.first { background-color:#eee; }
table.liste tr.second { background-color:#ddd; }
table.liste td.bullets { text-align:center; width:25px; }


/* Kontaktformular */
#contactform {width:400px; }

#contactform input {background-color:#eee;width:275px; margin-bottom:7px; border-bottom:1px solid #666; float:right; }
#contactform textarea {background-color:#eee;width:275px; height:60px; margin-bottom:5px; border:1px solid #666; float:right; }
#contactform .submitbt { width:100px; border:1px solid #666; }
.titleselect {margin-bottom:7px; }

/* downloadcenter */
#downloadcenter table {margin-bottom:20px;}
#downloadcenter table tr {vertical-align:center;}
#downloadcenter table tr td {font-weight:bold;}
#downloadcenter select{font-size:10px;width:280px;border:1px solid #b7b7b7;}