/*******************************************************************************
********************************************************************************
	Project		: lausitzerleben.de
	
	Agentur		: blumbeet - web.studio
	CSS 		: Thomas Blum
	last change	: 02/08/06 

	
	Colors	
		Background
		-----------------------------------------------	
		Red			: c33
		yellow		: fc0

		Fonts
		-----------------------------------------------
********************************************************************************
*******************************************************************************/
/* Reset all */
*, .nospace { 
	padding: 0;
	margin: 0;
	border: 0;
}

div, p, span { 
	background-repeat: no-repeat;
}

a, a:link { 
	color: #c33;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

img { 
	vertical-align: bottom;
}

ul, ol { 
	list-style-position: outside;
}

li { 
	list-style-type: none;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.flLeft { 
	float: left;
	margin: 0 10px 0 0;
}

.flRight { 
	float: right;
	margin: 0 0 0 10px;
}

.flDown {
	margin: 0 0 0 10px;
	padding-bottom: 7px;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hide { 
	position: absolute !important;
	left: -1000px !important;
	top: -1000px !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
}

/* Allgemeines */
html { 
	margin-bottom: -1px;
	min-height: 101%;
}

body { 
	background: #fff;
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100.01%;
	text-align:center;
}

p, ul, ol, dl { 
	line-height: 1.4em;
}

h1, h2, h3, p, ul, ol, dl { 
	margin-bottom: 1em;
}

#m-navi ul.navi { 
	line-height: 1em;
}

h1 { 
	color: #c33;
	font-size: 1.5em;
	font-style:italic;
	font-weight:bold;
	line-height: 1;
}

h2 { 
	padding-top:1em;
	color: #c33;
	font-size: 1.2em;
	font-weight:bold;
	line-height: 1;
}

#fleft h2, 
#fright h2 { 
	padding-top:1.4em;
	font-size: 1em;
}
#fright h2 { 
	padding-left:10px;
}


h3 {
	clear:both;
	font-size: 1em;
	font-weight:bold;
}

#content, 
#m-navi, 
#fleft, 
#fright { 
	font-size: .75em;
}

strong { 
	font-weight: bold;
}

/*	Page Structure ************************************************************/
#website { 
	margin:0 auto;
	width: 960px;
	background-image:url(bg_wst.png);
	background-repeat:repeat-y;
	text-align:left;
}

#header { 
	position:relative;
	float: left;
	width: 100%;
	height:150px;
	background-color:#fff;
	background-image:url(bg_hdr.jpg);
	background-position:0px 50px;
	border-bottom:2px solid #c33;
}

#wrapper { 
	float: left;
	width: 100%;
}

#content { 
	margin: 0 180px 0 180px;
}

#content2 {
	padding:0 15px;
}

#fleft { 
	float: left;
	margin-left: -960px;
	width: 180px;
}

#fright { 
	float: left;
	margin-left: -180px;
	width: 180px;
}

#content, 
#fleft, 
#fright { 
	padding:20px 0;
}


/*	Header ********************************************************************/
#logo {
	margin-top:50px;
}

#logo h1 {
	margin:0;
}
#logo h1 a { 
	display: block;
	width: 400px;
	height: 50px;
	text-indent: -1000em;
}

#logo h1 a:hover { 
	text-decoration: none;
}

/*	lists *********************************************************************/
.navi { 
	margin: 0;
}


/*	m navi -------------------------------------------------------------------*/
#m-navi { 
	position:absolute;
	left:150px;
	bottom:0;
	clear: both;
}

#m-navi ul li { 
	display:block;
	float:left;
	padding:0;
	font-weight:bold;
}

#m-navi ul li.active { 
	color: #c33;
}

#m-navi ul li a, 
#m-navi ul li span { 
	display:block;
	margin-right:3px;
	padding:4px 8px;
	background:#fff;
	border:1px solid #c33;
	border-bottom:0;
	color: #000;
}

#m-navi ul li span, 
#m-navi ul li a:hover { 
	color: #c33;
	background:#FFDA47;
}

/*	left navi ----------------------------------------------------------------*/

#fleft ul.navi { 
}

#fleft ul.navi li, 
#fright ul li { 
	padding:0px 20px 0px 10px;
	font-weight:bold;
}

#fleft ul.navi li ul, 
#fright ul li ul { 
	margin-left:10px;
}

#fleft ul.navi li li, 
#fright ul li li { 
	margin-left:10px;
	padding:0;
	list-style-type:square;
	color:#c33;
}

#fleft ul.navi li li.active, 
#fleft ul.navi li li a, 
#fright ul li li.active, 
#fright ul li li a { 
	font-weight:normal;
} 

#fleft ul.navi li li.active, 
#fright ul li li.active { 
	color:#4f7Cca;
} 
#fleft ul.navi li li a, 
#fright ul li li a { 
	color:#c33;
} 
#fleft ul.navi li li.active a, 
#fleft ul.navi li li a:hover, 
#fright ul li li.active a, 
#fright ul li li a:hover { 
	color:#4f7Cca;
	text-decoration: underline;
}


/* Eigenschaften */
ul.properties li {
	display:block;
	margin-bottom:2px;
}

/*	Content *******************************************************************/
.teaser {
	margin-bottom:1.2em;
	padding-bottom:1.2em;
	border-bottom:2px solid #c33;
}

p.backToTeaser {
	text-align:right;	
}

/*	form-box -----------------------------------------------------------------*/

.form-box { 
	clear: both;
	margin-bottom: 1.2em;
}

.form-box form fieldset { 
	margin-bottom:20px;
	padding: 10px;
	border: 1px solid #4f7Cca;
}

.form-box form legend { 
	padding: 3px;
	background: #4f7Cca;
	border: 1px solid #4f7Cca;
	font-weight: bold;
	color:#fff;
}

.form-box form p {
	clear:both;
}
.form-box form label { 
	display: block;
	float:left;
	width:150px;
}

.form-box form select, 
.form-box form input, 
.form-box form textarea { 
	width: 350px;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 2px solid #d4d0c8;
	border-bottom: 2px solid #d4d0c8;
}

.form-box form select#ftag, 
.form-box form select#fjahr, 
.form-box form input#fpersonen { 
	width: 60px;
}
.form-box form select#fmonat {
	width:100px;
}
.form-box form textarea { 
	height:120px;
}
 
.form-box p.fsbmt input { 
	margin-left:160px;
	width: auto;
	padding: 2px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
}


/*	Footer ********************************************************************/
#footer {
	margin:0 auto;
	width:960px;
	border-top:2px solid #c33;
	font-size:.65em;
	text-align:left;
} 
#footer a { 
	color: #797979;
}