@font-face {
    font-family: 'Century751SeBdBTSemiBold';
    src:url('../font/Century751SeBdBTSemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTPro-BdCn_0';
    src:url('../font/HelveticaNeueLTPro-BdCn_0.otf');
    font-weight: normal;
    font-style: normal;
}
body, p, ul, ul li, a, table, form, img, h1, h2, h3{
    margin:0px;
    padding:0px;
    border:none;
}
body{
    background:#fff url(/images/background.jpg) repeat-x top left;
    text-align:center;
    font-family:Arial;
   
}
a{
    text-decoration:none;
}
ul li{
    list-style:none;
}
#Page{
    width:1000px;
    text-align:center;
    margin:0px auto;
}
.content{
    position:relative;
    width:960px;
    margin:0px auto;
    text-align:left;
}
.clear{
    clear:both;
    height: 0;
    content: ".";
    visibility: hidden;
   	display: block;
}
#Header{
    height:152px;
    width:100%;
    background:#cc0033 url(../images/header_bg.jpg) repeat-x top left;
}
#Header .content{
     height:152px; 
}
#Header h1,
#Header h1 a{
    color:#fff;
    font-size:21px;
    padding:30px 0px 0px 0px;
    text-align:center;
    text-shadow: 0.1em 0.1em #333;
    font-weight:normal;
    text-transform:uppercase;
    font-family:Century751SeBdBTSemiBold,"Palatino Linotype", Georgia;
}
#Search{
    position:absolute;
    right:0px;
}
#Search .text{
    width:160px;
    height:18px;
    padding:0px;
}
#Search .submit{
    width:64px;
    height:23px;
    background:#d01242 url(../images/submit.png) no-repeat top left;
    border:none;
}
ul.menu{
    position:absolute;
    bottom:0px;
    right:0px;
    font-family:SwitzerlandCondensedRegular, Helvetica, Arial;
}
ul.menu li{
    display:inline;
    
    
} 
ul.menu a{
    display:block;
    float:left;
    padding:10px 35px 10px 35px;
    margin:0px 3px;
    color:#fff;
    text-transform:uppercase;
    font-size:16px; 
    /* font-family: HelveticaNeueLTPro-BdCn_0, Helvetica, Arial; */
    
    font-family: SwitzerlandCondensedRegular, Helvetica, Arial; 
    
    font-weight: lighter;
}
ul.menu a.active,
ul.menu a:hover{
    background:#f7f7f7;
    color:#cc0033;
}
#Sidebar{
    position:absolute;
    top:0px;
    left:0px;
    width:220px;
    height:746px;
    background:url(../images/sidebar_bg.jpg) no-repeat top left;
    z-index: 1000;
     font-family:SwitzerlandCondensedRegular, Helvetica, Arial;
}
#Sidebar ul{
    margin:320px 0px 0px 30px;
}
#Sidebar ul li{
    padding-left:20px;
    margin-bottom:10px;
    background:url(../images/arrow.png) no-repeat left center;
}
#Sidebar a{
    color:#fff;
    font-size:15px;
   
   
     font-family:SwitzerlandCondensedRegular, Helvetica, Arial;
}
#Sidebar a.current{
    color:#cc0033;
    }
.sidebar_img{
    border:1px solid #fff;
    margin-top:20px;
}
#BigPicture{
    width:100%;
    background:#f2f2f2;
    
}
#BigPicture .content{
    padding:15px 0px 0px 0px;
    height:250px;
}
#BigPicture img{
    position:absolute;
    left:220px;
}
#Main{
    min-height:350px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    background:#fff;   
}
#Main p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:20px;
    margin:15px 0px; 
}
#Main h1{
    margin:10px 0px;
    font-family:Century751SeBdBTSemiBold,"Palatino Linotype", Georgia;
    font-size:24px;
    font-weight:normal;
}
#Main h2{
    margin:5px 0px;
    font-size:18px;
    font-weight:normal;
    color:#cc0033;
    font-family:Century751SeBdBTSemiBold,"Palatino Linotype", Georgia;
}
.colored{
    color:#cc0033;
}
#Wrap{
    display:inline;
    float:right;
    width:650px;
    margin:20px 40px 0px 0px;
}
/* Bottom is part with featured projects at bottom of the page*/
#Bottom{
    height:405px;
    width:100%;
    background:url(../images/bottom_bg.jpg) repeat-x top left;
    overflow:hidden;
}
.head_of_bottom{
    width:870px;
    margin:0px auto;
    padding:20px 0px 0px 0px;
}
.section_title{
    float:left;
    font-size:23px;
    font-weight:normal;
    font-family:Century751SeBdBTSemiBold,"Palatino Linotype", Georgia;
}
.archiv a{
    float:right;
    color:#cc0033;
    font-size:18px;
    font-weight:normal;
    text-decoration:underline;
    font-family:Century751SeBdBTSemiBold,"Palatino Linotype", Georgia;
}
#Projects{
    margin:0px auto;
    width:946px;
    
}
/* Single project */
.project{
    float:left;
    width:299px;
    height:317px;
    background:url(../images/project_bg.png) no-repeat top left;
    margin:15px 7px;
    font-family:Arial, Helvetica, sans-serif;
}
.project_img{
    margin:0px auto;
    width:272px;
    height:181px;
    overflow:hidden;
    border:1px solid #fff;
}
.title{
    /* height:55px; */
    margin:20px 20px 0px 80px;
}
.title a{
    color:#000;
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.info{
    margin:0px auto;
    margin-top:5px;
    width:272px;
    color:#fff;
    font-size:12px;
    line-height:20px;
    font-family:Arial, Helvetica, sans-serif;
}
.read_more{
    display:inline;
    float:right;
    font-family:Arial, Helvetica, sans-serif;
}
.read_more a{
    font-size:12px;
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
}
#Footer{
    height:53px;
    background:#868686 url(../images/footer_bg.jpg) repeat-x top left;
    color:#fffefe;
    font-size:11px;
    overflow:hidden;
    font-family:Arial, SwitzerlandCondensedRegular,"Palatino Linotype", Georgia;
}
#Footer .content{
    text-align:center;
    padding:10px 0px;
}
.address{
    text-transform:uppercase;
    margin-bottom:5px;
}
.copyright,
.admin,
.admin a{
    color:#666666;
    font-size:11px;
    font-family:Arial, SwitzerlandCondensedRegular,"Palatino Linotype", Georgia;
}
.admin{
    position:relative;
    top:-17px;
    float:right;
}
.admin a{
    margin-left:25px;
}
.admin a:hover{
    text-decoration:underline;
}
/* 10projekte.html starts here */
.paging{
    float:right;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
}
.paging a{ 
    color:#000;
}
.paging a:hover,
.paging a.current{
    color:#cc0033;
    font-weight:bold;
    text-decoration:underline;
}

ul.proj li{
    width:100%;
    border-bottom:2px solid #cc0033;
    padding:15px 0px 5px 0px;
}

ul.proj li li{
    border-bottom:none;
    }

.proj_img{
    float:left;
}
.proj_img img{
    border:2px solid #cc0033;
}
ul.proj li:last-child{
    border-bottom:none;
}
.proj_desc{
    float:left;
    width:320px;
    margin-left:35px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
.proj_desc p{
    font-size:12px;
}
.proj_desc h3,
.proj_desc h3 a{
    color:#cc0033;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}
/* 11projektansicht starts here */
a.back{
    color:#cc0033;
    font-style:italic;
    margin-right:60px;
}
a.back:hover{
    font-weight:normal;
}
#Proj{
    margin:20px 0px;
}
#Proj img{
    border:2px solid #cc0033;
}
.column{
    float:left;
    width:300px;
}
.data{
    margin:15px 0px;
}
.data ul li{
    line-height:20px;
}
.column h3{
    margin:0px 00px 20px 0px;
    font-size:16px;
    color:#000;
    font-family:Century751SeBdBTSemiBold,"Palatino Linotype", Georgia;
}
/* 11kontakt page starts here*/

.map{
    float:left;
}
.address_box{
    float:left;
    width:300px;
}
#Contact{
    margin:30px 0px;
}

#ContactForm{
    width:415px;
}
#ContactForm .text,
#ContactForm .textarea{
    display:inline;
    float:left;
    padding:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    background:#fff;
    color:#000;
    border:1px solid #666;
}
#ContactForm .text{
    width:185px;
    height:20px;
    margin:5px;
}
#ContactForm .textarea{
    width:395px;
    height:90px;
    margin:10px 5px;
}
#ContactForm .button_senden,
#ContactForm .button_Loschen{
    display:block;
    float:right;
    margin:10px 0px 5px 25px;
    width:62px;
    height:21px;
    border:none;
}
#ContactForm a.button_senden{
    background:url(../images/button_senden.jpg) no-repeat top center;
}
#ContactForm a.button_Loschen{
    background:url(../images/button_Loschen.jpg) no-repeat top center;
}

h4 {
color: #c03;
}