/* top elements*/
*  {
	padding : 0;
	margin : 0;
}

body  {
	margin : 0;
	padding : 0;
	font : .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color : #000;
	background-image: url(grafiken/bgbsf.gif);
}

/* links*/
a  {
	color : #808080;
	background-color : inherit;
	text-decoration : none;
}

a:hover  {
	color : #060;
	background-color : inherit;
}

/* headers*/
h1, h2, h3  {
	font : bold 1em Verdana, Tahoma, Helvetica, sans-serif;
	color : #3C3C3C;
}

h1  {
	font-size : 1.5em;
	color : #030;
}

h2  {
	font-size : 1.4em;
	text-transform : uppercase;
}

h3  {
	font-size : 1.3em;
}

p, h1, h2, h3  {
	margin: 10px;
	padding: 10px;
	height: auto;
}

ul, ol  {
	margin : 10px 30px;
	padding : 0 15px;
	color : #000000;
}

ul span, ol span  {
	color : #666666;
}

/* images*/
img  {
	border : ;
	height: auto;
}

img.no-border  {
	border : none;
}

img.float-right  {
	margin : 5px 0px 5px 15px;
}

img.float-left  {
	margin : 5px 15px 5px 0px;
}

a img  {
	border : 2px solid ;
}

a:hover img  {
	border : 2px solid # !important;
	/* IE fix */
	border : 2px solid #;
}

code  {
	margin : 5px 0;
	padding : 10px;
	text-align : left;
	display : block;
	overflow : auto;
	font : 500 1em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
	/* white-space: pre; */
	background : #FAFAFA;
	border : 1px solid #F2F2F2;
	border-left : 4px solid #808080;
}

acronym  {
	cursor : help;
	border-bottom : 1px solid #777;
}

blockquote  {
	margin : 15px;
	padding : 0 0 0 20px;
	background : #FAFAFA;
	border : 1px solid #F2F2F2;
	border-left : 4px solid #808080;
	color : #808080;
	font : bold 1.2em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
}

/* form elements*/
form  {
	margin : 10px;
	padding : 0;
	border : 1px solid #F2F2F2;
	background-color : #FAFAFA;
}

label  {
	display : block;
	font-weight : bold;
	margin : 5px 0;
}

input  {
	padding : 2px;
	border : 1px solid #eee;
	font : normal 1em Verdana, Tahoma, Helvetica, sans-serif;
	color : #777;
}

textarea  {
	width : 300px;
	padding : 2px;
	font : normal 1em Verdana, Tahoma, Helvetica, sans-serif;
	border : 1px solid #eee;
	height : 100px;
	display : block;
	color : #777;
}

input.button  {
	margin : 0;
	font : bold 1em Verdana, Tahoma, Helvetica, sans-serif;
	border : 1px solid #CCC;
	background : #FFF;
	padding : 2px 3px;
	color : #808080;
}

/* search form*/
form.searchform  {
	background : transparent;
	border : none;
	margin : 0;
	padding : 0;
}

form.searchform input.textbox  {
	margin : 0;
	width : 120px;
	border : 1px solid #000000;
	background : #FFF;
	color : #333;
	height : 14px;
	vertical-align : top;
}

form.searchform input.button  {
	margin : 0;
	padding : 2px 3px;
	font : bold 12px Verdana, Tahoma, Helvetica, sans-serif;
	background : #FAFAFA;
	border : 1px solid #f2f2f2;
	color : #777;
	width : 60px;
	vertical-align : top;
}

/* **********************
	  LAYOUT
************************/
#wrap  {
	background : #FFF;
	width : 820px;
	height : auto;
	margin : 0 auto;
	text-align : left;
}

#content-wrap  {
	background : #FFF;
	clear : both;
	width : 820px;
	height : auto;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10;
	margin: 10;
}

/* header*/
#header  {
	height : 170px;
	width: 730px;
	background-position: 100% 100%;
	padding-top: 10px;
	padding-bottom: 2px;
	background-color: #FFF;
	padding-left: 90px;
	margin-top: 0px;
	overflow: auto;
	margin-bottom: 0px;
}

#header h1#logo  {
	position : absolute;
	margin : 0;
	padding : 0;
	font : bolder 4.1em Verdana, Tahoma, Helvetica, sans-serif;
	letter-spacing : -2px;
	text-transform : lowercase;
	top : 0;
	left : 5px;
}

#header h2#slogan  {
	position : absolute;
	top : 37px;
	left : 95px;
	color : #666666;
	text-indent : 0px;
	font : bold 11px Verdana, Tahoma, Helvetica, sans-serif;
	text-transform : none;
}

#header form.searchform  {
	position : absolute;
	top : 0;
	right : -12px;
}

/* main*/
#main  {
	float : left;
	margin-left : 30px;
	width : 52%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.post-footer  {
	background-color : #FAFAFA;
	padding : 5px;
	margin : 20px 15px 0 15px;
	border : 1px solid #f2f2f2;
	font-size : 95%;
}

.post-footer .date  {
	background : url(clock.gif) no-repeat left center;
	padding-left : 20px;
	margin : 0 10px 0 5px;
}

.post-footer .comments  {
	background : url(comment.gif) no-repeat left center;
	padding-left : 20px;
	margin : 0 10px 0 5px;
}

.post-footer .readmore  {
	background : url(page.gif) no-repeat left center;
	padding-left : 20px;
	margin : 0 10px 0 5px;
}

/* sidebar*/
#sidebar  {
	float : left;
	width : 20%;
	display : inline;
	background-color: #FFF;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#sidebar ul.sidemenu  {
	list-style : none;
	background-color: #CF9;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#sidebar ul.sidemenu li  {
	margin-bottom : 1px;
	border : 1px solid #f2f2f2;
}

#sidebar ul.sidemenu a  {
	display : block;
	font-weight : bold;
	color : #333;
	text-decoration : none;
	padding : 2px 5px 2px 10px;
	background : #CF9;
	border-left : 4px solid #030;
	min-height : 18px;
}

* html body #sidebar ul.sidemenu a  {
	height : 18px;
}

#sidebar ul.sidemenu a:hover  {
	padding : 2px 5px 2px 10px;
	background : #CF9;
	color : #060;
	border-left : 4px solid #060;
}

/* rightbar*/
#rightbar  {
	float : right;
	width : 23%;
	padding : 0;
	margin : 0;
	height: auto;
}

/* Footer*/
#footer  {
	clear : both;

	background : ;
	height : 40px;
	font-size : 90%;
	color: #333;
	background-color: #FFF;
	vertical-align: bottom;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 20;
	white-space: normal;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #808080;
}

#footer a  {
	text-decoration : none;
	font-weight : bold;
	color : ##000;
}

#footer .footer-left  {
	float : left;
	width : 65%;
}

#footer .footer-right  {
	float : right;
	width : 30%;
}

/* karteireiter=menutabs*/
#header ul  {
	z-index : 999999;
	position : absolute;
	margin : 0;
	padding : 0;
	list-style : none;
	right : 0;
	bottom : 5px;
	font : bold 13px  Verdana, Tahoma, Helvetica, sans-serif;
}

#header li  {
	display : inline;
	margin : 0;
	padding : 0;
}

#header a  {
	float : left;
	background : url(tableft.gif) no-repeat left top;
	margin : 0;
	padding : 0 0 0 4px;
	text-decoration : none;
}

#header a span  {
	float : left;
	display : block;
	background : url(tabright.gif) no-repeat right top;
	padding : 6px 15px 3px 8px;
	color : #3C3C3C;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span  {
	float : none;
}

/* End IE5-Mac hack*/
#header a:hover span  {
	color : #8DBAC3;
}

#header a:hover  {
	background-position : 0% -42px;
}

#header a:hover span  {
	background-position : 100% -42px;
}

#header #current a  {
	background-position : 0% -42px;
	color : #8DBAC3;
}

#header #current a span  {
	background-position : 100% -42px;
	color : #8DBAC3;
}

/* alignment classes*/
.float-left  {
	float : left;
}

.float-right  {
	float : right;
}

.align-left  {
	text-align : left;
}

.align-right  {
	text-align : right;
}

/* additional classes*/
.clear  {
	clear : both;
}

.gray  {
	color : #BFBFBF;
}
.BOLD {
	font-weight: bold;
}