/********************************************
	AUTHOR:  			waf-Net e. V. 
	WEBSITE:   		http://www.kunstvereinahlen.de/
	VERSION:          	1.0     
	DATE:			May-06-2010     	
 *******************************************/
 
@import url("style_form.css");
@import url("style_content.css");
 
/********************************************
   HTML ELEMENTS
********************************************/

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	font: 80%/1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #5F5F5F; 
	margin: 0;
	padding: 0 0 20px 0; 
	background: #878787 url(bg.jpg) repeat-x;
}

/* Überschriften - Standardformatierung */
h1, h2, h3 {
	font: bold 1.0em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #191919;
	margin: 0;
}
	h1 {
		font-size: 1.8em;	
		font-weight: bold;
	}
	h2 {
		font-size: 1.4em;	
		font-weight: bold;	
	}
	h3 {
		font-size: 1.3em;
		font-weight: normal;
	}
	
	/* Überschriften - Inhaltsspalte rechts */
	#col-two h1 {
		margin: 0.5em 0;
	}
	#col-two h2 {
		margin: 0.5em 0;
		padding-bottom: 3px;
		color: #000;
		text-transform: none;
		border-bottom: 1px dotted #191919;
	}
	#col-two h3 {
		padding: 0.8em 0 0.5em 0;
	}
	/* Überschriften - Footer */
	#footer-wrapper h3 {
		padding: 0;
		font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
		color: #F9F9F9;
	}
	
/* Absätze - Standardformatierung */
p {
	padding: 0.5em 0px; 
	margin: 0;
}
	/* Absätze - Footer */
	#footer-wrapper p {
		padding-left: 0;
	}

/* Links */
a {
	text-decoration: none;
	color: #ff6a00;
}
	a:hover {
		background: #191919; 
		color: #eee;
	}
	/* Menü - oben */
	#header-menu-first a, #header-menu-second a {
		margin-right: 1.5em;
	}
	#header-menu-first a:hover, #header-menu-second a:hover {
		background-color: transparent;
		border-bottom: 2px solid #000;
	}
	.header-logo a {
		color: #000;
	}
	.header-logo a:hover {
		color: #fff;
	}
	/* Hauptmenü - links */
	ul.sidemenu li a {
		text-decoration: none;
		background-color: transparent;
		color: #9E9E9E;
	}
		ul.sidemenu li a:hover {	
			color: #000;
		}
	/* Links - Footer */
	#footer-wrapper a {
		color: #fff;
		background: transparent;
		border-bottom: 1px dotted #fff;
	}
	#footer-bottom a {
		border-bottom: 0px;
	}

/* Defintionslisten - Standardformatierung */
dl {
	margin: 0;
}
	dt {
		color: #895F30;
	}
	dd {
		padding-left: 25px; 
	}
	/* Bildunterschriften */
	.csc-textpic-caption {
		padding-left: 0;
	}

/* Listen - Standardformatierung */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}

	/* Hauptmenü - rechts */
	ul.sidemenu {
		text-align: left;
		margin: 7px 5px 8px 0px; padding: 0;
		text-decoration: none;		
		background: url(dots.gif) repeat-x left top;
	}
	ul.sidemenu li {
		list-style: none;
		background: url(dots.gif) repeat-x left bottom;
		padding: 7px 10px;
		margin: 0;		
	}
	* html body ul.sidemenu li {
		height: 1%;
	}
	ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
	ul.sidemenu ul li { background: none; }


/* Bilder */
img {
	background: #eee;
	border: 0;
}
	#col-two img {
		border-style: solid;
		border-width: thin;
		border-color: #5F5F5F;
	}
	#header-wrap img {
		background: transparent;
	}
	/* Bilder - Ausrichtung und Bildunterschriften */
	.csc-textpic-caption {
		font-size: 0.8em;
		line-height: 1.2em;
		text-align: center;
	}
	.csc-textpic-imagewrap {
		margin-top: 1.0em;
	}
	.csc-textpic-image {
		padding: 0;
	}

/* Tabellen - Standardformatierung */
table {
	border-collapse: collapse;
	width: 100%;
}
	th {
		color: #fff;
		background: #d3d3d3;
		padding: 0.5em;
		text-align: left;
		border: 1px solid #191919;	
	}
	tr {
		background: #eee;
	}
	td {
		padding: 0.5em;
		border: 1px solid #191919;
		vertical-align: top;
	}
	/* Tabellen - ohne Rahmen */
	.table-border-none th, .table-border-none td {
		border: 0;
		padding: 0.5em 0.2em;
	}

/* Horizontale Linie - Standardformatierung */
hr {
	background-color: transparent;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px dotted #999999;
	margin: 1.5em 0 1.5em 0;
}

/* Weitere Formatierungen */
code {
	margin: 5px 0;
	padding: 15px;
	text-align: left;
	display: block;
	overflow: auto;  
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
	/* white-space: pre; */
	border: 1px solid #EBEBEB;
	background: #F0F0F0;  
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #F0F0F0;
	background: #F0F0F0 url(quote.jpg) no-repeat 10px 10px;
	font: italic 17px/1.5em Georgia, "Times New Roman", Times, serif;	
	color: #555;	
}

/********************************************
   LAYOUT
********************************************/ 

/* Kopf der Seite */
#header-wrap {
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	width: 940px;
	height: 160px;
	text-align: left;
}
	/*  Hauptnavigation - oben */
	#header-menu {
		margin-left: 253px;
		padding-top: 30px;
	}
		/* Hauptnavigation - Blöcke */
		#header-menu-first, #header-menu-second {
			float:left;
			margin-right: 2.5em;
		}

/* Inhalt */
#content-outer {
	background: #d3d3d3;
	width: 100%;
}
	#content-wrapper {
		width: 940px;
		margin: 0 auto;	
		text-align: left;
	}
	#content {
		float: left;
		width: 100%;
		background-color: #fff;
	}
		#col-one {
			float: left;
			width: 200px;
			padding: 90px 10px 20px 20px;
			background-color: #fff;
		}
			#content-left {
				margin-top: 50px;
			}
		#col-two {
			float: right;
			width: 660px;
			padding: 10px 20px 20px 20px;
			background-color: #eee;
			min-height: 720px;
		}

/* footer */
#footer-wrapper {
	clear: both;
	width: 920px;
	margin: 0 auto;
	text-align: left;
	color: #F9F9F9;
}
	#footer {
		float: left;	
		width: 100%;	
		padding: 0;
	}
		#footer-col-one {
			margin-right: 260px;
			padding-bottom: 5px;
			padding-right: 20px;
			margin-bottom: 5px;
		}
		#footer-col-two {
			float: left;
			width: 210px;
			margin-left: -235px;
			padding-bottom: 5px;
			margin-bottom: 5px;
		}

#footer-bottom {
	clear: both;
	border-top: 1px dotted #f9f9f9;
	width: 920px;
	margin: 0 auto;
}
	#footer-bottom .bottom-left {
		float: left;
		padding-left: 0;
	}
	#footer-bottom .bottom-right {
		text-align: right;
		padding-right: 0;
	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}