body { 
    font-family:'open sans' , serif ; 
    font-weight:300; 
    color:#2a392e;}

img {
    height: auto !important;
    max-width: 100%;
    vertical-align: top;
}

#search_query { padding:4px 10px; border:1px solid #8d1626;border-radius:8px;color:#9BA29D;}

#search_submit { line-height:200%;  margin-right:10px; background:url(../img/ico_suche.png) left center no-repeat; border:0;  width:23px; }


#header  { text-align:center; padding:10px;}

#nav { width:50%; margin:10px auto; max-width:300px}
#nav li { border-bottom:1px solid #A0A8A5; }
#nav a { color:#AC1D34;}

#nav li.current a , #nav li.parent a { font-weight:bold;}

#header { position:relative ;height:auto;}

 .box img { margin-bottom:1em; }


.col.text { height:auto;}

.outer { max-width:1024px;margin:0 auto; }

.inner { max-width:940px;margin:0 auto;padding:0 10px;}

.content { padding:0 10px;}
.offset { margin-top:15px;}


.outer_galaxy { background:#EBECEB; display:block; }

#footer ul li a {line-height:200%; display:block;}
#footer ul li { padding:3px 0;}

.inner_galaxy { max-width:1024px;margin:0 auto}


#footer { margin:15px 0 15px 0;}

#oneline a { color:#2a392e}

 .spacer { margin-bottom:2.083333333%}

.refs a {display:block;}


 .m1 { width: 50%; }

  .mbox { border:1px solid #8E1727;margin-bottom:1em;}

@media screen and (min-width: 680px)  {





#footer ul {float:left;}
#footer ul li {float:left; margin-right:25px; padding:20px 0;}
#footer ul li  a{line-height:400%;display:block;}

#footer form {  float:right; margin:20px 0 0 0;}


   
   .c1 { width: 4.16666666667%; }
    .c2 { width: 8.33333333333%; }
    .c3 { width:12.5%; }
    .c4 { width: 16.6666666667%; }
    .c5 { width: 20.8333333333%; }
    .c6 { width: 25%; }
    .c7 { width: 29.1666666667%; }
    .c8 { width: 33.3333333333%; }


    /*95,833333334*/
    
    .c9 { width: 37.5%; }
    .c10 { width: 41.6666666667%; }
    .c11 { width: 45.8333333333%; }
    .c12 { width: 50%; }
    .c13 { width: 54.1666666667%; }
    .c14 { width: 58.3333333333%; }
    .c15 { width: 62.5%; }
    .c16 { width: 66.6666666667%; }
    .c17 { width: 70.8333333333%; }
    .c18 { width: 75%; }
    .c19 { width: 79.1666666667%; }
    .c20 { width: 83.3333333333%; }
    .c21 { width: 87.5%; }
    .c22 { width: 91.6666666667%; }
    .c23 { width: 95.8333333333%; }
    .c24 { width: 100%; }
    

   
    .c8.margin {width:31.944444445%; }
    .c8.center {width:31.944444445%;margin:0 2.083333333%; }

    .c16.push { width:65.972222222%;margin-right:2.083333333%;}


    
     .second { margin-top:4.16666666667%;;}
     .col.text { overflow:hidden;}


      .box { border:1px solid #8E1727}


  .box img { margin-bottom:0 }

  } 


@media screen and (min-width: 1024px)  {
   .outer_galaxy {height:360px}

#header {padding:0}

.content { padding:0 }

#nav {position:absolute;left:43px;top:48px;width:auto;max-width:none;margin:0;}
#typologo {position:absolute;right:43px;top:35px;}

#nav li { float:left; margin-right:1.09em; border-bottom:0;}
#nav a { color:#2a392e; display:block;padding:0.2em 1em; border-radius: 8px}

#nav li.parent a,
#nav li.current a { background:#8E1727; color:#fff;font-weight:normal;}



#header { height:125px; }
#search_query { width:230px;}
.offset { margin-top:75px }

.inner {padding:0;}

#search_submit {height:64px;}


}




.col {
	padding: 0 
}
.row .row {
	margin: 0 
}












#footer { border-top :1px solid #ccc;}


h1 { font-family:'Merriweather'; font-weight:900; font-size:30px; color:#8d1626; margin-bottom:12px;}

h2 { font-family:'Merriweather'; font-weight:900; font-size:24px; color:#00a99d;margin-bottom:16px;margin-top:8px;}

h3 { font-family:'Merriweather'; font-weight:900; font-size:21px; color:#00a99d;margin-bottom:8px;margin-top:22px;}





.sidebar li {border-bottom:1px solid #ccc;padding-bottom:0.3em;margin-bottom:0.3em;}

.sidebar li:last-child{border-bottom:none}


.refs a { position:relative; display:block; height:100%; }

.refs .info { position:absolute; left:0; bottom:0;}
/*.refs img { position:absolute; left:0; top:0; }*/

 .refs .info  {opacity: 0.85; background:#8E1727; height:100%;width:100%;}

 .notouch .refs .info  {display:none;}
.notouch .refs a:hover .info {display:block;}

.touch .refs .info  {opacity: 0.85; background:#8E1727; height:40%;width:100%;}
.touch .refs .info h3,
.touch .refs .info p  {display:none;}

 .refs .info h2 , .refs .info h3   ,  .refs .info p    { color:#fff;  margin: 20px 0 20px 20px;}


#anfahrt { padding-left:35px;background:url(../img/ico_anfahrt.png) left center  no-repeat;  }
#kontakt { padding-left:35px; background:url(../img/ico_mail.png) left center no-repeat; ; }
#impressum { padding-left:35px; background:url(../img/ico_imp.png) 5px center no-repeat; ; }
#datenschutzerklaerung { padding-left: 35px; background: url(../img/ico_daten.png) 5px center no-repeat; }












#oneline { padding:15px 0;clear:both;border-top :1px solid #ccc;}






#next,#prev {z-index:200; top:45%;right:15px;position:absolute; width:38px;height:38px;display:block;cursor:pointer;}


#next {background:url(../img/next.png);}
#prev {background:url(../img/prev.png);right:auto;left:15px;}



a {outline:none; }

.contentesque a { color:#00a99d;text-decoration: underline; outline:none; }

#footer a { color:#8d1626;text-decoration:none; }

#editpage  { padding:5px;display:inline-block;position:fixed; left:5px; top:5px; background:#8e1727; color:#fff;}


.project .box h1 , .project .box p { margin:10px 10px 0 10px}


.sm_tpm {

   
margin-top:15px;
}

.sm_btm {


margin-bottom:15px;
}

 .debug .sm_btm, .debug .sm_tpm { border:1px solid green;} 

.debug .sm_tpm { border-top:1px solid #ccc;}

.debug .sm_btm { border-bottom:1px solid #ccc;}



@media screen and (min-width: 680px) {

    .med_tpm  {margin-top:35px;}
    .med_btm  {margin-bottom:35px;}

 .debug .med_btm, .debug .med_tpm { border:1px solid orange;} 

.debug .med_btm { border-top:1px solid #ccc;}

.debug .med_tpm { border-bottom:1px solid #ccc;}
   

}


@media screen and (min-width: 1024px)  {

.big_tpm { margin-top:75px;}
.big_btm {margin-bottom:75px;}

.debug .big_btm, .debug .big_tpm { border:1px solid red;} 

.debug .big_btm { border-top:1px solid #ccc;}

.debug .big_tpm { border-bottom:1px solid #ccc;}


}







.box {position:relative;}

.box a {color:#8e1727}

span { 
    background: url(../img/ico_lupe.png) center center no-repeat;
    height:30px;
    width:30px;

    
     display:block;color:#fff;position:absolute;  bottom:0; right:0; }


div.imgtext { 
    
    height:auto;
    width:85%;
font-size:85%;
color:#2a392e;
    
     display:block;position:absolute;bottom:5px; left:10px; }


span a { height:30px;
    width:30px;display:block;  }


    span.www { 
    background: url(../img/ico_www.png) left top no-repeat;}

.ref_prev,
.ref_next { display:block; width:39px;height:39px;background:url(../img/ico_for.png);}    


.ref_prev {background:url(../img/ico_back.png); }


.right .ref_next { float: right}


.box, .mbox {overflow:hidden}