﻿/* CSS Dahme LAYOUT */

body {
	font-family: 'ubuntu', arial, sans serif;
	font-size: 100%;
	line-height: 1.5;
	}

#wrapper {
	width: 80%;
	min-width: 840px;
	max-width: 1050px;
	box-shadow: #333 0px 0px 8px;
	margin: 15px auto;
	}

/* KOPFBEREICH ****************************************/
header {
	height: 160px; 
	
	/* Hintergrundbild 600x156px */
	background-image: url(../bilder/titel.jpg);
	background-repeat: no-repeat;
	}

h1, h2 {
	text-align: right;
	padding-right: 15px;
	text-shadow: #fff 2px 2px 2px;
	}
	
h1 {
	font-family: 'Clicker Script', cursive;
	font-size: 4rem;
	line-height: 3.5rem;
	padding-top: 20px;
	}
	
	
h2 {
	font-size: 1.2rem;
	text-align: right;
	letter-spacing: 1px;
	}

	
/* HAUPTBEREICH *********************************************/	

main {
	margin-left: 200px; /* siehe dahme_navigation / nav {width: 170px} */
	padding: 15px;
	font-size: 1rem;
	}
	
sup {
	font-size: 0.6rem;
	}
	
h3 {
	font-size: 1.2rem;
	margin-top: -12px;
	margin-bottom: 10px;
	}	

	
h3:first-letter {
	font-family: 'Clicker Script', cursive;
	font-size: 2rem;
	margin-bottom: 10px;
	}
	
p {
	margin-bottom: 20px;
	}	
	
a {
	text-decoration: none;
	}	
	
a.textlink {
	font-weight: bold;
	}

a.textlink:hover {
	text-decoration: underline;
	}


/* FOTOS */

main img{	
	width: 220px;
	padding: 4px;
	box-shadow: #666 2px 2px 3px;
	/*border: 2px outset gray;*/
	}
	
figcaption{
	font-size: 0.8rem;	
	font-weight: bold;
	text-align: left;
	margin-top: -5px;
		}

/* FUßBEREICH *********************************************+*/	
footer {
	clear: both;
	height: 90px;
	font-size: 0.6rem;
	padding-bottom: 8px;
	margin-top: 20px;
	}
	
footer p.oben {
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
	font-size: 0.9rem;
	font-weight: bold;
	padding-top: 10px;
	}
	
footer div.footer {
	width: 750px;
	margin: auto;
	margin-top: -10px;
	}	

footer p.footer {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	}
	

	
