/* 
	Wir sind Ostwestfalen.de
	-----------------------------------------------------------------------------------------------------------------------------
	Author: Lars Brinkmann | netzbuero.de
	v 13/06/2009
*/

body { 	background: rgb(255,255,255); margin: 0; padding: 0; font-size: 62.5%; }
img	 { border: none; }

h1, h2, h3, h4, h5, h6, ul, ol, p, blockquote, div { margin-top: 0; padding-top: 0; }

.clrLft	{ clear: left; }
.clrRgt	{ clear: right; }
.flft	{ float: left; }


/* 	Typographie
	----------------------------------------------------------------------------------------------------------------------------- */
body, div { font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }

.plain	{ color: rgb(85,85,85); }
.plain h1	{ font-size: 2.0em; color: rgb(64,95,159); font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.plain h2	{ font-size: 1.8em; color: rgb(64,95,159); font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.plain p	{ font-size: 1.4em; line-height: 1.5em; }

.plain a			{ color: rgb(180,0,0); text-decoration: none; }
.plain a:hover		{ color: rgb(85,85,85); }

p.notes	{ font-size: 1.2em; line-height: 1.4em; }




.wrap	{ position: relative; width: 960px; margin-left: auto; margin-right: auto; margin-top: 20px; }
.header	{ position: relative; background: url(images/headerbg.jpg) no-repeat; width: 960px; height: 100px; }
.hdrpic	{ position: absolute; top: 0; right: 0; }
.hdrpic img { border-left: 1px solid rgb(255,255,255); }
.mapowl	{ position: absolute; top: 4px; left: 20px; }


/* 	Spalteneinteilung
	----------------------------------------------------------------------------------------------------------------------------- */
.lft	{ width: 220px; float: left; }
.rgt	{ width: 740px; float: left; }

.plain	{ padding: 2em 0 2em 2em; }


/* 	Horizontale Navigation
	----------------------------------------------------------------------------------------------------------------------------- */
.hrzn			{ border-top: 1px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); 
					background: rgb(64,95,159); padding-left: 240px; }
.hrzn ul		{ list-style-type: none; margin: 0; padding: 0; }
.hrzn li		{ float: left; margin-right: 3em; padding: 0.3em 0 0.3em 0; }
.hrzn a			{ color: rgb(255,255,255); text-decoration: none; font-weight: bold; font-size: 1.6em; }
.hrzn a:hover	{ color: rgb(255,200,0); }
.hrzn a.active	{ color: rgb(255,200,0); }




/* 	Vertikale Navigation
	----------------------------------------------------------------------------------------------------------------------------- */
.vrtn			{ background: rgb(64,95,159); border-bottom: 1px solid rgb(255,255,255); padding: 2em 0 1.5em 0; }
.vrtnwrp		{ padding: 0 1em 0 1em; }
.vrtn ul		{ list-style-type: none; margin: 0; padding: 0; }
.vrtn li		{ margin-bottom: 0.3em; }
.vrtn a			{ color: rgb(255,255,255); text-decoration: none; font-size: 1.6em; }
.vrtn a:hover	{ color: rgb(255,200,0); }
.vrtn a.active	{ color: rgb(255,200,0); }





/* 	Infotext
	----------------------------------------------------------------------------------------------------------------------------- */
.inftxt		{ background: rgb(112,135,183); padding: 2em 0 0 0; color: rgb(255,255,255); font-size: 1.3em; }
.infwrp		{ padding: 0 1em 1em 1em; }
.infpic		{ border-top: 1px solid rgb(255,255,255); padding-bottom: 10px; background: rgb(255,255,255); }

.inftxt	a		{ color: rgb(255,200,0); }
.inftxt	a:hover	{ color: rgb(255,255,255); }




/* 	OWL Box
	----------------------------------------------------------------------------------------------------------------------------- */
.owlbox			{ width: 714px; margin: 0 0 0 2em; }	
.owlboxHead		{ }
.owlboxWrap		{ padding: 1em 1em 2em 2em; }
.owlboxBody		{ background: url(images/cycle.jpg) repeat-x rgb(85,112,170); color: rgb(255,255,255); }
.owlboxBody h1	{ font-size: 1.8em; color: rgb(255,255,255); margin-bottom: 0; }
.owlboxBody img	{ border: 3px solid rgb(255,255,255); }
.owlboxBody p	{ margin-bottom: 0.5em; line-height: 125%; font-size: 1.4em; }
.owlbox a		{ color: rgb(255,255,255); text-decoration: none; font-weight: normal; }
.owlbox a:hover	{ text-decoration: underline; }
.owlboxLink		{ margin-top: 10px; }



/* 	Intro
	----------------------------------------------------------------------------------------------------------------------------- */
.ntr	{ margin-left: 1px; width: 739px;}
.ntrPic	{ float: left; margin-right: 1px; }
.ntrMap	{ float: left; }

/* 	Ads
	----------------------------------------------------------------------------------------------------------------------------- */
.ads { width: 739px; margin-top: 1px; margin-left: 1px; padding-bottom: 2em; }
.adPic	{ float: left; margin-right: 1px; margin-bottom: 1px; }


/* 	AdInfo
	----------------------------------------------------------------------------------------------------------------------------- */
.adInfoOuter		{ width: 754px; }
.adInfoWrap			{ padding: 20px; background: url(images/cycle.jpg) repeat-x rgb(85,112,170); color: rgb(255,255,255); }
.adInfoWrap h1		{ font-size: 2.0em; color: rgb(255,255,255); margin-bottom: 0; }
.adInfoWrap img		{ margin-right: 20px; border: 3px solid rgb(255,255,255); }
.adInfoWrap p		{ margin-bottom: 0.5em; line-height: 125%; font-size: 1.3em; }
.adInfoWrap a		{ color: rgb(255,255,255); text-decoration: none; font-weight: normal; }
.adInfoWrap a:hover	{ text-decoration: underline; }
.adInfoLink			{ margin-top: 0px; }
div#fancy_inner		{ background: rgb(85,112,170); }
.adInfoTxt			{ float: left; width: 500px; }
.adInfoPic			{ float: left; }

.owlbox .adInfoWrap { padding: 0; background: none; }
.owlbox .adInfoTxt  { width: 400px; }




/* 	Button Seitenanfang
	----------------------------------------------------------------------------------------------------------------------------- */
.btntop			{ border-top: 1px dotted rgb(160,160,160); padding-top: 5px; margin-top: 30px; padding-bottom: 20px; color: rgb(160,160,160); }
.btntop a 		{ text-decoration: none; color: rgb(180,0,0); font-size: 1.0em; }
.btntop a:hover	{ color: rgb(80,80,80); }


/* 	Formular
	----------------------------------------------------------------------------------------------------------------------------- */
	.frm 				{ width: 600px; border: 1px solid #000; background: #7087B7; padding: 10px; color: #ffffff; }
	.frm div 			{ margin-bottom: 5px; clear: left; }
	.frm label 			{ float: left; width: 140px; text-align: right; padding-right: 5px; font-size: 14px; }
	.frm .errcss 		{ color: #900000; }
	.frm .hinweis		{ margin: 0; margin-left: 145px; font-size: 11px; }
	.frm input			{ border: 1px solid #ffffff; }
	.frm textarea		{ border: 1px solid #ffffff; }
	.frm input:focus 	{ border: 1px solid #000000; background: rgb(225,225,255); }
	.frm textarea:focus { border: 1px solid #000000; background: rgb(225,225,255); }
	.frm .abstand 		{ padding: 2px; }
	.frm a				{ color: rgb(255,200,0); text-decoration: underline; }
	.frm a:hover		{ color: rgb(255,255,255); }
	.frm .error			{ margin-left: 145px; font-size: 12px; color: #900000; }
	.frm .marg 			{ margin-left: 145px; }