/* CSS Document */

/*Grundaufbau*/

body {background-color:#333;}

#container {
	overflow:hidden;
	margin:-14px 0 0 0;
}

#featured, #recent, #uniques, #logo {
	margin-bottom:49px;
}

#labor_container, #fund_container, #chris_container {
	overflow:hidden;
}

/* Balken und Wraps */
#balken2{
	background-color:#720f75;
	width:100%;
	height:7px;
}

#balken3{
	background-color:#2e59ad;
	width:100%;
	height:7px;
}

#wrap {
	width: 100%;
	background-color:#7a7e91;
	background-image:url(../quartz_bg.png);
	background-position:top left;
	background-repeat:repeat;
	z-index:10;
}


/* Typographie */

h1 {
	margin-top:35px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#720f75;
	line-height:140%;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
}

#wrap h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#444;
	background-color: rgba(255,255,128,1);
	font-size:1em;
	line-height:140%;
	margin:0px;
	font-weight:normal;
	width:495px;
	border:1px solid rgba(255,255,128,1);
	padding:14px;
}

#wrap h3 {
	font-size:1em;
	font-weight:normal;
	color:#444;
	margin:0px;
	width:495px;
	background-color: rgba(255,255,128,1);
	border:1px solid rgba(255,255,128,1);
	padding:14px;
}

.subtitle {
	margin-top:-7px;
	margin-bottom:0px;
	font-weight:normal;
}

.titel {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#777;
	font-size:0.5em;
	font-weight:lighter;
	text-align:right;
}

#wrap a {
	border:0;	
	color:#000; 
	text-decoration:underline; 
}

#wrap a:hover	{
	border:0; 
	color:#720f75; 
	text-decoration:none; 
}

#wrap p {
	margin:0px 0 14px 0;
	color:#444;
	width:495px;
	background-color:rgba(255,255,128,0.7);
	background-image:url(../quartz_ecke.png);
	background-position:bottom right;
	background-repeat:no-repeat;	
	border:1px solid rgba(255,255,128,1);
	padding:14px;
	padding-bottom:21px;
}

strong {
	font-weight:bold;
}

.info {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#444;
	line-height:140%;
	font-size: .8em;
}

.artikel {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#444;
	line-height:149%;
	font-size: .9em;
}

blockquote {
	font: Georgia, "Times New Roman", Times, serif;
	line-height:155%;
	font-style:italic;
	font-size:157%;
	color:#ccc;
	margin:63px 21px;
}

hr {
	background-color:none;
	color:none;
	border:0px;
	border-top:1px dotted #999;
	height:0px;
}

/* Post */

#postcontent {
	width:525px;
	padding-left:154px;
	display:inline;
	float: left;
	position: relative;
	margin:0px 7px 0px 7px;
}

#postcontent img {
	margin: 14px 0;
}

#postinfo {
	margin-bottom:63px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 7px;
	margin-right: 7px;
	width:217px;
	padding-left:154px;
}

ul#postinfo li {
	background-color:rgba(255,255,128,0.7);
	background-image:url(../quartz_ecke.png);
	background-position:bottom right;
	background-repeat:no-repeat;	
	border:1px solid rgba(255,255,128,1);
	padding:14px;
	padding-bottom:21px;
	margin-bottom:28px;
}

.postimage {
	float: left;
	position: relative;
	margin:14px 7px 28px 7px;
	width:217px;
	padding-left:154px;
}

#recent .post, #category .post {
	margin-bottom:7px;
	border-top:1px dotted #ccc;
}

/* Comments */

#comments {
	margin-bottom: 63px;
}

.comments h3, .comments ol li {
	border-top:1px solid #ffff80;
	margin-bottom:14px;
	margin-top:0px;
}

.text {
	width:371px;
}

.button {
	width:140px;
}

#live-preview {
	margin-bottom:21px;
}


/* LAB7 - Labor 7 */

#labor_logo {
	background-color:#FAFAFA;
	cursor:pointer;
}

#labor {
	color:#777;
	margin:21px 7px;
	cursor:pointer;
}

.labor {
	color:#7A7A7A;
}

.labor ul, .fund ul {
	margin:7px 0px 7px 0px;
	padding-right:0px;
	overflow:hidden;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.77em;
	color:#dadada;
	list-style-type:none;
}

.labor ul li, .fund ul li {
	float:left;
	margin:0px 7px 7px 0px;
	padding: 7px 7px 0 0px;
	list-style-type:none;
}

/* Internetfundbuero */

#fund_logo {
	background-color:#eee;
	cursor:pointer;
}

#fund {
	color:#7a7a7a;
	margin:21px 7px;
	cursor:pointer;
}

.fund {
	color:#606060;
}

/* Christopher Reinbothe */

#chris_logo {
	background-color:#DDD;
}

#chris {
	color:#666;
	margin:21px 7px;
}

/* Header */

#logo {
	background-color:#FFF;
}

#imprint {
	color:#ccc;
	margin:21px 7px;
}

#imprint_menu ul {
	margin-left:0px;
	padding-right:0px;
	overflow:hidden;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.77em;
	color:#dadada;
}

#imprint_menu  ul li {
	float:right;
	margin:0px 0px 7px 7px;
	padding: 7px 7px 0 7px;
	list-style-type:none;
	height: 21px;
	background-color:#FFF;
	-moz-box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
 	-webkit-box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
 	box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
	}

#imprint_menu  a {
	color:#bababa;
	text-decoration:none;
}

#imprint_menu  a:hover {
	color:#444;
	text-decoration:none;
}

/* Logos und Bilder */

.logo {
	display:inline;
	float: left;
	position: relative;
	width: 63px;
	height: 63px;
	margin:0 7px 21px 84px;
	-moz-box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
 	-webkit-box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
 	box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
}

.glossy {
	margin:14px 0 3px 0;
	-moz-box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
 	-webkit-box-shadow: 0px 0px 7px rgba(45, 140, 95, .2);
 	box-shadow: 3px 3px 6px rgba(40, 120, 80, .84);
	}

.bu {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.77em;
	margin-bottom:14px;}
	
.bu a {
	color:#888;
	text-decoration:none;
}

.bu a:hover {
	color:#444;
	text-decoration:none;
}

.gallery, .gallery-item, .gallery-icon {
	background: none;
	border:hidden;
	padding:0px;
	margin:0px;
}

.gallery dl {
	float:left;
	margin: 0 14px 0 0px;
}

.gallery dl:nth-of-type(7) {
	margin-right:0px;
}

.gallery dl img {
	margin: 7px 0px;
}

#footer{
	overflow:hidden;
}
