/* 
Autor: Carolin Mertz
Projekt: Testsite Webbasis Kurs Bildungszentrum kvBL, Reinach
Datum der Erstellung: 23.02.2008
Datum letzte Änderung: 01.03.2008
*/


/* Allgemeine Formatierungen */
* {
margin:0;
padding:0;
}

body {
font:80%/1.6em Verdana, Arial, Helvetica, sans-serif;
background:#333 url(../images/img_bg_body.gif);
}
h1 {
color:#BFD010;
font-size:1.9em;
padding-bottom:5px;
margin:20px 0;
}
a {
text-decoration:none;
outline:none;
}
span {
color:#990000;
font-weight:bold;
}
.image-left {
float:left; 
padding:3px; 
border:1px solid #B4CAA9; 
margin-right:10px; 
margin-bottom:5px; 
}
.images-right {
float:right; 
padding:3px; 
border:1px solid #B4CAA9; 
margin-bottom:5px;
margin-left:10px; 
}
/* Table - CSS */
table {
clear:left;
empty-cells:show; 
margin-left:60px;
border:solid 1px #FFF; 
border-collapse:collapse; 
color:#FFF;
text-align:center;
}
tr {
margin:0; 
padding:0;
 }
td {
color:#FFF;
border-right:solid 1px #FFF; 
background:none;
padding:2px 5px;
}
th {
color:#333;
border-right:solid 1px #FFF; 
background:#BFD010;
padding:2px 5px; 
}
/* CSS Layout */
#wrapper {
width:955px;
margin: 10px auto;
border:1px solid #FFF;
background-color:#78893A;
}
	#header {
	height:150px;
	border-bottom:1px solid #FFF;
	background:#C0C970 url(../images/img-header.jpg) no-repeat;
	}
	#navigation {
	padding: 5px 10px;
	border-bottom:1px solid #FFF;
	background-color:#C0C970;
	}
		#navigation ul li {
		display:inline;
		}
		#navigation a {
		font-size:1.1em;
		letter-spacing:1px;
		text-transform:uppercase;
		list-style:none;
		padding:0 13px 0 10px;
		color:#333;
		border-right:1px solid #FFF;
		}
		#navigation a:hover, #navigation a:focus {
		color:#FFF;
		}
	#content {
	float:left;
	width:674px;
	color:#FFF;
	min-height:400px;
	padding:20px;
	border-right:1px solid #FFF;
	background-color:#333;
	}
		#content h2, #content h3 {
		color:#BFD010;
		border-bottom: 1px dotted #BFD010;
		padding-bottom:5px;
		margin:20px 0;
		}
		#content h2 {
		clear:left;
		font-size:1.7em;
		}
		#content h3 {
		clear:left;
		font-size:1.5em;
		}
		#content p {
		padding-left:60px;
		padding-bottom:10px;
		}
		#content a {
		color:#FFF;
		border-bottom:1px dotted #FFF;
		}
		#content a:visited, #content a:hover, #content a:focus {
		color:#C0C970;
		border-bottom:1px dotted #C0C970;
		}
		#content a:active {
		color:#FFCC00;
		border-bottom:1px dotted #FFCC00;
		}	
	#sidebox {
	float:right;
	width:200px;
	height:400px;
	color:#FFF;
	padding:20px;
	background:inherit;
	}
		.box {
		background-color:#333;
		margin-bottom:15px;
		}
		.box p {
		color:#FFF;
		font-size:0.8em;
		line-height:1.4em;
		padding:2px;
		}
		.box h2 {
		color:#333;
		font-size:0.8em;
		font-weight:bold;
		letter-spacing:1px;
		padding:0 2px;
		background-color:#BFD010;
		}
	#footer {
	clear:both;
	border-top:1px solid #FFF;
	background-color:#C0C970;
	}
	* html #footer { /* CSS Anweisung nur für den IE6, damit sich die ID footer unterhalb von content und sidebox einreiht */
	height:1%;
	}
		address {
		font-size:80%;
		font-style:normal;
		line-height:normal;
		text-align:center;
		padding:2px;
		}
		address a {
		color:#333;
		}
		address a:hover, address a:focus {
		color:#CC0000;
		}