BODY {
    font-family:Arial, Verdana;
    font-size:11px;
    color:#686868;
}
FORM, P, h1, h2, h3, h4, h5, h6, ul {
    padding:0;
    margin:0;
}

A {
    color:#88092a;
    text-decoration:underline;
}
A:Hover {
    color:#88092a;
    text-decoration:none;
}

.clear {
    clear: both;
}

div#page {
    margin: 0 auto;
    width:900px;
}
div#header {
    width:900px;
    height:106px;
}
div#header img#logo {
    float:left;
    margin-left:35px;
    margin-top:10px;
    padding:5px;
}
div#header img#sentence {
    float:right;
    padding-right:70px;
    padding-top:20px;
}

/* -- menu -- */
div#menu {
    width:840px;
    height:59px;
    background-color:#F5F5F5;
    border-top:1px solid #DADADA;
    border-bottom:1px solid #DADADA;
    padding-left:60px;
    padding-top:10px;
}
div#menu a {
    font-size:26px;
    text-decoration:none;
    float:left;
    margin-right:30px;
    color:#c9c9c9;
    text-align:left;
}
div#menu a:hover, div#menu a#active {
    color:#88092a;
}
div#menu span {
    font-size:12px;
    color:#4b4b4b;
}
div#menu a#active span {
    background-color:#4b4b4b;
    color:white;
}


/* -- search field -- */
div#search {
    float:right;
    width:170px;
    height:46px;
    margin-right:70px;
}
div#search img {
    float:left;
}
div#search img#search_form_img {
    margin-top:12px;
    margin-left:17px;
}
div#search form {
    float:left;
}
div#search input {
    position:relative;
    top:-20px;
    left:20px;
    float:left
    width:110px;
    font-size:10px;
    border:1px solid white;
    background-color:white;
    color:#686868;
}
div#search div#search_button {
    float:left;
    position:relative;
    top:-37px;
    left:142px;
    width:20px;
    height:15px;
    cursor:pointer;
}


/* -- main page -- */
div#main { 
    width:900px; 
}
div#main div#main_photo {
    float:left;
    text-align:right;
    width:504px;
    height:269px;
    padding-left:60px;
}
div#main div#main_news {
    float:left;
    text-align:left;
    width:236px;
    height:228px;
    padding-right:70px;
    border-bottom:1px solid #DADADA;
    padding-top:40px;
    padding-left:30px;
}
div#main div#main_news h2 {
    font-family:Arial;
    font-size:26px;
    font-weight:normal;
    color:#ff2323;
    padding-bottom:10px;
}
div#main div#main_news li {
    list-style:none;
    width:230px;
    border-bottom:1px solid #dadada;
}
div#main div#main_news a {
    line-height:20px;
    color:black;
    text-decoration:none;
}
div#main div#main_news a:hover {
    text-decoration:underline;
}
div#main div#main_news a span {
    color:#686868;
}
div#main div#main_news a#news_more {
    border:0px;
    color:#88092a;
    text-decoration:none;
}
div#main div#main_news a#news_more:hover {
    text-decoration:underline;
}


div#main div#main_umbreitcms {
    float:left;
    text-align:left;
    width:770px;
    height:99px;
    padding-left:60px;
    padding-right:70px;
}

div#main div#main_company {
    float:left;
    text-align:left;
    width:504px;
    height:196px;
    padding-left:60px;
    border-top:1px solid #DADADA;
}
div#main div#main_company img {
    float:right;
}
div#main div#main_company h2 {
    font-family:Arial;
    font-size:26px;
    font-weight:normal;
    color:#111111;
    padding-bottom:10px;
    padding-top:10px;
}
div#main div#main_company p {
    font-size:11px;
    color:#686868;
    line-height:15px;
}
div#main div#main_company a#read_more {
    font-size:11px;
    color:#88092a;
    text-decoration:none;
}
div#main div#main_company a#read_more:hover {
    text-decoration:underline;
}

div#main div#main_project {
    float:left;
    width:261px;
    height:197px;
}



div#footer {
    width:840px;
    float:left;
    border-top:1px solid #dadada;
    text-align:left;
    padding-left:60px;
    padding-top:20px;
    padding-bottom:20px;
    color:#b3b3b3;
}
div#footer a {
    text-decoration:none;
    color:#b3b3b3;
    
}


/* -- paging -- */
div#main_paging         { float:left; padding:10px; text-align:center; width:400px; }
div#main_paging span    { padding-right:5px; color:black; }
div#main_paging a       { text-decoration:none; color:black; }
div#main_paging a:hover { text-decoration:underline; color:black; }
div#main_paging b       { font-weight:bold; color:#B62E20; }


/* -- contact form -- */
div#contact_form                        { margin-top:20px; }
div#contact_form textarea#contact_text  { font-family:Verdana, Arial; font-size:11px; width:400px; height:100px; border:1px solid #999999; color:#666666; margin-bottom:5px; padding:3px; }
div#contact_form input#contact_name     { font-family:Verdana, Arial; font-size:11px; width:200px; border:1px solid #999999; color:#666666; margin-bottom:5px; padding:3px; }
div#contact_form input#contact_mail     { font-family:Verdana, Arial; font-size:11px; width:200px; border:1px solid #999999; color:#666666; margin-bottom:5px; padding:3px; }
div#contact_form a                      { text-decoration:underline; font-weight:bold; color:#88092a; }
div#contact_form a:hover                { text-decoration:none; }


/* -- search results -- */
div#search_results           { width:100%; }
div#search_results h2        { font-size:14px; font-weight:bold; margin-bottom:20px; }
div#search_results h3        { font-size:12px; font-weight:bold; margin-top:10px; }
div#search_results h4        { margin-left:20px; font-size:12px; font-weight:normal; }
div#search_results a         { text-decoration:underline; color:#88092a; }
div#search_results a:hover   { text-decoration:none; }


/* -- offer page -- */
div#offer_full           { margin-bottom:10px; }
div#offer_full h2        { font-size:14px; font-weight:bold; margin-bottom:5px; }
div#offer_full h2 img    { margin-right:5px; }
div#offer_full h5        { font-size:10px; color:gray; margin-bottom:10px; }
div#offer_full p         { font-size:11px; }

div.offer_mini           { float:left; width:100%; margin-bottom:20px; }
div.offer_mini h3        { font-size:12px; font-weight:bold; margin-bottom:5px; }
div.offer_mini h3 img    { margin-right:5px; }
div.offer_mini h6        { font-size:10px; color:gray; }
div.offer_mini p         { font-size:11px; }
div.offer_mini a         { text-decoration:underline; color:#88092a; }
div.offer_mini a:hover   { text-decoration:none; }


/* -- portfolio page -- */
div#portfolio_full           { margin-bottom:10px; }
div#portfolio_full h2        { font-size:14px; font-weight:bold; margin-bottom:5px; }
div#portfolio_full h2 img    { margin-right:5px; }
div#portfolio_full h5        { font-size:10px; color:gray; margin-bottom:10px; }
div#portfolio_full p         { font-size:11px; }
div#portfolio_full img#foto  { float:left; border:1px solid #dadada; margin-bottom:5px; }
div#portfolio_gallery        { float:left; margin-right:10px; margin-bottom:5px; }
div#portfolio_gallery span   { cursor:pointer; float:left; padding:5px; background-color:#88092a; color:white; margin-right:5px; }
div#portfolio_gallery span#foto_active { background-color:black; }
div#portfolio_gallery a      { text-decoration:none; }

div.portfolio_mini           { float:left; width:100%; margin-bottom:20px; }
div.portfolio_mini h3        { font-size:12px; font-weight:bold; margin-bottom:5px; }
div.portfolio_mini h3 img    { margin-right:5px; }
div.portfolio_mini h6        { font-size:10px; color:gray; }
div.portfolio_mini img#foto  { float:left; margin-right:10px; border:1px solid #dadada; }
div.portfolio_mini p         { font-size:11px; }
div.portfolio_mini a         { text-decoration:underline; color:#88092a; }
div.portfolio_mini a:hover   { text-decoration:none; }


/* -- clients page -- */
div#clients_full           { margin-bottom:10px; }
div#clients_full h2        { font-size:14px; font-weight:bold; margin-bottom:5px; }
div#clients_full h2 img    { margin-right:5px; }
div#clients_full h5        { font-size:10px; color:gray; margin-bottom:10px; }
div#clients_full img#foto  { float:left; margin-right:10px; margin-bottom:5px; border:1px solid #dadada; }
div#clients_full p         { font-size:11px; }

div.clients_mini           { float:left; width:100%; margin-bottom:20px; }
div.clients_mini h3        { font-size:12px; font-weight:bold; margin-bottom:5px; }
div.clients_mini h3 img    { margin-right:5px; }
div.clients_mini h6        { font-size:10px; color:gray; }
div.clients_mini img#foto  { float:left; margin-right:10px; border:1px solid #dadada; }
div.clients_mini p         { font-size:11px; }
div.clients_mini a         { text-decoration:underline; color:#88092a; }
div.clients_mini a:hover   { text-decoration:none; }
img.clients_mini_logo      { vertical-align:-20%; margin-right:5px; margin-top:2px; }


/* -- references -- */
div.reference_mini      { margin-bottom:20px; }
div.reference_mini img  { margin-right:5px; }
div.reference_mini h4   { font-size:12px; font-weight:bold; }
div.reference_mini p    { font-size:11px; }
div.reference_mini b    { font-size:11px; font-weight:bold; }


/* -- news page -- */
div#news_full           { margin-bottom:10px; }
div#news_full h2        { font-size:14px; font-weight:bold; }
div#news_full h5        { font-size:10px; color:gray; margin-bottom:10px; }
div#news_full img       { float:right; margin-left:5px; border:1px solid #dadada; }
div#news_full p         { font-size:11px; }

div.news_mini           { float:left; width:100%; margin-bottom:15px; }
div.news_mini h3        { font-size:12px; font-weight:bold; }
div.news_mini h6        { font-size:10px; color:gray; }
div.news_mini img       { float:left; margin-right:10px; border:1px solid #dadada; }
div.news_mini p         { font-size:11px; }
div.news_mini a         { text-decoration:underline; color:#88092a; }
div.news_mini a:hover   { text-decoration:none; }


/* -- right column -- */
div#right_column {
    float:left;
    width:238px;
    border-left:1px solid #dadada;
    position:relative;
    text-align:left;
    left:-2px;
}
div#right_column h2 {
    width:218px;
    height:55px;
    border-bottom:1px solid #dadada;
    padding-top:23px;
    text-align:left;
    padding-left:20px;
    color:#88092a;
    font-weight:normal;
    font-size:25px;
}
div#right_content {
    padding:15px 25px 15px 25px;    
}
div.right_small {
    float:left;
    width:265px;
}
div.right_small .inside {
    padding:25px 0px 0px 25px;
}
div.right_small .inside h2{
    color:#88092A;
    font-weight:normal;
    font-size:20px;
}
div.left_big {
    float: left;
    width: 506px;
    margin-left: 61px
}
div.left_big .inside {
    padding: 5px 15px 10px 0px;
}
div.left_big h1 {
    padding:0px;
    margin: 20px 0px 0px 0px;
    font-weight:normal;
    font-size:25px;
}

/* -- medium column -- */
div#medium_column {
    float:left;
    width:480px;
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    position:relative;
    left:-1px;
}          
div#medium_column div#medium_up {
    width:480px;
    height:78px;
    border-bottom:1px solid #dadada;
    text-align:left;
}
div#medium_column div#medium_main{
    text-align:left;
    padding:15px 25px 15px 25px;
}


/* -- big column -- */
div#big_column {
    float:left;
    width:720px;
    border-left:1px solid #dadada;
    position:relative;
    left:-1px;
}
div#big_column div#big_up {
    width:720px;
    height:58px;
    border-bottom:1px solid #dadada;
    text-align:left;
    color:#88092A;
    font-size:18px;
    padding: 20px 0px 0px 20px;
}
div#big_column div#big_main {
    text-align:left;
    padding:15px 25px 15px 25px;
}

div#big_main ul { margin: 0 0 2em; color: #818181; overflow: hidden }
div#big_main li { margin: 10px 0 0; padding: 0 0 0 18px; background: url(../img/arrow.gif) no-repeat 2px 2px; }
div#big_main ul > li { padding: 0 0 0 30px; }
/*
div#big_column div#big_right {
    float:right;
    width:199px;
    height:48px;
    padding-top:30px;
    border-bottom:1px solid #dadada;
}
div#big_column div#big_right a {
    color:#88092a;
}
*/


/* -- left column -- */
div#left_column {
    float:left;
    width:178px;
    border-right:1px solid #dadada;
}
div#left_column h1 {
    width:158px;
    height:55px;
    border-bottom:1px solid #dadada;
    padding-top:23px;
    text-align:left;
    padding-left:20px;
    color:#4b4b4b;
    font-weight:normal;
    font-size:25px;
    
}
div#left_menu {
    padding-top:15px;
    padding-bottom:50px;
}
div#left_menu li{
    list-style:none;
    width:158px;
    line-height:20px;
    border-bottom:1px solid #dadada;
    font-size:11px;
    background-color:white;
    color:#333333;
    padding-left:20px;
    text-align:left;
    cursor:pointer;
}
div#left_menu li a {
    line-height:20px;
    font-size:11px;
    color:#333333;
    text-decoration:none;

}
div#left_menu li:hover, div#left_menu li:hover a, div#left_menu li.active, div#left_menu li.active a{
    background-color:#4b4b4b;
    color:white;
}
div#left_menu li img {
    margin-right:5px;
}


span#back { margin-top:10px; margin-bottom:10px; float:left; width:100%; }
span#back a { color:#88092a;  }