@charset "utf-8";

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

	Projekt:			Drehscheibe Nachhaltigkeit
	CSS fuer:			default (fonts und typo)
	Autor / copyright: 	Franziska Koeppe http://madiko.com
	letzte Aenderung:	2011-06-14
	
 ***************************************************************************/

/* ##### Dieses css beschreibt Schriften und Schriftbild der Homepage ##### */

body {
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #666666;
	}

/* ##### Hyperlinks ##### */


body :link {
	color: #A25600; 
	font-weight: bold;
	text-decoration: none;
	}
	
body :visited {
	color: #A25600; 
	font-weight: bold;
	text-decoration: none;
	}
	
body a:hover {
	color: #11376F; 
	font-weight: bold; 
	text-decoration: underline;
	}
	
body a:active {
	color: #11376F; 
	font-weight: bold;
	}

#topnav :link {
	color: #5090f0; 
	font-weight: normal;
	text-decoration: none;
	padding: 5px;

	}
	
#topnav :visited {
	color: #5090f0; 
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	}
	
#topnav a:hover {
	color: #5090f0; 
	font-weight: normal; 
	text-decoration: none;
	color: #800000;
	padding: 5px;
	}
	
#topnav a:active {
	color: #5090f0; 
	font-weight: normal; 
	text-decoration: none;
	color: #800000;
	padding: 5px;
	}

#footer :link {
	color: #fff; 
	font-weight: normal;
	text-decoration: none;
	}
	
#footer :visited {
	color: #fff; 
	font-weight: normal;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #fff; 
	font-weight: normal; 
	text-decoration: underline;
	}
	
#footer a:active {
	color: #fff; 
	font-weight: normal;
	}

/* ##### Headlines ##### */

h1 { 
	padding: 10px 0 5px 0;
	font-family: verdana;
	font-size: 20px;
	line-height: 130%; 
	font-weight: bold; 
	letter-spacing: 0.07em;
	color: #D37204;
	}


h2 { 
	font-family: verdana;
	padding: 25px 0 5px 0;
	font-size: 15px; 
	line-height: 130%; 
	font-weight: bold; 
	letter-spacing: 0.07em;
	color: #5090f0;
	}
	
	
/* ##### Copytext #####*/

p { 
	padding: 5px 0 0 0;
	font-size: 11px; 
	line-height: 150%; 
	text-align: left;
	} 
	
#intro p {
	padding: 0;
	font-size: 12px !important;
	line-height: 150%; 
	text-align: left;
	color: #333;
	} 

#friends p {
	padding: 5px 0 0 0;
	font-size: 12px; 
	line-height: 130%; 
	text-align: left;
	} 

#friends p.name {
	font-style: italic;
}

#content p.name {
	font-style: italic;
}

#footer p {
	font-size: 9px;
	padding: 0;
	line-height: 150%;
	text-align: left;
}


/* ##### Aufzaehlungen ##### */

ul {
	list-style-type: square;
	padding: 3px 0 0 16px;
	}

ol {
	list-style-type: decimal;
	padding-left: 16px;
	}

li {
	list-style-type: square;
	padding: 3px 0 0 16px;
	}

ul li {
	list-style-type: square;
	padding-left: 0px;
	}

ul li li {
	list-style-image: url(/files/raquo.gif);
	padding-left: 10px;
	}

ol li {
	list-style-type: decimal;
	padding-left: 0px;
	}

ol li li {
	list-style-image: url(/files/raquo.gif);
	padding-left: 10px;
	}
/* Ergänzungen */

span.boldcaps {
	font-family: verdana;
	padding: 25px 0 5px 0;
	font-size: 15px; 
	line-height: 130%; 
	font-weight: bold; 
	letter-spacing: 0.07em;
	color: #5090f0;
	}

h3 { 
	font-family: verdana;
	padding: 0px 0 5px 0;
	font-size: 15px; 
	line-height: 130%; 
	font-weight: bold; 
	letter-spacing: 0.07em;
	color: #5090f0;
	}


h5 {
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 150%;
	color: #666666;
	}

h6 {
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 8px;
	line-height: 150%;
	color: #666666;
	}

span.h7 {font-size: 9px; font-weight: normal}
span.h8 {font-size: 14px; color:blue; font-weight: bold;}
span.h9 {font-size: 12px; font-weight: bold;}
span.h10 {font-size: 10px; font-weight: normal;}
span.h11 {font-size: 12px; font-weight: bold;}
span.h12 {font-size: 18px; font-weight: bold;}
span.h13 {font-size: 10px; font-weight: bold;}
span.h14 {font-size: 10px; font-weight: normal}
span.h15 {font-size: 11px; font-weight: normal}
span.h16 {font-size: 16px;}
	
/* ##### ENDE css fuer typo ##### */