/*******************************
do not edit after this point
scroll to the bottom and enter 
your styles after the coment

=> edit after here for custom styles

*******************************/

@import url(navigation_styles.css);
@import url(content_styles.css);
@import url(form_styles.css);


/* clear all margins and paddings by default */

* {margin:0;padding:0}

/* set body height to force for scrollbar in all browsers and avoid page horizontal jumping */

body, html {
height: 100.11%;
}

/* a general clearer class */

.clear {clear: both;}

/*******************************
the main layout styles 
*******************************/

body {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background: url(../layout_gfx/BG_body.gif) repeat-x top left;
}

/* center the whole site */

#siteCenter {
min-height: 100%;
height: auto;
width: 960px;
margin: auto;
position: relative;
text-align: left;
background: url(../layout_gfx/BG_siteCenter.gif) repeat-y top left;
border: solid #D9D9D9;
border-width: 0 1px;
}

/* the wrapper for the whole header */

#header {
background: url(../layout_gfx/BG_header.gif) repeat-x top left;
height: 271px;
}

/* the top header */

#header_top {
background: url(../layout_gfx/BG_header_top.jpg) no-repeat top right;
background-position: 233px 11px ;
height: 131px;
}

#logo {
margin: 40px 0 0 10px;
border: 0;
}

/* the bottom header */

#header_bottom {
padding: 1px 0 0 0;
height: 138px;
}

#header_bottom_left {
float: left;
width: 160px;
}

#header_bottom_right {
float: right;
width: 200px;
}

.header_img {
margin: 1px 0 0 0;
}

/* the wrapper for the left-content-right columns */

#main {
float: left;
width: 960px;
}

/* the left column */

#column_left {
float: left;
width: 160px;
padding: 42px 0 0 0;
}

.column_left_box {
float: left;
width: 72px;
height: 66px;
margin: 0 0 30px 0;
padding: 10px 7px 0 68px;
overflow: hidden;
}

/* the content column */

#content {
float: left;
width: 560px;
padding: 10px 20px;
}

/* the right column */

#column_right {
float: left;
width: 200px;
padding: 42px 0 0 0;
}

.column_right_box {
float: left;
width: 166px;
background: url(../layout_gfx/BG_column_right_box.gif) repeat-y top left;
margin: 0 0 12px 12px;
}

.column_right_box_headline .wrapper_top {
padding: 34px 0 0 0;
}

.column_right_box_no_headline .wrapper_top {
background: url(../layout_gfx/BG_column_right_box_top.gif) no-repeat top left;
padding: 6px 0 0 0;
}

.column_right_box ul {
background: url(../layout_gfx/BG_column_right_box_bottom.gif) no-repeat bottom left;
padding: 0 0 3px 3px;
}

.column_right_box ul li {
background: url(../layout_gfx/icon_column_right_box_list.gif) no-repeat;
background-position: 5px 6px;
padding: 6px 0 8px 25px;
}

/* position the footer always to bottom of site independent of browser height */

#clearfooter{
clear:both;
height:30px;
width:100%;
padding: 20px 0 0 0;
}

#footer {
width:100%;
position:absolute;
bottom:0;
left: 0;
height: 25px;
background: #E90000;
}

/*******************************
edit after here for custom styles
*******************************/