/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

@font-face {
 		font-family: 'Atlas Typewriter Web-Light';
 		src: url('Atlas Typewriter Web-Light.eot');
 		src: url('Atlas Typewriter Web-Light.eot?#iefix') format('embedded-opentype'),
 			 url('Atlas Typewriter Web-Light.woff') format('woff'),
 			 url('Atlas Typewriter Web-Light.ttf') format('truetype'),
 			 url('Atlas Typewriter Web-Light.svg#Atlas Typewriter Web-Light') format('svg');
 		font-weight: 300;
 		font-style: normal;
 		font-stretch: normal;
 		}
	body {
	font-family: 'Atlas Typewriter Web-Light', "Courier New", Courier, monospace;
	font-size:12px;
	line-height:17px;
	color: #000;
	}	

div.kopf
{
     position: fixed; top:0; left:0; width:100%;  
}
	
ul.navi
{
    list-style-type: none;  
    /* position: fixed;    
    margin-left: -20px;
    padding: 40px 0 20px 20px;*/
    background-color: #fff;
    padding-top: 40px;
}	
ul.plus:before
{
    content: url(../img/symbol-01.png);
}
ul.kreis:before
{
    content: url(../img/symbol-02.png);
}
ul.pluskreis:before
{
    content: url(../img/symbol-03.png);
}

ul.navi li:first-child
{
    padding-top: 15px;

}
ul.navi li a
{
    color: inherit;
    text-decoration: none;
}
ul.navi li a:hover
{
    color: inherit;
    text-decoration: underline;
}
ul.navi li a.aktiv
{
    color: inherit;
    text-decoration: underline;
}


.navcol
{
    padding: 24px 0 20px 3.8%; 
    width:13.45%
}




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

ul.links
{
    list-style-type: none;
/*
    text-indent: -16px;
    padding-left: 16px;
 */
}
ul.links li:before
{
    content: "\2014" ; /* mdash als Unicode*/ 
    margin-left: -16px;

}







.abstand
{
     margin-top: 205px;
  
}
.abstandProjekte
{
     margin-top: 172px;

}

.projekte-links
{
    margin-left:-32%;
    margin-top: 25%;
}

.container h1
{
    margin: 20px 0;
    font-size:12px;
	line-height:17px;
	text-transform: uppercase;
	font-weight: normal;
}

.container p
{
    margin: 1em 0;
}
.container .grau
{
    color: #818181;
}

.container .anker
{
    padding-top: 200px;
}


.container hr
{
    margin: 20px 0;
    height: 1px;
    color: #c2cdc5;
    border-width: 1px 0 0 0;
	border-color: #c2cdc5;
}

.container p.listePro, h1.listePro
{
    margin-left:  10px ;
    margin-right:  10px ;
}
.container p.listePro
{
    margin-bottom: 40px;
}

.container  a
{
    color: inherit;
    text-decoration: none;
}
.container  a:hover
{
    text-decoration: underline;
}
.container p.listePro  a:hover, h1.listePro a:hover
{
    text-decoration: none;
}


.container dl
{
    margin-bottom: 1.6em;
}
.container dt 
{
    margin: 0 0 -1.5em -1.5em;   
}

.homeleft
{
    float:left;width:39%;
}
.homeright
{
    margin-left:44%;height:100%;
}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-family: 'Atlas Typewriter Web-Light', "Courier New", Courier, monospace;
	font-size:12px;
	line-height:17px;
	}
	
/* 	.container p a
    {
        color: #999;
    } */
    
    div.kopf
{
     position: static ; width:100%; background-color:#fff;
}

.abstand, .abstandProjekte /* zur Oberkante Fenster bei großem Screen bzw. zu Navigation hier bei Handheld */
{
     margin-top: 20px;
}

.projekte-links
{
    margin-left:0;   
    margin-top: 0;
}


.navcol
{
    padding: 10px 0 0px 20px;
}

 ul.links
{
  
    text-indent: -16px;
    padding-left: 16px;
} 
ul.links li:before
{
    margin-left: 0;

}

.container dt
{
    margin: 0 0 -1.5em 0;
}

.container dd
{
    margin-left: 1.5em ;
}


.container .anker
{
    padding-top: 20px;
}

.homeleft
{
    float:none;width:100%;
}
.homeright
{
    margin-left:-10px;
}


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}