/*
//	Another lrieder.com Website
//
//	Website Name: baufiline
//	Basis: Skeleton
//	Features:
//	 - IE6 PNG Fix
//	 - Float Clearfix
//	 - XHTML 1.0
//
//	Creation Date: Sept 07
//	Version: 0.1
*/

/*
//  DEBUG SWITCH
*
div { border:1px solid green; }
/*
*/

/*
//	GLOBAL SETTINGS
*/
* { margin:0; padding:0; }

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

body {
	font-family:Georgia, Times, Times New Roman;
	font-size:12px;
}

/*
//	LAYOUT
*/
#body {
	background:#bfbfbf;
}
#wrapper-1 {
	position:absolute;
	left:0; top:0;
	width:946px;
	background:#fff;
	z-index:1;
}
#top {
	position:absolute;
	z-index:0;
}
#header {
	width:946px; height:298px;
	position:relative;
	background:no-repeat url("../images/header-bg.gif");
	z-index:1;
}
#menu {
	position:absolute;
	left:17px; top:253px;
	width:694px; height:45px;
	background:no-repeat url("../images/menu-bg.gif");
	z-index:2;
}
#vcard {
	position:absolute;
	left:726px; top:12px;
	width:210px; height:286px;
	background:no-repeat url("../images/vcard-bg.gif");
	z-index:2;
}
#vcard p {
	position:absolute;
	left:16px; top:170px;
	width:178px;
}
#wrapper-2 {
	width:946px;
	background:#fff;
}
#content {
	width:640px;
	margin:28px 24px;
	float:left; position:relative;
}
#right {
	width:218px;
	margin:10px 2px;
	float:right; position:relative;
}
#right .inner {
	margin-right:10px;
}
#footer {
	width:946px;
	padding:5px 0;
	background:#dfdfdf;
}
#footer p {
	margin:0 24px;
}

div.comment {
	background:url("../images/box-tl.gif");
}
div.comment div {
	background:no-repeat top right url("../images/box-tr.gif");
}
div.comment div div {
	background:no-repeat bottom left url("../images/box-bl.gif");
}
div.comment div div div {
	background:no-repeat bottom right url("../images/box-br.gif");
	padding:44px 20px 80px 10px;
}
div.comment div div div div { background:none; padding:0; }

/*
//  NAVIGATION
*/
#menu ul {
	list-style:none;
	margin:4px 0 5px 0;
	padding-left:20px;
}
#menu li {
	display:inline;
	float:left;
	margin-right:20px;
}

#menu a, #menu a:link, #menu a:active, #menu a:visited {
	display:inline;
	padding:9px 0 7px 10px;
	outline:none;
	font-size:18px;
	color:#1a1a1a;
	text-decoration:none;
}
#menu a:hover {
	text-decoration:underline;
}
/*
//	STYLING
*/
a, a:link, a:active, a:visited {
	color:#034da2;
	text-decoration:none;
}
a.anchor, a.anchor:link, a.anchor:active, a.anchor:visited, a.anchor:hover {
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img { border:none; margin:5px; }
table { border:none; }

.left { float:left; }
.right { float:right; }

.farbe1, a.farbe1 { color:#d80b8c; }
.farbe2, a.farbe2 { color:#7f9fd2; }
.farbe3, a.farbe3 { color:#f8cbdf; }
.farbe4, a.farbe4 { color:#034da2; }

.bogen1 { background:no-repeat left center url("../images/bogen1.gif"); padding-left:10px; line-height:36px; }
.bogen2 { background:no-repeat left center url("../images/bogen2.gif"); padding-left:10px; line-height:36px; }
.bogen3 { background:no-repeat left center url("../images/bogen3.gif"); padding-left:10px; line-height:36px; }
.bogen4 { background:no-repeat left center url("../images/bogen4.gif"); padding-left:10px; line-height:36px; }

.comment {
	color:#fff;
}
.comment-author {
	padding-right:8px;
	text-align:right;
	color:#034da2;
}
.small { font-size:10px; }
.bigger { font-size:13px; }

#content { color:#333; }
#footer { color:#9a9a9a; }

h3.farbe1, hr.farbe1 { color:#333; border:none; border-bottom:2px solid #d80b8c; }
h3.farbe2, hr.farbe2 { color:#333; border:none; border-bottom:2px solid #7f9fd2; }
h3.farbe3, hr.farbe3 { color:#333; border:none; border-bottom:2px solid #f8cbdf; }
h3.farbe4, hr.farbe4 { color:#333; border:none; border-bottom:2px solid #034da2; }

h3 {
	padding-left:5px;
	margin:12px 0 12px -5px;
	font-size:18px;
	font-weight:normal;
}
ul {
	padding-left:18px;
}
p, ul {
	margin:6px 0;
}
#mailform label {
	display:block;
}
#mailform input {
	width:200px;
	padding:2px;
	border:none;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	background:#f1f1f1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#mailform input.button {
	width:auto;
	margin-right:50px;
	border:none;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#mailform input:hover,
#mailform textarea:hover {
	border-color:#666;
}
#mailform textarea {
	width:400px; height:200px;
	padding:2px;
	border:none;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	background:#f1f1f1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}