/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  	CSS Dokument:		-> www.pro-moenchweiler.de	'
'	Datei erstellt:		-> 25.03.2009					'
'  	Funktion: 			-> Zentrales Style				'
'  	Programmierung:		-> www.webkos.de [M.Musa]		'
'~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@import url(style_text.css);

BODY {
	background-color: #ffffff;
	margin: 0px 5px 30px 0px;
	color: #242424;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 'top' 'right' 'bottom' 'left' */
table, fieldset, img { border:0; }

/* ~~~ 0. DIV-Hauptinhalt - Basisebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#basis_0 { z-index: 1; position: relative; background: transparent url(../pics/r_hg.jpg) repeat-y;  min-height: 750px; width: 990px; margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 30px; border-right: 1px solid #9FF339; border-bottom: 1px solid #9FF339;}

/* ~~~ 1. DIV - TOP & Inhalt  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content_top  {z-index: 11; position: relative; width: 990px; height: 250px; border: 0px solid #FF0000; }
	.content_navi { width: 350px; height: 250px; float: left; background: transparent url(../pics/menue_hg.jpg) no-repeat 0px 0px; margin: 0; border: 0px solid #000; }
	.logo { width: 430px; height: 221px; float: left; background: transparent url(../pics/pro-moenchweiler_logo.jpg) no-repeat 0px 0px; margin: 0; border: 0px solid #000; }
	.info_top { float: left; border: 0px none #ffffff; padding: 70px 0px 0px 15px;}
	.leerGruen { width: 640px; height: 29px; float: left; background: transparent url(../pics/hell_gruen_top.jpg) no-repeat center; margin: 0; border: 0px solid #000; }
	
.content { width: 990px; border: 0px solid #ff0000; font-size: 13px; border-right: 0px solid #000; }
	.contLeft { float: left; width: 275px; min-height: 500px; margin-right: 15px; border: 0px solid #000;}
	 .content-bild {top:0px; left: 0px;}
	.contCenter      { position: relative; float: left; width: 630px; height: auto; margin-top: 35px; margin-right: 15px; border: 0px solid #000;}
	.contCenter_home { position: relative; float: left; width: 480px; height: auto; margin-top: 35px; margin-right: 15px; border: 0px solid #000;}
	.contRleer { position: relative; width: 1px; height: auto;}
	
	.contRight {z-index: 100; float: left; top: 283px; left: 790px; width: 198px; height: auto; border: 0px solid #000;  margin-top: 40px;}

.clearB{clear: both;}
#content_foot   { position: relative; clear: both; top: 20px; left: 0px; width: 100%; height: 70px; background-image:url(../pics/hg-pics-btn.jpg); background-position: left top; background-repeat: no-repeat; border-top: 5px solid #D1D1D3; }
	#links_foot { float: left; left: 20px; top: 10px; height: 90px; width: 550px; padding: 5px 5px 5px 25px;}
	#bvdw 		{ float:right; left: 250px; top: 20px; height: 90px; width: 200px; text-align: center; font-size: 9px;}
	
/* ~~~ MENUE FORRMAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	div#menus {position: absolute; top: 30px; width: 250px; border: 0px solid #000; z-index: 120;  border: 0px none #d7f4c2;}
	div#menus h2 {font-weight:bold; line-height: 30px; margin-bottom:5px; padding:0pt; }
	div#menus a { cursor:pointer; }
	.menu, a.menu:link, a.menu:visited,.menuA, a.menu:hover, a.menuA:link, a.menuA:visited, a.menuA:active, a.menuA:hover {
		font-size: 16px; display:block; line-height: 22px; text-align: right; padding-right: 10px;
	}
	.menu, a.menu:link, a.menu:visited { color:#d7f4c2; }
	.menuA, a.menu:hover, a.menuA:link, a.menuA:visited, a.menuA:active, a.menuA:hover 
	{ background-color: #d7f4c2; color:#30702d; }
	
	div.navi-mini { position: absolute; top: 10px; left: 810px; width:200px;  z-index: 124;  border: 0px solid #000; font-size: 12px; font-weight: bold;}
	a.menuMini:link, a.menuMini:visited, a.menuMini:active { font-size: 12px; font-weight:bold; color: #000000;}
	.menuMiniA, a.menuMini:hover, a.menuMiniA:link, a.menuMiniA:visited, a.menuMiniA:active, a.menuMiniA:hover { font-size: 12px; font-weight:bold; color: #AF1023; }


/* ~~~ ENDE :: MENUE FORRMAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.zurueck {position: relative; clear: both; padding-top: 20px;}
	
/*------ FORMULARE FORMATIERUNG ::::::::::::::::*/	
form { margin: 0pt 0pt 0pt 0pt;}
textarea { border:1px solid #A62336; padding:2px; overflow: auto; padding-left:5px; background-color: #FFFFFF;}
form.anfr { width: 100%}
form.anfr label {display:block; float:left; font-size:12px; margin: 10px 0 0 0px; width:120px; }
form.anfr input.input_txt {width:230px; margin: 0 0 2px 0;}
form.anfr input[type="text"] {width:230px;}
form.anfr textarea {width:230px; height:30px; margin: 2px 0 0 0;}
form.anfr select {margin: 5px 0 5px 0;}

form input:hover, textarea:hover {background-color: transparent; border:1px solid #A62336; color: #000000;}
.input_txt { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color: #242424; border: 1px solid #A62336; padding-left:5px; height: 17px; background-color: #FFFFFF; }

.btn, a.btn:link, a.btn:visited {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	text-decoration:none;
	background-color: #A62336;
	border: 1px solid #A62336;
	cursor: pointer;
	padding: 2px;
	line-height: 25px;
}
a.btn:hover, a.btn:active{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none; 
	background-color: #FFFFFF;
	border: 1px solid #A62336;
	cursor: pointer;
	padding: 2px;
	line-height: 25px;
}

select	{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding-left:5px; color:#000000; border: 1px solid #000000; background-color : #d1d1d3; cursor:pointer; }
.sel_kat_home { float: left; width: 220px; overflow: auto; color:#ffffff; background-color: #A62336; }
.input_no_box { font: 11px Verdana, Arial, Helvetica, sans-serif; color: 	#242424; border: 1px solid #FFFFFF; padding-left:5px; height: 20px; background-color: #FFFFFF; }
.radio { font: 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #A62336; cursor:pointer; }

/*::: Seiten-LIMIT-Menü --------*/
#seitenLimit, .seitenLimit { float:left; position:relative; margin-top: 10px; width:627px; min-height:25px; background-color:#ffffff;	border-top: 1px dotted #004FA3; padding: 5px 0 5px 0;}
.Limit,.LimitA { font-size: 12px; font-weight: bold; line-height: 13px; text-decoration: none; text-align:center; color: #4C3601; padding: 0 2px 0 2px;} 
a.Limit:link, a.Limit:visited, a.Limit:active { font-size: 10px; font-weight:bold; line-height: 13px; text-decoration: none; text-align:center; color: #6F6F6F; border: 1px solid #6F6F6F; padding: 0 2px 0 2px;}
.LimitA, a.Limit:hover, a.LimitA:link, a.LimitA:visited, a.LimitA:active, a.LimitA:hover{ font-size: 10px; font-weight:bold; line-height: 13px; text-decoration: none; text-align: center; color: #4C3601; border: 1px solid #F8B51A; background-color: transparent; padding: 0 2px 0 2px;}

/* EXTRA BOOX BILD CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#lbOverlay 		{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background:#FFEC01 url(bg-sbox.gif) repeat scroll 0%; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }
#lbCenter { border: 2px solid #000000;}
#lbBottomContainer { border-right: 2px solid #000000; border-left: 2px solid #000;  border-bottom: 2px solid #000;  border-top: 1px dotted #000; }

.lbLoading 		{ background: #fff url(loading.gif) no-repeat center; }
#lbImage 		{ position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } 
#lbPrevLink 	{ left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 95%; }
#lbNextLink 	{ right: 0; }
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 95%; }

#lbBottom 		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; padding: 5px; line-height: 1.4em; text-align: left;}
/*#lbImage, #lbBottom  { border-top: 2px solid #000000; border-right: 2px solid #000000; border-left: 2px solid #000000;  border-bottom: 2px solid #000000; border-top: 1px dotted #000000; } */

#lbCloseLink 	{ display: block; float: right; width: 35px; 	height: 22px; background: transparent url(close.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 69px; } 
#lbCaption 		{ font-weight: bold; }


/* EDIT: @SH_I ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#submenus {
position:absolute;
display:inline;
float:left;
top:229px;
left:280px;
z-index:300;
}
#submenus h5 {
display:inline;
float:left;
color:#ffffff;
margin-right:10px;
margin-top: 0px;
}

a.submenus:link, a.submenus:visited {
	color:#316F2C !important;
	padding: 0 2px 0 18px;
	background: url(icon-pfeil.gif) no-repeat scroll 4px 3px;
}

a.submenus:active, a.submenus:hover {
padding: 0 2px 0 18px;
color:#316F2C !important;
background: url(icon-pfeil_ho.gif) no-repeat scroll 4px 9px;
}

a.submenusA:hover, a.submenusA:active,  a.submenusA:visited, a.submenus:active, a.submenus:hover{
background-color:#FFFFFF !important;
padding: 6px 2px 6px 18px;

background: url(icon-pfeil_ho.gif) no-repeat scroll 4px 9px;
}

.p5 {padding: 5px;}
.NewsF1 {background-color: #E9FFCF;}
.NewsF2 {background-color: #E1EFE0;}