/* Default Document */

/* 1) Globals
---------------------------------------------------------------------------- */

html,body {
	height: 100%;
	}
body {
	background: #fff;
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 62.5%; /* Set 1em = 10px */
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	}

/* -- Headings -- */
h1 { font-size: 164%; }
h2 { font-size: 145%; }
h3 { font-size: 114%; }
h4 { font-size: 103%; }
h1,h2,h3 { font-family: Georgia, "Times New Roman", Times, serif; }
a {
						color: #000;
						display:inline;
						text-decoration: none;
						}
 a:hover {
						color: #fff;
						background: #transparent;
						}
			
/* 2) Site Structure 
---------------------------------------------------------------------------- */
#container {
	height: auto !important;
	height: 100%;
	margin-bottom: -3.5em;
	min-height: 100%;
	background :#fff;
	/*background:url(../img/content_bg.gif) repeat;*/
	}
#header_wrapper {
	height: 15em;
	margin-bottom: 3.2em;
	position: absolute;
	top: 0;
	width: 100%;
	}
	#header {
		width: 960px;
		}
#content {
	clear: both;
	margin: 16.0em auto 0 auto;
	margin-bottom: 2em;
	width: 960px;
	background :#fff;
	}

#sidebar {
	float: right;
	margin-bottom: 1.5em;
	width: 250px;
	}
#footer {
	margin: 0 auto;
	padding: 0 0 1em 0;
	width: 960px;
	}

	
/* #) Header
---------------------------------------------------------------------------- */
#header_wrapper {
	background: url(../img/kunstidee_bg.jpg) #404040 top left repeat-x;
	}
	#top_bar {
		display: block;
		height: 1px;
		margin-bottom: 1em;
		overflow: hidden;
		padding: 0;
		}
	#header {
		margin: 0 auto;
		position: relative;
		}
		.logo {
		float:left;
			}
		.navigation {
			float: left;
			position: relative;
			text-align: right;
			width: 960px;
			}
			.navigation ul {
				bottom: -2.9em !important;
				bottom: -3em;
				list-style-type: none;
				margin: 0;
				padding: 0;
				position: absolute;
				right: 0;
				}
				.navigation ul li {
					color: #fff;
					float: left;
					font: normal 1.7em tahoma;
					letter-spacing: .05em;
					}
					.navigation ul li a {
						color: #fff;
						display: block;
						margin: 0 0.4em;
						padding: 0.3em 0.5em 0.6em 0.5em;
						text-decoration: none;
						}
					.navigation ul li a:hover {
						color: #000;
						background: #ccc;
						}


/* #) Content
---------------------------------------------------------------------------- */
#content h1 {
	border-bottom: 2px solid #25699b;
	clear: both;
	color: #404040;
	font: normal 4em Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	margin: 0 0 .4em 0;
	overflow: visible;
	padding: 0 0 .2em 0;
	}						
						
/* #) Content
---------------------------------------------------------------------------- */

#content .meta {
	color: #696969;
	font: normal 1.1em tahoma, arial, verdana;
	letter-spacing: 0.05em;
	margin: 0 0 1em !important;
	margin: 0 0 2em;
	padding: 0;
	}
	#content .meta a {
		color: #5c8fb4;
		}
		#content .meta a:hover {
			background: #e4ecf2;
			color: #25699b;
			}
		
#content h2 {
	border-bottom: 1px solid #5c8fb4;
	clear: both;
	color: #404040;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	margin: .8em 0 .4em 0;
	overflow: visible;
	padding: 0 0 .2em 0;
	}

#content h4 {
	background: #e4ecf2;
	border: 1px solid #3d7ea9;
	border-right: 0;
	border-left: 0;
	color: #3d7ea9;
	font-size: 1.4em;
	padding: .3em 0;
	text-align: center;
	}
	#content h4.error {
		background: #f8e5e3;
		border-color: #c82e1e;
		color: #c82e1e;
		}


/* #) Nifty Block
---------------------------------------------------------------------------- */	

div#nifty{ margin: 0 2%;background: #ddd; }

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #ddd}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* #) Main Content
---------------------------------------------------------------------------- */	
div#content_main{ margin: 0 2%;background: #ddd}



/* #) Article
---------------------------------------------------------------------------- */

#content .article {
	float: left;
	margin-right: 20px;
	width: 680px;
	}
	#content .article h3 {
		border-bottom: 1px solid #aaaaaa;
		clear: both;
		color: #fff;
		font: normal 1.4em Georgia, "Times New Roman", Times, serif;
		/*
		line-height: 1em;
		margin: .8em 0 0 0;
		padding: .2em 0 ;
		*/
		overflow: visible;
		
		}	
	#content .article p {
		font: normal 1.2em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		line-height: 150%;
		}
		/*		
		#content .article img {
			background: #f5f7f9;
			border: 1px solid #c5c5c5;
			border-left: 0;
			border-top: 0;
			padding: .3em;
			}
	
	#content .article a {
		border-bottom: 1px dotted #ce4c3e;
		color: #ce4c3e;
		text-decoration: none;
		}
		#content .article a:hover {
			background: #cbe3f5;
			border-bottom: 1px solid #25699b;
			color: #25699b;
			}
			*/
	#content .article sup a {
		border-bottom: 0;
		text-decoration: none;
		}
	#content .article kbd {
		background: #f5f7f9;
		border: 1px solid #aaaaaa;
		border-top-color: #dfdfdf;
		border-left-color: #dfdfdf;
		font-size: 1.2em;
		margin: 0 .2em;
		padding: 0 .2em;
		}
	#content .article ol {
		font: normal 1.3em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		line-height: 150%;
		}

		
		

/* #) Sidebar
---------------------------------------------------------------------------- */
	
#content #related, #content #links49887, #content #adbrite {
	list-style-type: none;
	margin: 0;
	padding: 1.4em 0 0 0 !important;
	padding: .4em 0 0 0;
	}
	#content #related li.header, #content #links49887 li.header {
		background: #3d7ea9;
		color: #fff;
		display: block;
		font: normal 1.7em tahoma, arial, verdana;
		padding: 0 0 2px 10px;
		}
	#content #related li, #content #links49887 li {
		display: inline;
		}
	#content #related a, #content #links49887 a, #content #adbrite a {
		border-bottom: 1px dotted #5c8fb4;
		color: #3d7ea9;
		display: block;
		font-size: 1.15em;
		padding: 2px 30px 0.4em 10px;
		text-decoration: none;
		background:URL(circ_grey.gif) no-repeat;
		}
		#content #related a:hover, #content #links49887 a:hover, #content #adbrite a:hover {
			background: #e4ecf2;
			color: #25699b;
			}
			#content #related a:visited, #content #links49887 a:visited, #content #adbrite a:visited {
			background:URL(ticks_grey.gif) no-repeat;
			}	
			
		#content #related small {
			color: #aaaaaa;
			display: inline;
			font-size: .8em;
			}

	#content #links49887 li.header {
		background: #3d7ea9;
		}
	#content #adbrite a.adHeadline {
		border-bottom: 0;
		}
	#content #adbrite b {
		font-weight: normal;
		}
	#content #adbrite a.adText {
		padding: 0 .5em .4em .5em;
		}
	#content #adbrite br {
		display: none;
		}	
		
/* #) kontakt seite
---------------------------------------------------------------------------- */
	
#kontakt{
	list-style-type: none;
	margin: 0;
	padding: 1.4em 0 0 0 !important;
	padding: .4em 0 0 0;
	font: normal 1.3em tahoma, arial, verdana;
	}
	#kontakt li.header {
		background: #3d7ea9;
		color: #fff;
		display: block;
		font: normal 1.4em tahoma, arial, verdana;
		padding: 0 0 2px 10px;
		}
	#kontakt #related li, #content #links49887 li {
		display: inline;
		font: normal 1.4em tahoma, arial, verdana;
		}
	#kontakt a {
		/*border-bottom: 1px dotted #5c8fb4;*/
		color: #3d7ea9;
		display: block;
		font-size: 1.15em;
		padding: 2px 30px 0.4em 10px;
		text-decoration: none;
		background-color:#fff;
		}
		#kontakt #related a:hover, #kontakt  #links49887 a:hover, #content #adbrite a:hover {
			background: #e4ecf2;
			color: #25699b;
			}
			#kontakt #related a:visited, #content #lkontakt  a:visited, #content #adbrite a:visited {
			background:URL(ticks_grey.gif) no-repeat;
			}	
			
		#kontakt small {
			color: #555;
			display: inline;
			font-size: .8em;
			}
		#kontakt #beschreibung {
			color: #000;
			display: inline;
			font-size: .9em;
			}	

				
	
/* #) HACKS and FIXES
---------------------------------------------------------------------------- */
.clear {
	clear: both;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;}



/* #) Schattenbilder
---------------------------------------------------------------------------- */
div.shadow {
  float: left;
  padding: 2px;
  background: #fff;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #ddd;
  position: relative;
}