/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  	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: #231F20;
	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; height: auto; width: 900px; margin-left:auto; margin-right:auto; margin-top: 10px; margin-bottom: 30px; border: 4px solid #ffffff;}

/* ~~~ 1. DIV - TOP & Inhalt  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content_top  {z-index: 11; position: relative; width: 900px; height: auto; border: 0px solid #FF0000; }
	
#content_navi { position:relative; background-color: #AF1023; height: 36px; margin: 0pt; border: 0px solid #000; }
	#beitragse	{ float: right; width: 348px; height: 30px; background-color: #ffffff;  margin: 2px 1px 0 0; border: 1px solid #000; }

#content { position:relative;)/* top:0px; left: 0px;  width: 560px; margin: 5px 10px 10px 10px; border: 0px solid #ff0000; font-size: 13px;}*/
#content-bild {float: right;}

#aktuelles { position:relative; left: 40px;  width: 560px; margin-top: 10px; padding: 5px; border: 1px solid #000000; background-color: #ffffff; font-size: 13px;}
.textBox { position:relative; left: 0;  width: 560px; margin-top: 10px; padding: 5px; border: 1px solid #000000; background-color: #ffffff; font-size: 13px;}

	#cont_left {float: left; left: 0px; width: 610px; border: 0px solid #000; margin-left: 15px; min-height: 500px; }
		#top_123{ position: relative; width: 610px; height: 90px; background-image:url(../pics/hg_home_top_123.gif); background-position: left top; background-repeat: no-repeat;}
			.punkt_top {font-size: 10px; line-height: 15px; color: #A62336; position: absolute; height: 40px; width: 110px; top: 42px;}
			.pu1 { left: 60px;} 	.pu2 { left: 235px;}		.pu3 { left: 410px;}
		
#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 {font-weight:bold; clear:both; float:left; position: absolute; top: 132px; left: 30px; width: 600px; height: 30px; border: 0px solid #000; z-index: 120;} /*background: transparent url(../pics/hg_navi.gif) no-repeat scroll left top; */
	div#menus h2 { font-weight:bold; line-height: 30px; margin:0pt; padding:0pt; }
	div#menus a { cursor:pointer; }
	div.menu1 h2 a, div.menu2 h2 a, div.menu3 h2 a, div.menu4 h2 a, div.menu5 h2 a, div.menu6 h2 a, div.menu7 h2 a  {  
	color:#ffffff; font-size: 11px; display:block; line-height: 30px; text-align:center; text-decoration:none;}
	div.menu1, div.menu2, div.menu3, div.menu4, div.menu5, div.menu6, div.menu7 { float:left; }
	
	div.menu1 { width:75px;  z-index: 124;  border: 0px solid #000;}
	div.menu2 { width:150px; z-index: 126; border: 0px solid #000;}
	div.menu3 { width:110px; z-index: 127; border: 0px solid #000;}
	div.menu4 { width:80px;  z-index: 128;  border: 0px solid #000;}
	div.menu5 { width:83px;  z-index: 129;  border: 0px solid #000;}
	div.menu6 { width:80px; z-index: 125; border: 0px solid #000;}
	div.menu7 { width:135px; z-index: 125; border: 0px solid #000;}
	
	div.menu1 h2 a:active,
	div.menu1 h2 a:hover, .menu1 .menu1a,
	
	div.menu2 h2 a:active,
	div.menu2 h2 a:hover,
	.menu2 .menu2a,
	
	div.menu3 h2 a:active,
	div.menu3 h2 a:hover,
	.menu3 .menu3a,
	
	div.menu4 h2 a:active,
	div.menu4 h2 a:hover,
	.menu4 .menu4a,
	
	div.menu5 h2 a:active,
	div.menu5 h2 a:hover,
	.menu5 .menu5a,
	
	div.menu6 h2 a:active,
	div.menu6 h2 a:hover,
	.menu6 .menu6a,
	
	div.menu7 h2 a:active,
	div.menu7 h2 a:hover,
	.menu7 .menu7a  { background-color: #ffffff; color:#000000; border: 1px solid #000; }
	
	div.menu1 h2 a, div.menu2 h2 a, div.menu3 h2 a, div.menu4 h2 a, div.menu5 h2 a, div.menu6 h2 a, div.menu7 h2 a{ line-height:30px; }
	
	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 { position:relative; margin-top: 10px; width:573px; 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; }

