/************************************************************* HTML TAGS */
* { font-family: Arial,Helvetica,sans-serif;}

html {}



body {	background:	#E2E2E2 url(../images/image_1285625801456.gif); }

a {
	margin:			0;
	padding:		0;
	color:			#2C5D9F;
	text-decoration:none;
}

a:hover { text-decoration: underline; }

img { border:	0;}



/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	0px 0;
	text-align: center;}

div.page {
	margin: 0 auto;	width:		970px;
	overflow: hidden;
	text-align:	left;
}

 div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1{
	width:	100%;
	margin:	0;
	/*background: #000000 url(/pics/bg_vmenu.jpg) repeat-y;*/
}

/* tl: IE 5.5 Hack von dkr, damit IE HasLayout bekommt, hier k�nnte inline-block ausreichen? Validiert nicht! */
div.tailer { zoom:	100%; }


/************************************************************* HEADER */
div.header {
	/*position:	relative;
	 tl: width & height necessary for both IE */
	width:		100%;
	height:		300px;												
	background:	#FFFFFF;
}

p.logo {
	background:		transparent url(../images/image_1519386577282.jpeg) no-repeat 0 0;		
width:1024px;
	height:300px;
	top:57px;
	position:relative;
}
#logo2{display:block;top:20px;}

p.logo a {
	display:			block;
	width:				1023px;
	height:				212px;
	text-decoration:	none;
	
}

p.logo span {
	display:	none;
}

div.logo #stadt_logo{
	width:		 	255px;
	height: 		77px;
	background:		url("../images/stadt_lohn_logo.png") no-repeat;
	position:		absolute;
	left:			0px;
}



.meta-nav {
	position:	absolute;
	right:		15px;
	bottom:		10px;
	font-size:	0.7em;
}

.meta-nav a {
	color:			#000000;
	text-transform:	uppercase;
}


.header-img {
	margin:			0 0 0 215px;
	padding:		0;
	text-align:		left;
	border-left:	1px solid #E2E2E2;
	width:700px;
}

#top_bar{
	background:		#FFF;
	width:			100%;
	height:			55px;
	padding-top:	10px;
}

div.links{
	float:			right;
}

#top_bar .links a{
	color:			#646464;
	font-size:		0.65em;
	padding-right:	5px;
	font-weight:	bold;
	text-decoration:none;	

}
#banner img{float:left;}
div.flags{
	float:			right;
	margin-top:		1px;
}

div.schrift-navi{
	float:			right;
	margin:			-2px 5px 0px 15px;
}

div.search_form{
	position:		relative;
	right:			-800px;
	top:			2px;
	width:			150px;
	top:			-205px;	
}

*+html div.search_form{
	width:			150px;
	
}

div.search_form input{
	border-color:	#E5E5ED;
	color:			#747474;
}


/************************************************************* HORIZONTAL MENU */
div.hmenu {
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		left;
	border-bottom:	2px solid #FFFFFF;
	background:		#FFFFFF;


	width:			100%;	
}

div.hmenu-workspace {
	display:	block;
	height:		1.4em;
	padding:	3px 7px;
}

ul.hmenu1 { list-style-type:	none; }

li.hmenu1 {

	float: left;
	width:			192px;
	margin:			0;
	border:1px solid #eee;
}

a.hmenu {
	display:		block;
	padding:		15px !important;
	color: #4F4F4F;
	font-size:		1.2em;
	text-decoration:none;
	background:		#FFF;
	text-align:center;
	text-transform: uppercase;
	
}


a.hmenu1 {
	padding:		2px 10px;
	font-weight:	700;
	line-height:	1.6em;
	min-width:		160px;
}

a.hmenu1:hover {
	color:			#7D7D7F;	
}

a.hmenu1-active {
	
}


/************************************************************* MAIN */
div.main {
	clear			:both;
	text-align		:center;
	padding-bottom	:2px;
	min-height		:100%;
	height			:100% !important;
	/*background		:url(../images/bg_main_final.jpg) repeat-y  top -5px ;;*/
	position:relative;
	top:17px;
}

/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	100%;
	height:	1.4em;
	margin: 0 auto 2px;
	padding-left:15px;
	text-align:left;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	/*padding:	3px 5px;*/
	font-size:	0.75em;
}
div.breadcrumb UL {
	display:		inline;
	list-style-type:none;
}
div.breadcrumb LI {
	display:	inline;
	float:		left;
	/*background: url(/pics/pipe.jpg) no-repeat right 3px;*/ 
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		5px 0px;
	color:			#003399;
	font-size:		0.75em;
	text-decoration:none;
	/*background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;*/
	
}
a.breadcrumb:hover {
	color:			#003399;
}



/************************************************************* VERTICAL MENU */
div.vmenu {
		float:			left;
	width:			215px;
	margin:			0 -215px 0 0;
	font-size:		0.8em;
	/*border:			1px solid #E2E2E2;						
	border-width:	1px 0 0 0;*/									
}

div.vmenu-workspace { 
	/*margin:	35px 0 16px 0;*/
	background : #FFF;
	padding : 10px 5px; 
}

ul.vmenu3,ul.vmenu1, ul.vmenu4 { list-style-type:	none; margin:0px;}

ul.vmenu2{
	list-style-type:	none;
	margin:0 auto;
}

li.vmenu1{
	/*border-bottom:1px solid #fff;*/
}

li.has-submn { border:	0; }

li.vmenu-sub {
	/* tl: reset height for IE browsers, don't touch! */
	min-height:	0;
}

/* tl: CSS 2 pseudo element and property, see workaround for ie browsers in menu_table_row.tpl.php */
li.vmenu-sub a:before { content: '\00B7\00A0' }


* html li.vmenu2,* html li.vmenu3,li.vmenu4{
	list-style-type	:none;
	display			:inline;
}


a.vmenu {
	display:		block;
	padding:		2px 5px;
	line-height:	1.47em;
	color:			#333333;;									
	font-size:		0.85em;
	text-align:		left;
	/*background:		#003399;*/									
}

a.vmenu:hover { 
	color:	#FEFFFD;
	text-decoration:none;
}
a.vmenu:focus { 
	color:	;
	text-decoration:none;
}

a.vmenu1 {
	padding:		0px 0pt 2px 19px;
	font-weight:	700;
	font-size:		0.95em;;
	/*background:		#003399;*/	
}

a.vmenu_unter_menu {
	background:		#FFF;	
	font-weight:	700;
	color: 			#333;
	font-size:		0.95em;
	float:			left;
	width:			195px;
	text-align:		left;
	padding:		2px 0pt 2px 21px;
	margin:			13px 10px 0pt -5px;
}
a.vmenu_unter_menu:hover {
	text-decoration:none;
	color:			#000066;
}
a.vmenu1:hover { 
	color:			#000066;
}
a.vmenu1:focus,a.vmenu2:focus,a.vmenu3:focus {
	/*font-weight:	700;*/
}

a.vmenu1-active {
	font-weight:	700;
	background:		url("../images/pfeil_menu.gif") no-repeat right 3px #FFF;
	color:			#000066;
	border-bottom : 1px solid #C5C5C3;
}

a.vmenu2 {
	padding:		0 0 0 25px;
	font-weight:	400;
	font-size:  	0.85em;
	color:			#333333;
	background:		#FFF;
	/*border-bottom: 1px solid #E2E2E2;*/
}
* html a.vmenu2{
	width:		140px;
	font-size:	0.85em;
}
* html a.vmenu3 ,* html a.vmenu4  {
	font-size:	0.85em;
	width:		135px;	
}

a.vmenu2:hover {
	color:			#000066;					
}
a.vmenu2-active {
	font-weight:	400;
	/*color:#2C5D9F;*/
	/*background: #fff url(../images/sub_icon.gif) no-repeat 19px 1px;*/
	background:		url("../images/pfeil_menu.gif") no-repeat right 3px #FFF;
	border-bottom : 1px solid #C5C5C3;
	color:			#000066;
}
a.vmenu3,a.vmenu4 {
	padding:		0 0 0 30px;
	font-weight:	400;
	font-size:   0.85em;
	background:#FFF;
	color:#333333;
	/*border-bottom:1px solid #E2E2E2;*/
}
a.vmenu4:hover,a.vmenu3:hover  {
	color: #000066;
}
a.vmenu3-active,a.vmenu4-active {
	font-weight:	400;
	color: 			#000066;
	/*background:		#FFFFFF;*/	
	/*border-top: 	#EEEEEE 1px solid;*/
	/*background: 	#fff url(../images/sub_icon.gif) no-repeat 22px 1px;*/
	background:		url("../images/pfeil_menu.gif") no-repeat right 3px #FFF;
}

*+ html a.vmenu4,*+ html a.vmenu3{	
	font-size:		0.85em;
}


/************************************************************* CONTAINER */
div.container {
		float:		right;
	width:		215px;
	margin:		0px 0px 0px -215px;
	text-align:	center;
	;
}

div.container-left {
	float:	left;
	width:	0px;
	margin-top : 30px;
}
div.container-right {
	float:		right;
	width:		215px;
	/*background-color: #E2E2E2;
	margin-left:10px;*/
}

div.container-menu {
	width:	215px;
}
div.container-top {
	width:	0px;
}
div.container-bottom {
	width:	0px;
	margin-top : 50px;
}
div.container-workspace {
	width: 			215px;
	overflow:		hidden;
	float:			left;
	background:		#FFF;	
	margin-bottom:	30px;
	text-align : left;
}

div.container-left div.container-workspace{
	width : 215px;
	overflow:		hidden;
	float:			left;
	background:		#FFF;	
	margin-bottom:	30px;
	text-align : left;
}

div.container-menu div.container-workspace {
	width:	215px;	
}

div.container-menu div.container-workspace div.container-content, div.container-left div.container-workspace div.container-content{
	font-size : 0.8em;
	color : #66696E;
}

*+html div.container-left div.container-workspace div.picturetext{
	margin-left : 15px;
}


* html div.container-workspace {
	margin-right:5px;
}
div.container-headline {
	color:			#4F5354;
	text-align:		left;
	text-decoration:none;
	background-color:	#EFEFEF;
	padding : 5px 4px 4px 6px;
	min-height : 15px;
	/*width:	215px;*/
	border : 4px solid #fff;
}


.container-headline_top{
	/*background	:url(../images/c_h_top.gif) no-repeat top left;*/
	padding-top:2px;
}
.container-headline_center{
	/*background:url(../images/c_h_center.gif) repeat-y center left ;*/
}
.container-headline_bottom{
	/*background:url(../images/c_h_bottom.gif)  no-repeat bottom left ;*/
	padding-left:		3px;
}

div.container-content {
	padding:	5px 15px 10px 15px;
	color:		#000000;
	font-size:	0.75em;
}
div.container-content a {
	color:	#2C5D9F;
}

div.container-content .picturetext img {
	margin-top : 10px;
	max-width : 185px;
}

h2.container {
	display				: inline;
	font-weight			: 400;
	font-family			: arial;
	font-size			: 0.95em;
	font-weight			: bold;
}

div.bildcontainer{
	margin 		: 0px auto 30px auto;
	text-align:center;
}

img.border-image {
	float				: left;
}

.suche{
	padding-top			: 5px;
}
.home_div{
	float				: right;
	width				: 970px;
	background			: #E2E2E2;
	display				: none;
}
.home_div_right{
	float:			right;
	width:			160px;
	padding-top:	5px;
	background:		#E2E2E2;
}
.home_container{
	float:left;
}
	
.home_datum{
	width:			215px;
	color: 			#000;
	font-size:		0.65em;	
	float:			left;
	padding-top:	10px;
}
.home_container_datum{
	color		: #000;
	font-size	: 0.85em;	
}

.home_div_leer{
	float:		right;
	height:		36px;
	margin-top:	0px;
	width:		471px;
	background:	#fff;
	display:	none;
}
* html .home_div_leer{
	float:		right;
	height:		38px;
	margin-top:	0px;
	width:		471px;
	background:	#fff;
}
* html .home_datum{
	width:			205px;
	color: 			#000;
	font-size:		0.65em;	
	float:			left;
	padding-top:	10px;
}

* html .flashticker{
	color		:#000;
	height		:20px;
	width		:461px;
	font-size	:0.70em;
	font-weight	:bold;
	padding		:10px 0 0 5px;
}
.flashticker{
	color		:#000;
	height		:20px;
	width		:471px;
	font-size	:0.70em;
	font-weight	:bold;
	padding		:10px 0 0 5px;
}

/************************************************************* CONTENT */

div.content {
	margin:			0 250px 0 250px;
	text-align:		left;
	background:		#FFFFFF;
	min-height:		476px;	
}
div.content-wrap {
	
	background:		#FFF;
	
	padding:0 10px 10px;
	}

div.content-workspace {
	/*padding:		0px 9px;*/
	width : 100%; 	
	float:left;
	}



div.content-workspace ol, div.content-workspace li { margin-left:	17px; }
div.content-workspace ul{
	margin-left:	17px; 
	margin-bottom:	10px; 
}
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-header {
	padding-bottom:	5px;
	color:		#515659;
	text-align:		left;
	background:		#fff ;
	/*border-bottom: 	#5577BB 2px solid;*/
	font-family : arial;
	padding : 20px 10px 10px 0px;
	font-size : 1.5em;
}

div.content-text {
	/*padding			: 22px 10px 10px 20px;*/
	color			: #515659;
	text-align		: left;
	font-size		: 0.8em;
	font-weight		: 400;
	float 			: left;
	width 			: 100%;
	/*overflow		: hidden;*/
	}


h3.content-title {
	display:	inline;
	font-size:	1em;
	font-weight:700;
}

/************************************************************* FOOTER */
div.footer {
	position:		relative;
	/*width:			980px;*/
	/*width:		786px;*/
	height:			0.15em;
	margin:			0 auto;
	padding:		0px 15px 0 10px;
	color:			#003399;
	text-align:		left;
	/*background: 	#003399;*/
}
.footer .top{
	width :	130px;
	float:left;
	text-align:right;
	padding-top:3px;
}
*+ html .footer .top{
	width:90px;
}
* html div.footer {
	width:			940px;
	border-top : 	2px solid #003399;
	background: 	#E2E2E2;
	text-align:		center;
}
.footer .float-left a {
	display:		block;
	float:			left;
	color:			#66696E;
	font-size:		0.95em;
	font-weight:	400;
}
.footer .float-left p{
	float:			left;
	color:			#66696E;
	font-size:		0.75em;
	font-weight:	400;
	padding :	    3px 2px 0 0;
	
}
.footer .float-left{
	/*width:			500px;*/
	color:			#66696E;	
	float:			right;
	padding:		5px 0pt 0pt 20px;
}

.footer .float-right {
	display:		block;
	float:			left;
	color:			#000;
	font-size:		0.75em;
	font-weight:	400;
	width:			100%;
	padding-top:	5px;
}
* html .footer .float-right {
	width:		50%;
	float:		left;	
	font-size:	0.75em;
}
* html .footer .float-left {
	float:			left;	
	padding-left:	100px
}

.footer a:hover {
	color:				#66696E;
	text-decoration:	none;
}

.footer .meta-nav {
	font-size:		0.70em;
	text-align: 	right;
	position:		relative;
	right:			0;
	bottom:			0;
}

#openpic-toolbar {
	font-size : 0.7em;
}


/************************************************************* STANDARDS */


.border1 { border:	1px solid #003399; }
div.form-begin {
	border:		5px solid #FFFFFF;
		background:	#EFEFEF;
}

*+html div.form-begin{
	margin-bottom : 0px;
}

textarea, input.text { border:	1px solid #C5C5C3; }
input.button {
	color:	#000000;
	border:	1px outset #FEFFFD;
	
}
input{margin:3px;}
option {
	color:		#000000;
	background:	#FFFFFF;
}
button {
	color:	#000000;
	border:	1px solid #003399;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #003399;
}

legend {
	padding:	2px 10px;
	border:		1px solid #003399;
}

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#E2E2E2;
}

.magazinetitle{
	font-size:1em;
}

a.magazinmehr {
	color:	#2C5D9F;
}

.branche_suchfelder_firma, 
.branche_suchfelder_strasse, 
.branche_suchfelder_plz, 
.branche_suchfelder_ort, 
.branche_suchfelder_telefon_telefax, 
.branche_suchfelder_email, 
.branche_suchfelder_url{
	display	: none;
}

.druckversion{
	padding-right:10px;
}
* html .druckversion{
	padding-right:10px;
}

.galerie-intro-table{
	width:100%;
	background : #EFEFEF;
	margin : 10px 0px 0px -10px;
}

/************************************************************* HOT_TEASER */

div.hot_teaser{
	height: 239px;
	float : left;
	text-align : left;
	background : #FFF;
	color : #66696E;
	width : 724px;		
}

div.hot_teaser .hot_teaser_img{
	width : 470px;
	height : 240px;
	float : left;
	overflow : hidden;
}

div.hot_teaser .hot_teaser_titel{
	font-size : 1.45em;
	font-family : arial;
	padding : 15px 5px 15px 15px;
	display : block;
	border-bottom : 1px solid #E3E3E3;
	font-weight : 700;
}

div.hot_teaser  .hot_teaser_text{	
	width : 230px;
	float : left;
	padding : 0 10px 0 10px;
}

div.hot_teaser  .hot_teaser_kurztext{
	display : block;
	padding : 15px 5px 15px 15px;
}

/************************************************************* TOP_TEASER */
div.top_boxes{
	margin-top : 30px;
	float : left;
	width :724px;
}

div.top_news_box_0, div.top_news_box_1, div.top_news_box_2{
	width : 220px;
	height : 230px;
	float : left;
	background : #FFF;
}

div.top_news_box_0{
}

*+html div.top_news_box_0{
	left : -10px;
}

div.top_news_box_1{
	position : relative;
	left : 31px;
}

*+html div.top_news_box_1{
	left : 31px;
}

div.top_news_box_2{
	position : relative;
	left : 63px;
}

*+html div.top_news_box_2{
	right : -53px;
}

div.top_news_img{
	height : 112px;
	width : 100%;
	overflow : hidden;	
}

div.top_news_txt{
	font-size 		: 0.9em;
	font-family 	: arial;
	font-weight 	: bold;
	color 			: #66696E;
	padding 		: 10px 5px 5px 15px;	
}

div.top_news_txt span.top_title{
	display : block;
}

div.top_news_txt span.top_txt{
	font-size 		: 1em;
	font-weight 	: normal;
} 

div.more_top_news{ 
	float			: left;
	min-height 		: 125px;
	width 			: 725px;
	background 		: #FFF;
	margin-top 		: 33px;
}

div.more_top_news a{
	float : left;
	width : 100%;	
}

div.more_top_news .titel{
	width : 245px;
	float : left;
	height : 125px;
	font-family : arial;
	color : #66696E;
	font-size : 1.45em;
	font-weight : bold;
	padding : 10px 5px 5px 10px;
	margin-right : 45px;
}

div.more_top_news .links{
	padding:10px 0px;
	line-height:1.6em;
	float : left;
	color : #055DA4;
	font-weight : bold;
	width : 400px;
	font-size : 0.8em;
}

div.more_top_news a{
	display : block;
	float: left;
}

div.more_top_news a:hover{
	text-decoration : none;
}

/************************************************************* Footer Menu */

div.footer_navi{
	/*height : 197px;*/
	background : #EFEFEF;
	border : 5px solid #fff;
	margin-top : 29px;
	padding : 25px 10px 15px 30px;
}


*+html div.footer_navi{
	float : left;
}


div.footer_navi a{
 	color : #66696E;
 	text-decoration : none;
}
div.footer_navi{color: #7D7D7F;font-weight: 700;text-align:center;}
li.fmenu{
	padding-right : 30px;
}

li.fmenu1 a.fmenu2{
	font-size:0.8em;
}

a.fmenu1{	
	font-weight : bold;
	height : 27px;
	padding : 3px 10px 35px 0;
	text-decoration : none;
	font-family : arial;
	font-size : 15px;
}

a.fmenu{
	display : block;
	text-decoration : none;
}

li.fmenu{
	display : inline;
	float : left;
	width : 154px;
}

.trennlinie_top{
	border-top : 0px solid #000066;
	margin-bottom : 10px;
	background : url("../images/bg_mini.gif") repeat;
}

.trennlinie_top_content{
	border-top : 0px solid #000066;
	height : 10px;
	background : url("../images/bg_mini.gif") repeat;
	}

div.medien-tpl-bigmedien-textfluss{
	padding-right : 25px;
}

div.menu_intro{
	float : left;
	background : #FFF;
	margin : 0px 0px 32px 0px;
	padding : 10px 5px 10px 10px;
}

div.menu_intro{
	float : none;
}

*+html div.menu_intro{
	/*margin : 0px 0px 20px 0px!important;*/		
}

div#bgallerie{
	background : #EFEFEF;
	margin-right : 20px;
}

div.galerie_tour{
	margin-left : -7px!important;
}

div.content-text div.middle{
	margin-right : 15px!important;
}

table, td{
	
}	

/************************************************************* Paging */
div.paging-inlay{
	font-size : 12px;
	margin-top : 15px;
	text-align : center;
	margin-right : 1px;
	float : left;
		margin : 15px 0 15px 0px;
	width : 100%;
	}






span.forlink-pager img{
	position : relative;
	bottom : -3px;
}

span.backlink-pager img{
	position : relative;
	bottom : -3px;
}
div.containerimage {
	text-align: center;
}


/* 2023-10-31 S24 Anpassungen */
p.logo {
	height:256px;
	top:0px;
}

div.main {
	top: 4px;
}

div.footer_navi {
	margin-top: 16px;
}