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







	Project		:	Redaxo Demo







	Copyright	:	blumbeet - web.studio



					www.blumbeet.com







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



















/*	undo



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







:link,:visited { 

	text-decoration: none;

}



ul,ol { 

}



h1,h2,h3,h4,h5,h6,pre,code { 

	font-size: 1em;

	font-weight: normal;

}



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { 

	margin: 0;

	padding: 0;

}



img, a img,:link img,:visited img, fieldset { 

}



img { 

	margin: 0;

	padding: 0;

	vertical-align: bottom;

}



address { 

}



table { 

	border: none;

	padding: 0px;

	margin: 0px;

	border-spacing: 0px;

	font-size: 1em;

}



tr { 

	border: none;

	padding: 0px;

	margin: 0px;

}



td { 

	border: none;

	padding: 0px;

	margin: 0px;

	vertical-align: top;

	border-spacing: 0px;

}



legend { 

	display: none;

}



body, div,p,li { 

	background-repeat: y;

}



/*	reset some basic style



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



dl { 

	margin: 0 0 0 0;

}



dl dt { 

	margin: 0 0 0 0;

}



dl dd+dt { 

	margin-top: 0;

}



dl dd { 

	margin: 0 0 0 0;

}



ol { 

	list-style: none;

}



ol li { 

	margin: 0 0 0 0;

}



ol li ol { 

	margin: 0 0 0 0;

}



ol li ul { 

	margin: 0 0 0 0;

}



p { 

	margin-bottom: 0em;

}



ul { 

	list-style: none;

}



ul li { 

	margin: 0 0 0 0;

}



ul li ul { 

	margin: 0 0 0 0;

	list-style: none;

}



ul li ol { 

	margin: 0 0 0 0;

}



pre { 

	font-size: 1.2em;

}



a:hover { 

	text-decoration: none;

}



/*	html



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



html { 

	min-height: 100%;

	margin-bottom: 1px;

}



/*	body



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



body { 

	background: #000;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: x-small;

}



.clearer { 

	display: block;

	clear: both;

	line-height: 0;

	height: 1px;

	font-size: 0;

	visibility: hidden;

}



.clear { 

	clear: both;

}



.flLeft { 

	float: left;

}



.flRight { 

	float: right;

}



.warning { 

	color: #f00;

}



/*	website



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



#website { 

	position: left;

	display: block;

	margin: 0;

	padding: 0;

	height: 100%;

	width: 1000px;

	color: #000000;

	text-align: left;

	margin-left: auto;

	margin-right: auto;

	background: #decaa8;

}



/*	header



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



#header { 

	position: relative;

	margin: 0;

	padding: 0;

	height: 130px;

	background-image: url(bg_header.gif);

}



/*	logo / breadcrumb



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



#logo { 

	position: absolute;

	top: 0px;

	left: 0px;

}



#logo a { 

	display: block;

	height: 100px;

	width: 200px;

	text-indent: -700em;

}



#breadcrumb { 

	position: absolute;

	bottom: 10px;

	left: 220px;

	color: #decaa8;

}



#breadcrumb a, 



#breadcrumb a:link { 

	color: #decaa8;

}



#breadcrumb a:hover { 

	text-decoration: underline;

}



/*	content



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











#content, #content2 { 

	display: block;

	clear: both;

	position: relative;

	padding: 0 0 0 0;

	background: #decaa8;

}



/* hide from IE/MAC */



* html #content, * html #content2 { 

	height: 1px;

}



/* end hide */











#content { 

	background: #decaa8;

}



#content2 { 

	background: #decaa8;

}



#main { 

	float: left;

	width: 800px;

}



#main-block { 

}



#main-block2 { 

	padding: 14px;

}



/*	Navigation vertical - 



------------------------------------------------------------------------------*/



#navigation { 

	background: #decaa8;

	float: left;

	width: 200px;

	padding: 14px 0;

}



#navigation ul.nav1st { 

	width: 170px;

}



#navigation ul.nav1st li { 

	padding: 8px 0 8px 14px;

}



#navigation ul.nav1st li.active { 

	background: #5f1e21;

}



#navigation ul.nav1st li.active a,



#navigation ul.nav1st li.active a:link { 

	color: #decaa8;

}



#navigation ul.nav1st a, 



#navigation ul.nav1st a:link { 

	display: block;

	color: #606060;

	font-size: 1.3em;

	font-weight: bold;

}



#navigation ul.nav1st a:hover { 

	color: #5f1e21;

}



#navigation ul.nav1st li ul.nav2nd li { 

	padding: 0;

	margin-left: 14px;

	list-style-type: square;

}



#navigation ul.nav2nd a, 



#navigation ul.nav2nd a:link { 

	display: block;

	padding: 4px 0 4px 0;

	font-size: 1.2em;

	font-weight: normal;

}



#navigation ul.nav2nd a.current, 



#navigation ul.nav2nd a.current:link, 



#navigation ul.nav2nd a:hover { 

	text-decoration: underline;

	color: #decaa8;

}



/*	Headlines



------------------------------------------------------------------------------*/







/* Headline 1 */



#main-block h1 { 

	color: #5f1e21;

	font-family: arial, helvetica, verdana, sans-serif;

	font-size: 1.7em;

	font-weight: bold;

	line-height: 1.8em;

}



#main-block .teaser h1 { 

	font-size: 1.4em;

}



/* Headline 2 */



#main-block h2 { 

	color: #606060;

	font-family: arial, helvetica, verdana, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	line-height: 1.4em;

}



/*	Paragraphs / Lists



------------------------------------------------------------------------------*/



#main-block p,



#main-block ul,



#main-block ol { 

	margin-bottom: 1.2em;

	font-size: 1.2em;

	line-height: 1.6em;

}



#main-block ul li ul,



#main-block ul li ol,



#main-block ol li ol,



#main-block ol li ul { 

	font-size: 1em;

}



#main-block ul { 

	margin-left: 14px;

	list-style-type: square;

}



#main-block ol { 

	list-style-type: decimal-leading-zero;

}



/*	Hyperlinks



------------------------------------------------------------------------------*/



#main-block a, #main-block a:link { 

	color: #606060;

	text-decoration: underline;

}



#main-block a:hover { 

	color: #5f1e21;

}



/*	Images



------------------------------------------------------------------------------*/



#main-block div.image { 

	margin-bottom: 0;

}



#main-block div.image p { 

	margin: 0;

	font-size: 0.9em;

}



#main-block div.flLeft { 

	margin-right: 14px;

}



#main-block div.flRight { 

	margin-left: 14px;

}



/*	footer



------------------------------------------------------------------------------*/



.footer { 

	display: block;

	width: 100%;

	background: #decaa8;

	margin-left: auto;

	margin-right: auto;

}



.footer2 { 

	padding: 0 14px;

	margin-left: auto;

	margin-right: auto;

}



.footer p { 

	margin: 0;

	padding: 9px 0;

	font-size: 10px;

	text-transform: uppercase;

}



.footer p, 



.footer p a,



.footer p a:link { 

	color: #5f1e21;

}



.footer p a:hover { 

	text-decoration: underline;

}



.footer .col-left { 

	float: left;

	width: 200px;

}



.footer .col-right { 

	float: right;

}



/*Teaser Style*/

/*Style für Categorie Überschrift

*/

.dl.teasercat { 

	color: #666;

	font-size: 14px;

	font-family: arial;

	font-weight: bold;

	background-color: #ccc;

	text-indent: 12px;

	padding: 3px;

}



dl.teasercat a { 

	color: #900;

	font-weight: bold;

	text-decoration: none;

}



/*Style für Artikel Übersicht*/

dl.teaserart { 

	background-color: #e9e8e8;

	height: 20%;

	margin: 15px 0;

	padding: 15px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



dl.teaserart a { 

	color: blue;

}



dl.teaserart:after { 

	content: ".\";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



dl.teaserart dt { 

	margin: 0 0 0.5em;

	font-family: arial;

	font-size: 14px;

	color: gray;

}



/*Style des Pics*/

dl.teaserart dt img { 

	float: left;

	margin: 0 15px 0 0;

	padding: 0 4px 4px 0;

}



/*Sytle des Description Feldes*/

dl.teaserart dd { 

	margin-left: 100px;

	font-size: 11px;

	line-height: 13px;

	color: #666;

}



/* form-module



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



#form-module * { 

	padding: 0px;

	margin: 0px;

}



#form-module { 

	margin: 0px;

	padding: 0px;

	width: 520px;

	background-color: #decaa8;

	color: #000;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 1.2em;

}



#form-module fieldset { 

	border: 0px solid #fff;

}



#form-module legend { 

	display: none;

}



#form-module p { 

	margin: 0;

	padding: 5px;

	font-size: 1em;

	font-weight: bold;

}



#form-module .element { 

	display: block;

	clear: both;

	background-color: #decaa8;

	border-top: 0px solid #fff;

}



#form-module label { 

	display: block;

	float: left;

	padding: 5px;

	width: 120px;

	border-right: 0px solid #fff;

}



#form-module label.checkbox { 

	width: 372px;

	border-left: 0px solid #fff;

	border-right: none;

}



#form-module input, 



#form-module select, 



#form-module textarea { 

	float: left;

	margin: 5px;

	width: 295px;

	border: 1px solid #333;

}



#form-module input.text { 

	height: 20px;

}



#form-module input.checkbox { 

	width: 120px;

	padding: 0;

	border: none;

}



#form-module input.submit { 

	margin: 5px 5px 5px 137px;

	padding: 2px 5px;

	border: 1px solid #333;

	background-color: #fff;

	color: #666;

	font-family: verdana, arial, helvetica, sans-serif;

	text-align: center;

	cursor: pointer;

}



#form-module input.submit:hover { 

	background-color: #f7f7f7;

	color: #000;

}



#form-module label.textarea, 



#form-module textarea.textarea { 

	height: 96px;

}



#form-module-thanks { 

	display: block;

	color: #666;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 1.2em;

}



/* download



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



#main-block .download-hdl p, 



#main-block .download-file p, 



#main-block .download-desc p { 

	margin: 0;

}



#main-block .download-hdl p { 

	padding: 5px 7px;

	background-color: #5f1e21;

	font-weight: bold;

	color: #fff;

}



#main-block .download-file { 

	padding: 1.2em 7px;

	border-left: 2px solid #5f1e21;

	border-right: 2px solid #5f1e21;

}



#main-block .download-desc { 

	margin-bottom: 1.2em;

	padding: 1.2em 7px;

	background-color: #decaa8;

	border-left: 2px solid #5f1e21;

	border-right: 2px solid #5f1e21;

	border-bottom: 2px solid #5f1e21;

}



#main-block .download-without-desc { 

	margin-bottom: 1.2em;

	border-top: 2px solid #5f1e21;

}



/*Modul Bild und Text*/

.centertab { 

	margin-right: auto;

	margin-left: auto;

}



.bildtext { 

	margin: 0px;

	padding: 0px;

	font-size: 10px;

}



.imgleft { 

	float: left;

	margin-right: 20px;

}



.imgright { 

	float: right;

	margin-left: 20px;

}



.stopleft { 

	clear: left;

}



.stopright { 

	clear: right;

}



.bildtext2 { 

	text-align: justify;

}



/*Modul Bild und Text*/

.centertab { 

	margin-right: auto;

	margin-left: auto;

}



.bildtext { 

	margin: 0px;

	padding: 0px;

	font-size: 10px;

}



.imgleft { 

	float: left;

	margin-right: 20px;

}



.imgright { 

	float: right;

	margin-left: 20px;

}



.stopleft { 

	clear: left;

}



.stopright { 

	clear: right;

}



.bildtext2 { 

	text-align: justify;

}



#hassoGallery { 

	margin-left: 50px;

	padding: 0;

	font-size: medium;

}



#hassoNav { 

	display: block;

	text-align: left;

}



#hassoNav ul { 

	display: block;

	text-align: center;

	list-style: none;

	margin-left: 0em;

	font-size: medium;

	line-height: normal;

	margin-top: 2px;

	margin-bottom: 2px;

}



#hassoNav a { 

	display: block;

}



#hassoNav a:hover { 

	display: block;

	background-color: decaa8;

}



#hassoNav #active { 

	display: block;

	background-color: decaa8;

}



#hassoThumbs { 

	float: left;

	padding: 0;

	margin: 0px;

	border: 0px dashed  #bfbfbf;

	font: bold 12px verdana ,  sans-serif;

	background-color: #decaa8;

	text-align: center;

}



#hassoThumbs .hassoThumb { 

	float: left;

	margin: 10px 5px 10px 5px;

	border: 0;

	height: 110px;

	width: 110px;

	text-align: center;

	vertical-align: middle;

}



#hassoThumbs .hassoThumb a { 

	border: 0;

}



#hassoThumbs .hassoThumb a img { 

	border: 0;

}



#hassoPic { 

	text-align: center;

	padding: 5px;

	margin: 0px;

	border: 0px dashed  #bfbfbf;

	font: bold 12px verdana ,  sans-serif;

	background-color: #decaa8;

}



#hassoPic .hassoTitle { 

	font-style: oblique;

	text-align: left;

}



#hassoPic .hassoDescription { 

	text-align: left;

}



#hassoPic img { 

	border: 0px;

	margin: 0px;

}



#hassoPrevNextNav { 

	display: block;

	font-size: small;

	margin: 0;

	padding: 0;

}



#hassoPrevNextNav #hassoPrevPic { 

	float: left;

}



#hassoPrevNextNav #hassoNextPic { 

	float: right;

}



#hassoPrevNextNav #hassoPrevPic a { 

	text-align: left;

}



#hassoPrevNextNav #hassoNextPic a { 

	text-align: right;

}



/**

* @package Dreispalter

* @name DS CSS

* @author ZFeN - sven@zfen.de - http://www.zfen.de

* @version 1.0.1

*/



.dreispalter { 

	width: 320px;

}



.dreispalter_1 { 

	width: 100px;

}



.dreispalter_2 { 

	width: 100px;

	margin-left: 10px;

}



.dreispalter_3 { 

	width: 100px;

	margin-left: 10px;

}



.dreispalter_1, 

.dreispalter_2, 

.dreispalter_3 { 

	float: left;

}



.clboth { 

	clear: both;

	display: block;

	line-height: 0;

	font-size: 0;

}



#topbar { 

	position: absolute;

	border: 1px solid #fff;

	padding: 10px;

	background-color: #000;

	color: #fff;

	width: 420px;

	visibility: hidden;

	z-index: 100;

}



.list_content { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-decoration: none;

	font-size: 10px;

	color: #decaa8;

	padding-left: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-right: 24px;

	width: 520px;

	background-color: #decaa8;

	margin: 1px;

	line-height: 18px;

}



.list_content2 { 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

	font-size: 10px;

	color: #decaa8;

	padding-left: 10px;

	padding-top: 3px;

	padding-right: 24px;

	padding-bottom: 3px;

	width: 520px;

	background-color: #5f1e21;

	margin: 1px;

	line-height: 18px;

}