/*
	Screen Style Sheet CSS
	Specially made for www.kupferschmidt.ch
	Copyright 2010 Gabriela Kupferschmidt Maeder Schaffhausen/Switzerland
	
	
	Farbdefinition:
	hellgruen  #99cc33 matter
	hellgruen  #99cc00 leuchtender
    Schlamm dunkel  #5b5248
    Schlamm mittel  #ada7a0
    Schlamm hell    #dfddda
*/

*:focus {outline: none;}

body { 
	font-family:
	"Lucida Grande", "Lucida Sans Unicode", Arial, 
	Helvetica, Verdana, Sans-Serif;
	color: #5b5248;
	font-size: 1em;
	background-image: url('../img/bgimg_flowers.gif');
	background-repeat: repeat;
	margin: 0; 
	padding: 0;
	}
	
		
	
/* C O N T A I N E R - - - - - - - - */

	
#container { 
	width: 894px;
	background-color: transparent;
	background-image: url('../img/containershadow.png');
	background-repeat: repeat-y;
	margin: 0 0 0 50px;
/*	padding-left: 10px;
	padding-right: 10px;  */
	}
	

	
/* L A B E L - - - - - - - - - - - - - - - - - */

	
#label { 
	width: 872px;
	height: 50px;
	background-image: url(../img/label_872x50px.gif);
	background-repeat: no-repeat;
	margin: 0 11px 10px 11px; 
	padding: 0;
	}

	

/* H E A D I M A G E - - - - - - - - - - */

	
#headimg {
	background-color: transparent; 
	width: 850px; 
	height: 240px;
	margin: 0 22px 0 22px;
	padding: 0;
	}

#headimg_title { 
	background-color: transparent; 
	width: 850px; 
	height: 360px;
	margin: 0 22px 12px;
	padding: 0; 
	}

/* not used
#contentbox {
	width: 800px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	}
*/
		
	
/* N A V I G A T I O N - - - - - - - - */

	
#navi { 
	width: 165px;
	background-color: transparent;
	margin: 10px 0 0 22px;
	padding: 0 15px 0 0; 
	float: left;
	}
	
#navi ul {
	font-size: 0.7em;
	line-height: 2.4em;
	letter-spacing: 0.1em;
	color: #5b5248;
	list-style: none;
	margin: 20px 0 60px 0;
	padding: 0;
	border-bottom: 1px dotted #ada7a0;
	}
	
#navi li {border-top: 1px dotted #ada7a0;}
	
#navi li a:link,
#navi li a:visited {color:#ada7a0;text-decoration:none;}

#navi li a:hover,  
#navi li a:active {color: #5b5248;text-decoration:none;}
	

	
/* C O N T E N T - - - - - - - - - */

		
#content { 
	width: 430px;
	background-color: transparent;
	margin: 10px 0 0 0;
	padding: 15px 8px 24px 15px;
	float: left;
	}
	
#content h1 { 
	color: #99cc33;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px; 
	letter-spacing: 0.1em;; 
	word-spacing: 4px;
	margin: 0; 
	padding: 0; 
	}

#content h2 { 
	font-size: 0.85em; 
	letter-spacing: 0; 
	margin: 6px  0 0 0; 
	padding: 0; 
	}

#content h3	{
	font-size: 0.85em; 
	letter-spacing: 0; 
	margin: 12px 0 0 0; 
	padding: 8px 0 0 0;
	border-top: 1px dotted #333;; 
}


#content h4 h5 h6 { }

#content p { 
	font-size: 0.8em;
	line-height: 1.4em; 
	margin: 0; 
	margin-top: 6px;
	padding: 0; 
	}
	
#content ul {
	font-size: 0.8em;
	margin: 0; 
	margin-top: 3px;
	padding: 0;
	list-style-type: none;
	}

#content li {padding: 0 0 3px 0;}

#content img {padding-right: 6px;}

#content a:link, 
#content a:visited {color:#ada7a0;text-decoration:none;}

#content a:hover, 
#content a:active {color:#5b5248;text-decoration:underline;}



/* L E G E N D E - - - - - - - - - - - - - - - */


#legende {
	width: 212px;
	background-color: transparent;
	margin: 10px 22px 0 0;
	padding: 0;
	float: right;
	}
	
#legende h2 {
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	margin: 0 4px 0 10px;
	}
	
#legende h3 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 8px 0 3px 10px;
	padding-top: 6px;
	border-top: 1px dotted #666;
	}
	
#legende p {
	text-align: right;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	}
	
#legende a {color: #999;text-decoration: none;}
#legende a:link { }
#legende a:visited { }
#legende a:hover {color: #333;text-decoration: underline;}
#legende a:active {color: #333;text-decoration: underline;}



/* F O O T E R - - - - - - - - - */


#footer { 
	background-color: transparent; 
	width: 894px; 
	height: 50px;
	background-image: url(../img/containershadow_bottom.png);
	background-repeat: no-repeat;
	text-align: right;
	margin: 0;
	margin-left: 50px;
	padding: 0;
	letter-spacing: 0.1em;
	word-spacing: 0.8em;
	clear: both;
	}
	
#footer p {
	margin: 0 96px 0 0;
	padding: 0;
	padding-top: 32px;
	font-size: 0.7em;
	color: #dfddda;
	}
	
#footer a:link, 
#footer a:visited {color:#dfddda;text-decoration:none;}

#footer a:hover, 
#footer a:active {color:#99cc00;text-decoration:underline;}



/* K L A S S E N - - - - - - - - - - - - - - */

	
.fett {font-weight: bold;}
.unterstrichen {text-decoration: underline;}
.gruen {color: #99cc33;}
.legende {color:#999; margin:18px 0 0 6px; font-size:0.8em;}
.abstand {margin-top:12px;}
.abstand_gross {margin-top: 36px;}
.veranstaltung {margin: 86px 18px 0 30px;}
.kompress {line-height: 18px;}
.versal {text-transform: uppercase;} 
.kursiv {font-style: italic;}
.keinetrennung {white-space: nowrap;}
.linie {border-bottom: 1px dotted #999;}
.dottedline {background: url(../img/dot_2x1px.gif) repeat-x bottom;}
.clearleft {clear:left;}
.clearboth {clear:both;}
.wordspacing {word-spacing:0.1em;}




/* Downloadseite */

#box_growing { 
	width: 1000px;
	background-color: #fff;
	margin: 0 auto 35px; 
	padding: 0;
}

#galerie {
	width: 1000px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
	
#bilder {
	background-color: #ffffff;
}

#downloadbereich {
	width: 894px;
	margin: 10px 0 0 22px;
	padding: 0 15px 0 0; 
	}
	
#downloadbereich p {
	font-size: 0.8em;
	line-height: 1.4em; 
	margin: 0; 
	margin-top: 6px;
	padding: 0; 
	}

.thumbnail {
	float: left;
	margin: 0 15px 15px 0;
}
	
.thumbnail_left {
	float: left;
	margin: 0 15px 15px 15px;
}

.quer img {
	padding: 30px 0;
	border: 1px solid #693; 
}

.hoch img{
	padding: 0 30px;
	border: 1px solid #693; 
}
	
#galerie h1 {
	border-top: 1px solid #c30;
	padding: 6px 15px 6px 0;
}
	
#galerie h2 {
	color: #c30; 
	font-size: 1em; 
	margin: 18px 5px 0 15px; 
	padding: 0;
	padding-top: 15px;
	font-weight: bold; 
	line-height: 1.2em; 
}