@charset "utf-8";

/*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/


* {
    margin: 0;
    padding: 0;
    border: 0 none;
}

html{
    background-color:#FFFCF0;
}

body{
}

#wrapper{
    position:relative;
    width:1050px;
    height:100%;
    left:50%;
    margin-left:-525px;
}

#header{
    padding-top:25px;
}

#footer{
}

h1{
    background:url(../layout/logo.png) no-repeat;
    background-size:160px;
    text-indent:-5000px;
    display:block;
    overflow:hidden;
    height:70px;
    width:160px;
    margin:0px 0px 0px 890px;
}

/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/

@font-face {
    font-family:normal;
    src: url('../layout/EngGoth.ttf') format('truetype');
}

@font-face {
    font-family:bold;
    src: url('../layout/EngGoth.ttf') format('truetype');
}

p, a, h2, h3, #mail_input_list input, #mail_input_list textarea, .facts, .stern, .fact, #anhang, #referenzen_text ul{
    font-family:normal;
    color:#333;
    text-decoration:none;
}

#navigation li a{
    font-family:normal;
}

h2{
    margin-bottom:25px;
}

p{
    padding-bottom:20px;
}

.facts{
    margin-left:40px;
    list-style:none;
    padding-bottom:20px;
}

.li_1{
    width: 20px;
    /*background-color: #DF0000;*/
    float: left;
}

.li_2{
    margin-left: 20px;
}

.highlite_subtext{
    color:#b40000;
    padding:20px 0px 20px 0px;
}

.highlite{
    color:#b40000;
}

.stern{
    font-size: 0.8em;
}

/*-----------------------------------------------------*/
/*-------------------- Navigation ---------------------*/
/*-----------------------------------------------------*/

/* Navigation allgemein*/

#navigation_container{
    width:175px;
    padding:80px 0px 25px 0px;
    float:left;
}

#navigation{
    list-style:none;
    text-align:right;
}

#navigation li a{
    text-decoration:none;
}

#navigation li{
    height: 19px;
    -webkit-transition: all 0.4s ease-out; /* chrome & safari */
    -moz-transition: all 0.4s ease-out; /* firefox */
    -o-transition: all 0.4s ease-out; /* opera */
    margin-right: -1px;
    padding-top: 1px;
    padding-right:25px;
}

#navigation li:hover{
    background:rgba(170,0,0,0.7);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    box-shadow: 0px 0px 2px #b40000;
}

.aktiv{
    background:#DF0000;
    box-shadow: 0px 0px 2px #DF0000;
}

/*-----------------------------------------------------*/
/*--------------------- Inhalte -----------------------*/
/*-----------------------------------------------------*/

#content{
    padding:0px 0px 25px 0px;
    z-index:1;
}

#text_area{
    background:url(../layout/navigation_container_background.png) repeat-y;
    min-height:515px;
    padding:25px 0px 0px 25px;
    margin-left:175px;
    z-index:2;
}

#index_text{
    width:575px;
    float:left;
    padding-right:25px;
}

#index_img{
    width:250px;
}

.highlite_img_sub{
    padding:25px 0px 25px 0px;
}

.img_right{
    float: right;
    margin-left: 20px;
    margin-bottom: 100px;
}

.img_kontakt{
    margin-top: 55px;
    border: solid;
    border-width: 2px;
    border-color: rgba(150,0,0,0.2);
}

.hinweis{
    margin-top: 20px;
}

.red_text{
    color: #b40000;
}

/*-----------------------------------------------------*/
/*------------------- Referenzen ----------------------*/
/*-----------------------------------------------------*/

#referenzen_list{
    list-style: none;
    margin-top: 20px;
    min-height: 475px;
}

#referenzen_list > li{
    float: left;
    margin: 0px 48px 48px 0px;
}

.projekt_link{
    list-style: none;
    border: solid;
    border-color: rgba(150,0,0,0.1);
    border-width: 1px;
}

.projekt_link_hover:hover{
    background: rgba(250,240,235,0.7);
    width: 200px;
    height: 200px;
}

.projekt_link_up{
    height: 150px;
    width: 200px;
}

.projekt_link_down{
    background-color: rgba(255,255,255,0.8);
    margin: 5px;
    padding: 3px 5px 0px 5px;
    height: 37px;
    width: 180px;
}

#img_referenzen_detail{
    float: left;
    margin-bottom: 25px;
}

#facts{
    float: right;
    width: 160px;
}

#facts > li{
    margin-bottom: 25px;
    list-style: none;
}

.fact > li{
    list-style: none;

}

.fact_fact{
    font-weight: bold;
}

#referenzen_text{
    width: 650px;
}

.fotorama{
    float: left;
    margin-bottom: 25px;
    margin-left: 50px;
    margin-right: 50px;
}

#anhang{
    margin-bottom: 25px;
}

#anhang ol{
    list-style: none;
}

#anhang_zeile_2{
    margin-top: 5px;
}

#anhang_zeile_2 a{
    background: rgba(150,0,0,0.1);
    padding: 5px;
}

#referenzen_text ul{
    margin-left: 45px;
    margin-bottom: 2em;
}

/*-----------------------------------------------------*/
/*---------------------- Mailer -----------------------*/
/*-----------------------------------------------------*/

#mail_input_list{
    margin-bottom:20px;
    list-style:none;
}

#mail_input_list_1, #mail_input_list_2{
    list-style:none;
}

#mail_input_list_1 input, #mail_input_list_2 input,  #mail_input_list_2 textarea, .submit input{
    background: rgba(150,0,0,0.1);
    margin-bottom:5px;
}

.submit input{
    list-style:none;
}

.submit{
    margin-top:10px;
}

.submit input{
    font-size: 15px;
    border: solid;
    border-width: 2px;
    border-color: rgba(150,0,0,0.1);
}

/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/

.clear_float{
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

a:active, a:focus{
    outline: none;
}