/***************************/
/* general element styles: */
/***************************/

html, body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:20px;
	color: #655251;
	background-color: #fffef5;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow-y:hidden;
}
html, body {
	overflow-y:hidden;
}

h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:12px;
	line-height:20px;
	padding:0;
	margin:0;
	font-weight:normal;
}
h1 {
	font-weight: bold;
	color:#000000;
	padding-left:1em;
}
h2 {
	color: #a70012;
}
a:link, a:visited {
	color: #d82221;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}
form {
	margin: 0;
}

img { border: 0; }

/* ******************* Typo3 ******************* */

/* Menu / Sitemap, "Sitemap" */

.container .csc-menu-1 { margin-left: 20px; }
.container .sitemap { margin-left: 20px; }
.container .sitemap .level1 { margin-left: 0px; font-weight: bold; }
.container .sitemap .level2 { margin-left: 10px; }
.container .sitemap .level3 { margin-left: 20px; }
.container .sitemap .level4 { margin-left: 30px; }
/*******************/
/* RTE / Bodytext: */
/*******************/
p {
	font-size: 12px;
	margin-left:13px;
}
p a:link,
p a:visited {
	font-weight: normal;
	text-decoration: underline;
	color:#D82221;
}
p a:hover {
	font-weight: normal;
	text-decoration: none;
	color:#000;
}
hr {
	border: 0;
	color: #B4B29D;
	background-color: #B4B29D;
	height: 2px;
}
.csc-header {
}

/* ******************* DWB ******************* */

#header {
	position:absolute;
	left: 0;
	top: 0;
	bottom:0;
	right:0;
	width: auto;
	/* width: expression(document.body.clientWidth + "px"); */
	height: 124px;	
	overflow: hidden;
	clip: auto;
	margin:0;
	padding:0;
	
	background:#EDECE8;
}
#logo {
	position: absolute;
	float:left;
	width:222px;
	z-index: 111111;
}

#logo img { border: 0; }
#hnav {
	margin-top:76px;
	margin-left:30px;
	float:left;
	width: 520px;
	position: relative;
}
#hmenu {
	position: absolute;
	left: 368px;
}
#hnav a:link,
#hnav a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #655251;
}
#hnav a:hover,
#hnav .active {
	text-decoration:none;
	color: #D82221;
}
#vnav {
	position:absolute;
	left:0;
	top:124px;
	bottom:0;
	right:0;
	width:222px;
	height:auto;
	/* height:expression(document.body.clientHeight - 124 + "px"); */
	overflow:auto;
	clip:auto;

	background: #EDECE8;
	color: #000000;
	text-align:right;
	
	z-index: 2;
}

#menu { margin: 83px 0 0 0; }
#menu a:link,
#menu a:visited {
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height:30px;
	text-decoration:none;
	color: #655251;
	margin-right:29px;
}
#menu a:hover,
#menu .active {
	text-decoration:none;
	color: #D82221;
}
#illupic {
	position:absolute;
	top:124px;
	left:222px;
	bottom:0;
	right:0;
	height:71px;
	width:auto;
	/* width:expression(document.body.clientWidth - 222 + "px"); */
	overflow:auto;
	display:block;
	clip:auto;

	background-color:#F4F2F1;
	background-repeat:no-repeat;
}
#subnav {
	position:absolute;
	top:195px;
	left:212px;
	bottom:0;
	right:0;
	height:80px;
	width:auto;
	/* width:expression(document.body.clientWidth - 222 + "px"); */
	overflow:auto;
	display:block;
	clip:auto;
	
	margin-top:13px;
	padding-left:30px;
}
#subnav a { padding: 0 10px; }

#subnav a:link,
#subnav a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height:240%;
	text-decoration:none;
	color: #D82221;
}
#subnav a:hover,
#subnav .active {
	text-decoration:none;
	color: #655251;
}

#subnav .level3 {
	position: absolute;
	top: 30px;
	left: 30px;
}
#subnav .level3 a { color: #000; font-weight: bold; margin: 0 20px 0 0; }
#subnav .level3 a:hover { color: #655251; }

#content {
	position:absolute;
	top:262px;
	right:0;
	bottom:0;
	left:0;
	height: auto;
	width: 100%;

	/* height: expression(document.body.clientHeight - 262 + "px"); */
	/* width: expression(document.body.clientWidth - 222 + "px"); */
	/*clip:auto;
	display:block;*/
	overflow: auto;

	background: #FFFEF5;
	padding-left:0;
}
#content .marker {
	float:left;
	width:13px;
	/*height:auto;
	overflow:auto;
	font-weight:bold;*/
}
#content .container {
	margin-left: 13px;
	margin-bottom: 20px;
	clear: right;
}
#content #content_wrapper {
	margin: 0 0 0 242px;
	width: 520px;
}

#content #footer {
	clear: both;
	margin-top:85px;
	margin-left:242px;
	padding: 0;
	height: 40px;
}
#content #footer a:link,
#content #footer a:visited {
	color: #655251;
	text-decoration:none;
	margin-right:30px;
}
#content #footer a:hover {
	color: #D82221;
	text-decoration:none;
}
#thisurl{
	display:none;
}
.datum {
	font-size:12px;
	font-weight:normal;
	color:#555;
}

.wb-header {
	/*position: relative;
		top: 4px;
		left: 27px;*/
	margin-left: 13px;
	color: #b0aba7;
}

/* search & input elements formatting */
/* ************************************************************************** */

#hmenu-space { padding: 0 10px; }
#kontakt,
#hmenu-space,
#search
{
	float: left;
}
#search fieldset 
{
	margin: 0;
	border: 0;
	padding: 0;
}
input,
select,
input.search_input {
	float: left; 
	background-color:#FCFEF3;
	border-color: #655251;
	border-style:solid;
	border-width:1px;
	color:#655251;
	margin: 1px 0 0 0;
	padding: 2px 1px 1px 1px;
	width:128px;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
}

#search input.search_submit { border: 0; cursor: pointer; position: relative; top: 0px; padding: 33px 0 0 0; overflow: hidden; font-size: 0; }
input.tx-indexedsearch-searchbox-button { float: none; cursor: pointer; }
.tx-indexedsearch-searchbox select { width: 150px; margin: 0 4px 0 0; } 

input:hover,
select:hover,
input.search_input:hover {
	background-color:#FCFEF3;
	border-color:#D82221;
	border-style:solid;
	border-width:1px;
	color:#555555;
}
input:focus,
select:focus,
input.search_input:focus {
	background-color:#fff;
	border-color:#cAc6c1;
	border-style:solid;
	border-width:1px;
	color:#000;
}

.tx-newloginbox-pi1 tfoot input { width: 116px; cursor: pointer; }

#search input.search_submit {
	width: 16px;
	height: 16px;
	margin: 3px 0 0 4px;
	padding: 16px 0 0 0;
	overflow: hidden;
	background: 0 0  no-repeat url(../images/submit.gif);
	cursor: pointer;
}
#search input.search_submit:hover {
	background-position: 0 -16px;
}
#search input.search_submit:focus,
#search input.search_submit:active {
	background-position: 0 -16px;
}

.tx-indexedsearch-searchbox fieldset { margin: 0; border: 0; padding: 0; }
.tx-indexedsearch-searchbox .tx-indexedsearch-form { float: left; }
.tx-indexedsearch-searchbox .tx-indexedsearch-form label { float: left; padding: 0 4px 0 0; }
.tx-indexedsearch-searchbox .tx-indexedsearch-form input { float: left; }
.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit { float: left; }

#tx-indexedsearch-searchbox-button-submit {
	width: 16px;
	height: 16px;
	margin: 3px 0 0 4px;
	border: 0;
	padding: 16px 0 0 0;
	overflow: hidden;
	background: 0 0  no-repeat url(../images/submit.gif);
	cursor: pointer;
}
.tx-indexedsearch-searchbox input.submit:hover {
	background-position: 0 -16px;
}
.tx-indexedsearch-searchbox input.submit:focus,
.tx-indexedsearch-searchbox input.submit:active {
	background-position: 0 -16px;
}

.tx-indexedsearch-whatis { display: none; }

.tx-indexedsearch-browsebox { clear: both; margin: 0 0 16px 0; }
.tx-indexedsearch-browsebox p { margin: 8px 0; }
.tx-indexedsearch-browsebox ul.browsebox { list-style: none; display: block; padding: 8px 0 16px 0; }
.tx-indexedsearch-browsebox ul.browsebox li { float: left; margin: 0 5px; }

.tx-indexedsearch-res { clear: both; }
.tx-indexedsearch-res.res { clear: both; padding: 24px 0 0 0; }

.tx-indexedsearch-res h3 .tx-indexedsearch-icon { position: relative; top: 2px; left: 7px; }

.tx-indexedsearch-res dl { margin: 0 !important; }
.tx-indexedsearch-res dt { float: left; }
.tx-indexedsearch-res dd { float: left; margin: 0; }

.tx-indexedsearch-res .tx-indexedsearch-percent { display: none; }

.tx-indexedsearch-res dl.tx-indexedsearch-info { margin: 0 0 0 14px !important; }
.tx-indexedsearch-text-item-path { color: #888; }

.tx-ttaddress-pi1 .vcard { margin: 0 0 20px 0; }

/***************************/
/* Typo3-Definitionen      */
/***************************/
.csc-textpic {
	padding: 0;
	border: 0px solid green;  /*XXX demo only*/
}
.csc-textpic img {
	border: 0px solid black;  /*XXX demo only*/
	margin: 4px;
}
.csc-textpic dd.csc-textpic-caption {
	margin: 0 0 0 4px;
	text-align: left;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
	font-style: italic;  /*XXX demo only*/
}

.csc-textpic .csc-textpic-image {
	border: 0px solid red;  /*XXX demo only*/
	margin: 0 0 0 0;
	padding: 0 10px 0;
	float: left;
	width: 210px; /*will have to be an inline style - controlled by TS*/
}

.csc-textpic .csc-imagewrap {
	border: 0px solid blue; /*XXX demo only*/
}

.csc-textpic .csc-textpic-text {
	border: 0px solid silver; /*XXX demo only*/
	text-align: left; /*will have to be an inline style - controlled by TS*/
	clear: both;
}

.csc-textpic.csc-textpic-intext-right .csc-textpic-image { float: right; }
.csc-textpic.csc-textpic-intext-left .csc-textpic-image { float: left; }

.csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-image { float: right; }
.csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-image { float: left; }

.csc-textpic.csc-textpic-intext-right .csc-textpic-text,
.csc-textpic.csc-textpic-intext-left .csc-textpic-text,
.csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text,
.csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text {
	clear: none;
}


.csc-textpic-clear { clear: both; }

.csc-text {
	margin-top: 0;
}
/* CENTER */
.csc-center .csc-image {
	margin: 0 auto 3px;
}
/* RIGHT */
.csc-right div.csc-image {
	float: right;
	clear: both;
}
.csc-right div.csc-text {
	clear: right;
}
/* LEFT */
.csc-left div.csc-image {
	float: left;
	clear: both;
}
.csc-left div.csc-text {
	clear: left;
}
/* INTEXT LEFT */
.csc-intext-left .csc-image {
	float: left;
	clear: both;
	margin-right: 0px;
}
/* INTEXT RIGHT */
.csc-intext-right .csc-image {
	float: right;
	clear: both;
	margin-left: 0px;
}
/* INTEXT RIGHT NOWRAP */
.csc-intext-right-nowrap .csc-text {
	/* margin-right: 215px; will have to be an inline style - controlled by TS*/
}
.csi-intext-right-nowrap .csi-image {
	float: right;
	clear: both;
}
/* INTEXT LEFT NOWRAP*/
.csc-intext-left-nowrap .csc-text {
	/*margin-left: 215px; will have to be an inline style - controlled by TS*/
}
.csc-intext-left-nowrap .csc-image {
	float: left;
	clear: both;
}
.contenttable {
	margin-left:13px;
}
.contenttable td {
	padding-right:10px;
}

.csi-textpic .csi-image {
	border:0 solid red;
	float:left;
	margin:0 0 0 13px;
	width:210px;
}
.csi-intext-right .csi-image {
	clear:both;
	float:right;
	margin-left: 13px;
}

/* blog info zone styling */
/* ************************************************************************** */

.info
{
	display: inline-block;
	position: relative;
	background: #fff;
	color: #8C867A;
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 30px 13px;
	border-bottom: 1px solid #DBDAD8;
	padding: 10px 0;
	width: 510px;
}
	.info a { color: #8C867A; text-decoration: none; border-bottom: 1px dotted #645B4A; padding: 0; }
	.info a:hover { color: #342B2A; border-bottom: 1px solid #645B4A; }

.info .left { float: left; width: 245px; }
.info .right { float: right; width: 245px; }

.info_m
{
}
	.info_m a {}

.info_c
{
	float: left;
	padding: 0 0 0 17px;
	background: 0 center no-repeat url(images/comments.png);
}
	.info_c a { margin: 0 4px 0 0; }

.info_s
{
	float: right;
}
	.info_s img { vertical-align:middle; }
	.info_s a { border: 0; display: inline-block; height: 14px; }
	.info_s a:hover { border: 0; }


#blog
{
	float:left;
	width:510px;
}

#sidebar
{
	color: #000;
	float: left;
	font-size: 12px;
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	width: 210px;
	height: 100%;
}
	
	#sidebar a { background: none; color: #9F988E; text-decoration: none; border-bottom: 1px dotted #9F988E; }
	#sidebar a:hover { color: #000; border-bottom: 1px solid #9F988E; }

#tagcloud
{
	border-top: 4px solid #cad6d9;
	border-bottom: 4px solid #cad6d9;
	text-align: center;
	color: #86abb3;
	margin: 20px 0px 0px 0px;
	padding: 4px 0px 7px 0px; 
	font-variant: normal;
}

	#tagcloud a {text-align: center; color: #86abb3; background: none;}

#dwblog #content #content_wrapper { width: 750px; }

#dwblogframe
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}