/*  =========================================================
Theme Name: Matterhorn - Yana Montessori Halbjahresprojekt
Theme URI: http://mymatterhorn.ch/
Description: Das komplett Schwiitzer Matterhorn-Theme von Ralf Henecka.
Version: 	1.0
Author: 	Ralf Henecka
Date: 		26.12.2009
Author URL: http://henecka.com/
Aufbau  	1. Kalibrierung und allgemeine Styles 
        	2. Styles für Layoutbereiche    
        	3. Sonstige Styles 
		
This theme was designed and built by Ralf Henecka,
whose blog you will find at http://henecka.com/

The CSS, XHTML and design is released under GPL:
============================================================= */
@charset "UTF-8";

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }

/* Allgemeine Selektoren */

html { height: 101%; } 

body { 
   color: black; 
   background-color: #4c5f70; 
   font-family:  'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size: small; 
}

h1	{ font-size: 200%; } 
h2	{ font-size: 130%; }
h3	{ font-size: 100%; }
p	{
	font-size: 0.750em;
	font-size: 1em;
	line-height: 1.5em;
}

/* img, div, a, input { behavior: url(ie/iepngfix.htc); } */
/* img { behavior: url(ie/pngbehavior.htc); } */



/* Hyperlinks */


/* Allgemeine Klassen und IDs */
.skiplink { 
	position: absolute; 
	left: -3000px; 
	top: -2000px; 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	display: inline; 
}

address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

timestamp {
  	text-align: right;  
  	font-size: 0.60em;
	font-style: normal; 
	line-height: 1.0em;  
}
/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { 
	color: black; 
	background: none;
	/* background: #617b92 url(images/matterhorn800x600.jpg) no-repeat top left; */
	width: 990px;  
	height: 750px;
	margin: 10px auto;
}

#header {
	position: relative;  
	color: black; 
	background-color: none;
	padding: 20px 20px 0px 20px; 
}

#header h1 {
	text-align: left;
}

#linklist {
	text-align: right;
	color: black;
	backround-color: none;
	padding: 10px 150px 03px 0px
}

#linklist ul { margin-botton: 0; }
#linklist li {
	display: inline;
	list-style-type: none;
	margin: 0;
}

#linklist a {
	text-decoration: none;
	color: black;
	background-color: #82a2bf;
	padding: 3px;
}

#linklist a:hover,
#linklist a:focus { 
	color: black;
	background-color: white;
	border-bottom: none; 
	text-decoration: none;
}  
   
#linklist a:active { 
	color: black; 
	background-color: #d9d9d9; 
}  

#leftbox { 
	float: left; 
	width: 130px; 
	height: 570px;
	border-right: 1px dotted #82a2bf;
	padding: 0px 20px 20px 20px; 
	background-color: none;
} 
 
#rightbox { 
	float: right; 
	width: 130px;
	height: 570px; 
	border-left: 1px dotted #82a2bf; 
	padding: 0px 20px 20px 20px; 
	background-color: none;
}
   
#textbox {
	color: black;
	margin-left: 170px;
	margin-right: 170px; 
	padding: 20px 20px 500px 20px;
	border-top: 1px solid #82a2bf;
	background-color: #617b92; 
	background: #617b92 url(images/matterhorn800x600.jpg) no-repeat top left;
}

#opacity {
	background: url('images/opacity70.png');
	float: right;
	height: 500px;
}

#textbegin {
	float: right;
	margin-left: 100px;
	margin-right: 0px;
	padding: 20px 10px 20px 20px;
	background: url('images/opacity70.png');
	background-color: none;
}

#unicef {
	float: right;
	margin-left: 20px;
	margin-right: 0px;
	padding: 20px 10px 20px 20px;
	background: url('images/opacity70.png');
	background-color: none;
}

#tagebuch {
	float: right;
	height: 400px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 20px 10px 20px 20px;
	background: url('images/opacity70.png');
	overflow: scroll;
}


#tagebuch p	{
	font-size: 0.90em;
	line-height: 1.2em;
}


#footer {
	/*clear: both; */
	color: black;
	margin-left: 170px;
	margin-right: 170px; 
	padding: 20px 20px 20px 20px;
	background-color: #617b92; 
}

/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Kontaktformular */
#kontaktformular {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 10px 10px 10px;
	background: url('images/opacity70.png');
	background-color:transparent; 
}


/* Die Fotogalerie */

#galeriebox {
	padding: 5px 5px 5px 5px;
	margin-left: 170px;
	margin-right: 170px;
	height: 1030px;
	background-color: none;
	border-top: 1px solid #82a2bf;
	/* overflow: scroll; */
}

div.galerie { 
   overflow: hidden; /* zum Umschließen der Floats */
   padding: 10px 10px 10px 10px;
   margin: 0px 0px 0px 0px; 
 }
/* für IE6 */
* html div.galerie { height: 1%; }

div.galerie img { 
   float: left; 
   padding: 4px;
   border: 1px solid #ddd; 
   border-right-color: #aaa; 
   border-bottom-color: #aaa; 
   margin-right: 15px; 
   margin-bottom: 15px;  
}

p.icaption_left { float: left; display: inline; }
p.icaption_right { float: right; display: inline; }
p.icaption_middle { display: block; display: inline; margin:0 1em 0.15em 1em; text-align: center; line-height: 100%; }

p.icaption_left img { margin: 0 1em 0 0; padding:0; }
p.icaption_right img { margin: 0 0 0.15em 1em; padding:0; }

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */