/*  
Theme Name: K9-Website
Author: Silke Meyer
*/

/* div.text verwenden, wenn vor dem Text ein Bild eingebunden wird*/
div.text {
	background-color: white;
	font-size: 15px;
	line-height: 150%;
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #463c3c;
	text-align: left;
	margin-top: 40px;
	margin-left: 15%;
	margin-right: 15%;
	width: 650px;
	}
	
/* div.texttief verwenden, wenn vor dem Text kein Bild eingebunden wird, der Unterschied ist der Abstand nach oben.*/
div.texttief {
	background-color: white;
	font-size: 15px;
	line-height: 150%;
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #463c3c;
	text-align: left;
	margin-top: 140px;
	margin-left: 15%;
	margin-right: 15%;
	width: 650px;
	}
	
/* div.textbreit verwenden, wenn vor der Text breiter ist, zb zwei Spalten hat, und ein Bild eingebunden wird*/
div.textbreit {
	background-color: white;
	font-size: 15px;
	line-height: 150%;
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #463c3c;
	text-align: left;
	margin-top: 40px;
	margin-left: 8%;
	margin-right: 8%;
	width: 850px;
	}
	
/* div.news ist für die News-Seite ;-) mit zwei Spalten.*/
div.news {
	background-color: white;
	font-size: 15px;
	line-height: 150%;
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #463c3c;
	text-align: left;
	margin-top: 110px;
	margin-left: 15%;
	margin-right: 15%;
	width: 650px;
	}
	
div.image {
	text-align: left;
	background-color: white;
	margin-top: 120px;
	margin-left: 15%;
	margin-right: 15%;
	}
	
/* für Programm-Seite ein paar Extras:*/

div.plakat {
	text-align: left;
	background-color: white;
	margin-top: 60px;
	}
	
pre {
	margin-left: 10%;
	}

div.download {
	background-color: white;
	font-weight: normal;
	line-height: 150%;
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #463c3c;
	text-align: left;
	margin-top: 140px;
<!-- 	margin-left: 10%; -->
	margin-right: 10%;
	}

/* Header: rosa Haus oben auf jeder Seite einbinden:*/
div.haus {
	background-image:url('http://kinzig9.de/images/MaisonRose.gif');
	background-repeat: no-repeat;
	height: 90px;
	width: 76px;
	position: absolute;
	left: 152px;
	top: 10px;
	}
	
/* für die kleinen Sprechblasen, die angeben, auf welcher Seite mensch ist */
div.sprechblase {
	height: 68px;
	width: 154px;
	position: absolute;
	left: 280px;
	top: 10px;
	}

/* Footer*/
 div.footer {
	clear: both; 
	text-align: center;
	color: #463c3c;
	line-height: 150%;
	font-size: 12px;
	font-family: 'ArialMT', 'Arial', sans-serif;
	width: 100%;
	margin-top: 30px;
	padding-top:5px;
   padding-bottom:5px;
	} 
	
div.valid_css {
	background-image:url('http://jigsaw.w3.org/css-validator/images/vcss');
 	background-repeat: no-repeat;

 	}
	
/* Fixed footer */
/*div.footer {
   clear: both; 
	text-align: center;
	color: #463c3c;
	line-height: 150%;
	font-size: 12px;
	font-family: 'ArialMT', 'Arial', sans-serif; 
	width: 100%;
	position:absolute;
  	bottom:0;
  	left:0;
  	height:30px;
   } */
  
	
/* Tabellen
div.table {
	table-layout: auto;
	}	*/
	
/* Überschriften:*/
h1, h2 {
	font-family: 'ArialMT', 'Arial', sans-serif;
	color: #463c3c;
	font-weight: bold;
	text-align: center;
	}


h1 {
	font-size: 1.6em;
	margin: 30px 0 0;
	}

h2 {
	font-size: 1.3em;
	padding: 0;
	margin: 30px 0 0;
	}

/* Links: */

a {
   color: #463c3c;
	text-decoration: underline;
	border: none;
	}
	
a:visited {
    color: #463c3c;
	text-decoration: underline;
	}
	
a:hover {
    color: #463c3c;
	text-decoration: underline;
	}
	
a img {
	border: none;
	text-decoration: none;
	}