body,
html > body {
	margin: 0;
	padding: 0; 
   	font: 62.5% helvetica, sans-serif;  
}     

/* back to 10px */
#main ul,
#main ol,
#main li p, /* kommentare */
#main li p.meta,
div.ausgelagert { /* kommentare */
	font-size: 100%;      
	line-height: 1.3em; 
}

/* 20 pixel */
#main p, 
ul#nav li a,
#text h4,
#main dt,
#main dd,
#main li,
#extras p,
#extras ul,
h3,
#extras input,
#main p.vorspann,
#main blockquote p {
	font-size: 200%;    
	font-family:  helvetica, sans-serif;   
	line-height: 1.3em;
}
       
#wrapper {
	margin: 0 0 2% 0;
	width: 100%;
}           

#header {
	background: #2c1823;
}
#header p {  /* logo */
	margin: 0;
	padding: 10px;
	font-family: georgia,'times new roman',serif;  
	font-size: 260%;
}
ul#nav {
	background: #c5ccd3;
	background: #e3ede7;  
	float: left;
	display: block; 
	margin: 0;
	padding: 0; 
	width: 100%;  
	border-bottom: 1px solid #d9d9d9;  
}    
ul#nav li {
	float: none;
	display: block;   
	width: 100%;   
	margin: 0;
	padding: 0;
}  
ul#nav li#navhome {
	display: none;
}
ul#nav li a {
	float: none;
	display: block;   
	width: 100%;   
	margin: 0;
	padding: 10px;     
	color: #111;   
	border-top: 1px solid #d9d9d9;
}

/* teaser
--------------- */ 

#main {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#theorypromo {
	margin: 0;
	padding: 0;
}                                                     
#theorypromo em.kat {
	display: none;
}   
#theorypromo h1 {
	margin: 0;
}
#theorypromo h1 a {
	display: block;
	padding: 10px; 
} 
#theorypromo img {
	margin: 0 10px 10px 0;
}     
#theorypromo p {    
	margin: 0 10px;
}              
#main p.mehrtexte {
	display: none;
}



#blogpromo {   
	clear: both;
	margin: 10px;
	padding: 0;  
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;  
}
#main em.kat,
#main .meta {
	margin: 10px 0;
	padding: 0;
	font-size: 160%;
	color: #555;    
}   
#main .meta a {
	
}

#blogpromo h2 {
	margin: 0;
	padding: 0;
}
#blogpromo h2 a {
	display: block;
}    
#main .meta {          
	margin: 10px 0 10px 0;
	font-size: 160%;
	color: #555;
}
#blogpromo p {
	line-height: 1.2em;
	margin-bottom: 20px;
}

h1 {
	font-size: 260%;
}   
h2 {
	font-size: 240%;
}




/* randspalte 
--------------- */

#extras {
	float: none;
	clear: both;
	width: 100%;
	
} 
#extras h3 {
	font-family: helvetica;   
	margin: 20px 10px 10px 10px;
} 

#extras form {
	margin: 10px; 
}

#extras p { 
	margin: 10px;
	line-height: 1.2em;
}
   
#extras li {
	margin: 0 10px 0 10px;
	padding: 0;
}

#extras li a {    
	display: block;
	background: url(img/icon-link-iphone.png) 0 4px no-repeat;  
	padding-left: 15px;
	padding-bottom: 10px;        
}


/* footer
------------ */
            
#footer {
	width: 100%;    
	margin: 0;
	padding: 0;  

}
#footer p {   
	margin: 10px;
    font-size: 180%;
    line-height: 1.5em;
}

/* uebersichtsseite */

.anreisser {
	margin: 0;
	padding: 0 10px;   
	border-bottom: 1px solid #d9d9d9;  
}
.anreisser p,
.anreisser ul,
.anreisser blockquote,
.anreisser h2,
.anreisser h3 {
	display: none;
}

.anreisser p.meta {
	display: block;
}   
h1,
.anreisser h1 {
	font-size: 260%;
}
    
.anreisser h1 a {
	display: block;
} 

#main p {
	line-height: 1.3em;
}
#blogpromo blockquote,
#blog blockquote { 
	margin: 20px 0 20px 0;
	padding: 0;        
}
#blogpromo blockquote p,
#blog blockquote p {
	font-size: 175%;
	line-height: 1.3em;
	color: #555;       
	font-family: helvetica, sans-serif;    
	padding: 0 10px;
}	

/* Textseite */	
	                               
#text {
	margin: 0;
	padding: 0 10px;
}   	
#text h1 {
	margin: 10px 0;
}   
#main .vorspann {
	font-weight: bold;
}  

#text h3 {
	margin-bottom: 0;
}

#main ul {
	font-size: 100%;   
}                      
#text ul {
	margin-left: 0; 
	padding-left: 20px;
}
#text ul li a {
	display: block;
}
#text ol#toc {
	padding-left: 30px;
}
#text ol#toc li a {
	display: block;
	padding-bottom: 10px;
} 


#main ol.dialog {
	font-size: 100%;
	padding: 0;
	line-height: 1.3em; 
} 
blockquote {  
	margin: 0 0 10px 0;  
	font-size: 100%;
} 
#main blockquote p {
	padding-right: 0;    
	color: #555;   
	background: transparent;
}	
#main blockquote cite { 	
	font-size: 100%;        
	font-family: helvetica, sans-serif;  
	color: #555; 
	line-height: 1.3em;
}

#main dl {
	font-size: 100%;
}

#main dl.bild dd {
	font-size: 160%;
}                        

#main dd {
	margin-left: 10px;
}

div.ausgelagert {
	width: 100%;
}

table {
	font-size: 200%;   
	line-height: 1.3em;
	width: auto;
}    
caption {
	line-height: 1.3em;    
	padding: 10px;
	text-align: left;
}
      

                        
/* interviews */

#main ul#declarations {
	margin: 0;
	padding: 0;
}
#main ul#declarations li {
	font-size: 200%; 
	list-style: none;  
	margin: 0;
	padding: 0;
}
#main ul#declarations li a {
	display: block;
	background: url(img/icon-link-iphone.png) 0 7px no-repeat;  
	padding-left: 15px;
	padding-bottom: 10px;    
}   
      
/* Kommentare */

#main li p cite a {
	background: #fff;
}