/**
 * Seite: blanker-hans.de
 * Datei: screen.css
 * Media: screen
 *
 * Datum: 2006-06
 * Autor: Malte Beran
 ****************************************************************************************************
 * Basisdaten
 ****************************************************************************************************
Orange: 	#F68B1F
Blau (GMENU): 	#0066B3
Textfarbe-Content #4D4D4F

*/

.ghi {
	color:#fff;
	visibility:hidden;
}

* {
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;
}
body {
	height: 100%;
	background-image: url(../images/bg_body.png);
	background-repeat: repeat-y;
	background-position: top center;
/*	background-color: #e4e4e4;*/
	color: #4D4D4F;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
}
input[type=text],textarea {
	padding: 2px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.contenttable {
	width: 100%;
}
.align-left {
	text-align: left;
}
/****************************************************************************************************
 * Seitenaufbau
 ****************************************************************************************************/
#container {
	width: 1024px;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
	overflow: visible;
	display: block;
	background-image: url(../images/bg_body.png);
	_background-image: none;
	background-repeat: repeat-y;
	background-position: top center;
	text-align: left;
}
#main {
	width: 694px;
	height: auto;
 	margin: 0 0 60px 18px;
	display: block;
	overflow: hidden;
	text-align: left;
	display:inline;
	float: left;
}
#right {
	width: 296px;
	float: left;
	height: auto;
	text-align: left;
	background-image: url(../images/bg_right.gif);
	background-repeat:no-repeat;
}
/****************************************************************************************************/
#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 188px;
	background-image: url(../images/bg_header.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#logo {
	margin: 0 0 0 15px;
	text-align: left;
}
#navi-basis {
 	margin: 14px 0 0 0;
	height: 268px;
	width: 264px;
	color: white;
	font-size: 0.8em;
	text-align: center;
/* 	display:inline-block; */
/* 	vertical-align: middle; */
}
#navi-basis img {
/*  	border: 1px solid red; */
	vertical-align: top;
}
/*#navi-basis a {
	color: white;
	text-decoration: none;
	font-weight:600;
}*/
/****************************************************************************************************/
#content {
	float:left;
	margin: 0 40px 0 40px;
	width: 397px;
	min-height: 400px;
	overflow:hidden;
	line-height: 18px;
}
#content-right {
	font-size: 0.8em;
	margin: 5px 0 0 0;
	width: 264px;
	overflow:hidden;
	float:left;
}
#content h1 {
	margin: 0 0 0 0;
/*	color: #a5a5a5;
	font-size: 2em;*/
}
#content h2 {
	margin: 0 0 5px 0;
/*	color: #a5a5a5;
	font-size: 2em;*/
}
h3 {
	margin: 0 0 10px 0;
	color: #0066B3;
	font-size: 1em;
	font-weight: bold;
}	
h4 {
	margin: 0 0 10px 0;
	color: #4D4D4F;
	font-size: 1em;
	font-weight: bold;
}
#content p.bodytext {
	line-height: 1.6em;
	font-size: 1em;
}
#content A {
	color: #F68B1F;
	text-decoration: underline;
}
#content A:hover {
	color: #0066B3;
/*	text-decoration: underline;*/
}
/****************************************************************************************************/

/****************************************************************************************************/
/****************************************************************************************************
 * N A V I - M A I N
 ****************************************************************************************************/
#navi-main {
	width: 200px;
	float: left;
	text-align: right;
}
#navi-main ul {
	margin: 0 0 0 20px;
	padding: 0;
	display: inline-block;
	list-style: none;
	text-align:left;
	border-bottom: 1px solid #C9DFEF;
}
#navi-main ul li ul {
	border-bottom: 0;
	margin: 0;
}
#navi-main ul li.level01 {
	border-top: 1px solid #C9DFEF;
}
#navi-main ul li.level01-current {
	border-top: 1px solid #C9DFEF;
}

#navi-main ul li ul li {
	font-size: 9px;
	font-weight: bold;
	color: #F68B1F;
	line-height: 2.5em;
}
#navi-main ul li ul {
	margin: 0 0 8px 0;
}
#navi-main ul li ul li.level02 a {
	color: #F68B1F;
	text-decoration: none;
	font-weight: bold;
	color: #F68B1F;
	margin: 0 0 0 20px;
}
#navi-main ul li.level02 a:hover {
	text-decoration: underline;
}
#navi-main ul li ul li.level02-current {
	text-decoration: none;
	background-image: url(../images/pfeil.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#navi-main ul li ul li.level02-current a {
	font-weight: bold;
	color: #F68B1F;
	display: block;
 	margin: 0 0 0 20px;
	text-decoration: none;
}

p.error {
	color: #F68B1F;
	font-weight: bold;
}
A.mail {
	background-color: white;
	border: none;
}

/****************************************************************************************************/













/**
 * PLUGIN: mailform
 ****************************************************************************************************/
#mailform fieldset {
	border: 0;
}
#mailform div.csc-mailform-field {
}
#mailform div.csc-mailform-field label {
	display: block;
}
#mailform span.csc-mailform-radio FIELDSET LABEL {
	display: inline;
	padding-left: 5px;
}
#mailform input[type=text] {
	width:390px; 
	margin:0 0 4px 0; 
	border:1px solid #c9dfef;
}
#mailform textarea {
	width:390px; 
	margin:0 0 4px 0; 
	border:1px solid #c9dfef;
}
#mailform input[type=submit] {
	width:140px; 
	padding:2px; 
	border:1px solid #c9dfef; 
	background-color:#ffffff; 
	color:#f68b1f; 
	font-weight:bold; 
	font-size:11px; 
	cursor:pointer;
}
#mailform LEGEND {
	display: none;
}
/**
 * PLUGIN: croncssstyledimages
 ****************************************************************************************************/
#content .csi-intext-left {
	height: 55px;
	margin: 0 0 0 84px;
	padding: 10px 0 0 12px;
	display: block;
	overflow: hidden;
	border-left: 1px solid #a5a5a5;
}
#content .csi-intext-left .csi-imagewrap {
	margin: 0 17px 0 0;
	float: left;
}
#content .csi-intext-left P.bodytext {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	border-left: 1px solid #ffffff;
	font-size: 1em;
}
#right .csc-textpic-text P.bodytext {
	padding: 5px 0 0 0;
	line-height: 10px;
	font-size: 9px;
}
/**
 * PLUGIN: Sitemap
 ****************************************************************************************************/
#content UL {
	margin: 0 0 0 15px;
	list-style: square;
}
#content DIV.csc-sitemap UL LI A {
	color: #0066B3;
	font-weight: bold;
	text-decoration: none;
}
#content DIV.csc-sitemap UL LI A:HOVER {
	color: #F68B1F;
}
#content UL LI UL {
	margin: 0 0 0 25px;
	list-style: square;
}
#content DIV.csc-sitemap UL LI UL LI A {
	color: #F68B1F;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
}
#content DIV.csc-sitemap UL LI UL LI A:hover {
	color: #0066B3
}

/*
***********************************************************************************************/
/* Pictures on left, add margin on right */
#content-right DIV.csc-textpic-left {
	display: inline; /* IE fix for double-margin bug */
	margin: 0;
}

	/* Pictures on left, add margin on right */
#content-right DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
#content-right DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#content-right DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 0;
}
	/* Pictures on right, add margin on left */
#content-right DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
#content-right DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
#content-right DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 0;
}
	/* Pictures centered, add margin on left */
#content-right DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 0;
}
#content-right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
#content-right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
	/* Space below each image (also in-between rows) */
#content-right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
#content-right DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
#content-right DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
	/* No margins around the whole image-block */
#content-right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-right: 5px !important; }
#content-right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0 !important; }
	/* Add margin from image-block to text (in case of "Text w/ images") */
#content-right DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
#content-right DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 0 !important;
}
#content-right DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
#content-right DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 0 !important;
}