/************************************************************* HTML TAGS */
html {}

body { 
	font-family		: verdana,helvetica,sans-serif !important; 
	background		: #8aaf52; 
}
*{
	font-family		: verdana,helvetica,sans-serif !important; 

}
a {
	margin:			0;
	padding:		0;
	color:			#6c768b;
	text-decoration:underline;
}

a:hover { text-decoration: underline; }

img { border:	0; }

a.intern{ text-decoration : underline; }

/************************************************************* PAGE */
div.frame {
	width:		100%;
	padding:	15px 0;
	text-align: center;}
div.page {
	margin: 0 auto;	width:		764px;
	text-align:	left;
	background:	#FFFFFF;
	/*border:		2px solid #fff;*/
}
div.bg1, div.bg2, div.bg3, div.bg4 {
	width:	100%;
	margin:	0;
}
div.bg1{
}
div.bg2{
	background		: url(/pics/layout/bg_container.gif) repeat-y  top right;
}
/* tl: IE 5.5 Hack von dkr, damit IE HasLayout bekommt, hier könnte inline-block ausreichen? Validiert nicht! */
div.tailer { 
	zoom		: 100%;
	float		: left;
		background		: #FFFFFF url(/pics/layout/bg_content.gif) repeat-y  170px top;
 }



/************************************************************* HEADER */
div.header { 
	background		: #eaf1de;
	position		: relative;	
	float			: left;
}

div.header_menu span a{
	color		: #575858;
	font-size	: 1em;
}
div.header_menu span{
	padding		: 0px 5px;
}
div.logo{
	float			: left;
}
p.logo {
	display:		block;
	background:		url(/pics/layout/image_1237390419521.jpeg) no-repeat top left;
	/*border:			2px solid #FFFFFF;
	border-width:	2px 0;*/
	float			: left;
}
p.logo a {
	display:		block;
	width:			170px;
	height:			176px;
	text-decoration:none;
}

p.logo span { display:	none; }

div.header-img {
	float			: left;	
	width: 594px;
	height: 176px;
	background: url(/pics/layout/image_1237976849945.jpeg) no-repeat;
}


img.gruppe_bild{
	position		: absolute;
	z-index			: 200;
	top				: 63px;
	left			: 605px; 
}
* HTML img.gruppe_bild{
	position		: relative;
	top				: 66px;
	left			: 605px;
}
* HTML div.logo{
	margin-top		: -161px;
}

.header-reflex {
		position		: absolute;
	top				: 21px;
	left			: 854px;
	width			: 159px;
	height			: 146px;
	z-index			: 12;
	background		: url(/pics/layout/image_1237222375954.png) no-repeat;
	display			: none;
	}


/************************************************************* HORIZONTAL MENU */
div.hmenu#hmenu1_top {
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	position		: absolute;
	top				: 0px;
	left			: 0px;
	float			: right;
	z-index			: 30;
/*	
	text-align:		center;
	border-bottom:	2px solid #FFFFFF;*/
}
div.hmenu#hmenu2_bottom {
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	
	position		: relative;
	z-index			: 1;
	float			: left;
	width			: 100%;
	padding			: 0px 0 0;
	background		: url(/pics/layout/bg_hmenu_space_all.gif) no-repeat left 4px;
	/*border-bottom:	2px solid #FFFFFF;*/
}
div.hmenu {
	clear:			both;
	color:			#FFFFFF;
	font-size:		0.75em;
	text-align:		center;
	/*border-bottom:	2px solid #FFFFFF;*/
}
div.hmenu-workspace-space {
	width			: 170px;
	float			: left;
	padding			: 3px 0px 2px;
	margin			: 0 0 3px;
	background		: url(/pics/layout/bg_hmenu_space_all.gif) no-repeat top left;
}
div.hmenu-workspace {
	display		: block;
	padding		: 3px 7px 7px;
	width		: 740px;
	float		: left;
}
div.hmenu-workspace_hmenu {
	display		: block;
	padding		: 0px 7px 0px 0px;
	float		: left;
	background:	#89b5dd;
	width		: 757px;
}

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

li.hmenu1 {
	display: inline;
	float: left;
}
a.hmenu {
	display:		block;
	float:			left;
	padding:		1px 10px;
	color:			#575858;
	font-size:		1em;
	text-decoration:none;
	background:		#89b5dd;
}
a.hmenu:hover {
	color:			#575858;
	text-decoration:none;
}
a.hmenu1 {
	padding:		17px 10px;
	font-weight:	700;
	background:		#89b5dd;
	color			:#FFFFFF;
}
a.hmenu1:hover {
	text-decoration	: none;
	color:		#6c7b8b;
	background:	#ddecf8;
}
a.hmenu1-active {
	color:		#6c7b8b;
	background:	#ddecf8;
}


/************************************************************* MAIN */
div.main {
	clear			: both;
	text-align		: center;
	min-height:	480px;
	
	/*background:	#b8d191;*/
}

* html div.main {
	position		:	relative;
}

/* warum steht das auskommentiert hier drin?
div.main div.vmenu, div.main div.content, div.main div.container { min-height:	480px; }
*/


/************************************************************* BREADCRUMB */
div.breadcrumb {
	width:	764px;
	height:	23px;
	margin: 0 auto 0px;
	padding:10px 0 0;
	background:#b8d191;
	float:		left;
}
span.breadcrumb-infotext {
	display:	block;
	float:		left;
	padding:	0px 0px;
	font-size:	0.70em;
}
div.breadcrumb UL {
	display:		inline;
	list-style-type:none;
}
div.breadcrumb LI,  div.breadcrumb1 LI, div.breadcrumb-active LI, div.breadcrumb-hassub LI, div.breadcrumb-first LI{
	display:	inline;
	float:		left;
}
span.breadcrumb-infotext a{
	display:		block;
	float:			left;
	margin:			0;
	padding:		3px 3px 2px 8px;
	color:			#6c7b8b;
	font-size:		1em;
	text-decoration	: underline;
}
a.breadcrumb {
	display:		block;
	float:			left;
	margin:			0;
	padding:		3px 3px 3px 10px;
	color:			#6c7b8b;
	font-size:		0.70em;
	text-decoration:none;
	font-weight		: 400;
	background:		transparent url(/pics/formbuttons/arrow.gif) no-repeat 0 6px;
}
a.breadcrumb-active {
	display:		block;
	float:			left;
	margin:			0;
	color:			#6c7b8b;
	font-size:		0.70em;
	text-decoration : underline;
}
a.breadcrumb-choiced {
	display:		block;
	float:			left;
	margin:			0;
	color:			#6c7b8b;
	font-size:		0.70em;
	text-decoration : none;
	font-weight		: 700;
}
a.breadcrumb:hover {
	color:			#7D879A;
	text-decoration:none;
}


/************************************************************* VERTICAL MENU */
div.vmenu {
		float:		left;
	width:		170px;
	margin:		0px -170px 0 0;
	overflow:	hidden;
	background:#b8d191 repeat left top;
}

div.vmenu-workspace { margin:	0 0 0px 0; }

ul.vmenu1, ul.vmenu2, ul.vmenu3, ul.vmenu4 { list-style-type:	none; }

li.vmenu1, li.vmenu2, li.vmenu3, li.vmenu4 { display:	inline; }

a.vmenu {
	display:		block;
	border-bottom	:1px solid #e3e6e9;
	padding:		4px 5px 2px;
	color:			#575858;
	font-size:		0.75em;
	text-align:		left;
	text-decoration:none;
	background:		#FFFFFF;
}

a.vmenu:hover { color:	#575858; }

a.vmenu-kontakt {
	padding:		4px 0 4px 10px;
	font-weight:	700;
}
a.vmenu1 {

	padding:		4px 0 4px 10px;
	font-weight:	400;
	background:		#FFFFFF url(/pics/layout/bg_vmenu.gif) no-repeat center left;
}

a.vmenu1:hover { 
	text-decoration	: none; 
	font-weight		: 700;
	background		: #FFFFFF url(/pics/layout/bg_vmenu_active.gif) no-repeat center left;;
}
a.vmenu1-active {
	padding:		4px 0 4px 10px;
	font-weight:	700;
	background:		#FFFFFF url(/pics/layout/bg_vmenu_active.gif) no-repeat center left;
}
a.vmenu2 {
	padding:		4px 0 4px 20px;
	color:			#575858;
	font-size:		0.70em;
	font-weight:	400;
	background:		#ddecf8;
}

a.vmenu2:hover { 
	background			: #ddecf8 url(/pics/layout/bg_vmenu_active.gif) no-repeat 11px 9px;
	text-decoration		: none;
	
}

a.vmenu2-active {
	font-size:	0.70em;
	background:	#ddecf8 url(/pics/layout/bg_vmenu_active.gif) no-repeat 11px 9px;
}
a.vmenu3 {
	padding:		4px 0 4px 25px;
	color:			#575858;
	font-size:		0.70em;
	font-weight:	400;
	background:		#ddecf8;
}

a.vmenu3:hover { 
	background			: #ddecf8 url(/pics/layout/bg_vmenu_active.gif) no-repeat 17px 8px;
	text-decoration		: none;
 }

a.vmenu3-active {
	font-size:	0.70em;
	background:	#ddecf8 url(/pics/layout/bg_vmenu_active.gif) no-repeat 17px 8px;
}
a.vmenu4 {
	padding:		3px 0 3px 25px;
	color:			#FFFFFF;
	font-size:		0.70em;
	font-weight:	400;
	background:		#FFFFFF;
}

a.vmenu4:hover { background:	#6c7b8b url(/pics/marker_an.gif) no-repeat 15px 6px; }

a.vmenu4-active {
	font-size:	0.70em;
	background: #6c7b8b url(/pics/marker_an.gif) no-repeat 15px 6px;
}


/************************************************************* CONTAINER */
div.container {
		float:		right;
	width:		180px;
	margin:		-2px 0 0 -180px;
	text-align:	left;
	background:#b8d191 repeat left top;
}
* HTML div.container {
	margin-right:-14px;
}
div.container-left {
	float:	left;
	width:	0px;
}
div.container-right {
	float:	right;
	width:	180px;
}

div.container-menu { width:	170px; }

div.container-top { width:	0px; }

div.container-bottom { width:	0px; }

div.container-workspace {
	float:		left;
	width:		100%;
	margin:		0 0 2px 0;
	background   :	#FFFFFF url(/pics/layout/ct_schatt_top.gif) no-repeat top left;
	padding		:2px 8px 0 0;
}
*+ HTML div.container-workspace {
	margin-top	:-2px;
}
* HTML div.container-workspace {
	margin-top	:0px;
}
div.container-workspace_ct_menu {
	float:		left;
	width:		100%;
	margin:		0 0 5px 0;
	padding:5px 0px 0 0;
	background   :	#FFFFFF;
}
div.container-headline_ct_menu {
	padding:		3px 0 3px 0px;
	color:			#6c7b8b;
	font-weight:	700;
	text-align:		left;
	text-decoration:none;
	width			:170px;
	overflow:		hidden;
	background		: #FFFFFF;
}
div.container-headline {
	padding:		3px 0 3px 0px;
	color:			#6c7b8b;
	font-weight:	700;
	text-align:		left;
	text-decoration:none;
	width:188px;
	background   :	url(/pics/layout/ct_schatt_middle.gif) repeat-y bottom left;
	overflow:		hidden;
}
div.container-content {
	padding:	3px 10px 3px 17px;
	color:		#6c7b8b;
	font-size:	0.75em;
	text-align:left;
	background   :	url(/pics/layout/ct_schatt_middle.gif) repeat-y bottom left;
	width		:161px;
}
div.container-content_ct_menu {
	padding:	3px 5px 3px 10px;
	color:		#6c7b8b;
	font-size:	0.75em;
	text-align:left;
	width		:155px;
}
div.container-workspace-bottom{
	background   :  url(/pics/layout/ct_schatt_bottom.gif) no-repeat bottom left;
	width		 : 188px;
	float		 : left;
	height		 : 2px; 
}

div.container-content a { 
	color:	#6c768b; 
	text-decoration:underline;
}
div.container-content_ct_menu a { color:	#6c768b; }

h3.container {
	display:	inline;
	font-size:	0.75em;
	color:		#6c7b8b;
	background:		#FFFFFF url(/pics/layout/bg_ct_headline.gif) no-repeat 5px center ;
	padding: 0 0 0 16px;
}
h3.container_ct_menu {
	display:	inline;
	font-size:	0.75em;
	color:		#6c7b8b;
	background:		#FFFFFF ;
	padding: 0 0 0 10px;
}

img.border-image { float:	left; }

div.suche{
	width		  	: 188px;
	float		  	: left;
	background		: url(/pics/layout/ct_schatt_top.gif) no-repeat top left;
	padding			: 2px 0px 2px;
}

div.suche-content{
	width:100%;
	float:left;
	background		:  url(/pics/layout/ct_schatt_middle.gif) repeat-y top left;
}
div.suche-footer{
	width			: 100%;
	float			: left;
	height			: 2px;
	background		: url(/pics/layout/ct_schatt_bottom.gif) no-repeat bottom left;
}

input.suche_input_text {
	margin-right	:3px;
	height			:18px;
	width			:136px;
	font-size		:11px;
	border			: none !important;
	padding			: 4px 3px 2px 0px !important;
	background		: #89b5dd;

}
input.suche_input_button{
	float		: left;
	width		: 20px;
	padding		: 0 8px 5px 0;
}

div.events_gui{
	margin		: 0 13px 0 0px;
}
/************************************************************* CONTENT */
div.content {
	width:		404px;
	margin:		0 180px 0 170px;
	padding:	0 5px 0 5px;
	text-align:	left;
}
* HTML div.content {
	padding			: 0px;
}

div.content-wrap {
	float:	left;
	width:	100%;
	margin:	0 auto;
}
div.content-workspace { margin:	0 auto 5px auto; }
div.content-workspace ol, div.content-workspace ul, div.content-workspace li { margin-left:	17px; }
div.content-workspace ol li, div.content-workspace ul li { margin-left:	0; }
div.content-header {
	padding:		10px 7px 5px 10px;
	color:			#8aaf52;
	text-align:		left;
	font-weight:	700;
	/*background:		#eaf1de;*/
}
div.content-text {
	height:		100%;
	margin:		0 0 10px;
	padding:	5px 0px 0 0px;
	color:		#6c7b8b;
	text-align:	left;
	font-size:	0.75em;
}

* HTML div.content-text {
	padding:	5px 0px 0 0px;
}


h3.content-title {
	display:	inline;
	color:		#6c7b8b;
	font-size:	0.85em;
}

div.content-text-top{
	padding:	0px 7px 0 10px;
	float       : left;
}
div.content-text-top .content-workspace .content-header{
	padding		: 0 7px 5px 0;
}
/************************************************************* FOOTER */
div.footer {
	clear:		both;
	margin:		0;
	font-size:	0.75em;
	color:		#6c768b;
	text-align:	left;
	border-top:	5px solid #b8d191;
	background: #FFFFFF;
	float:			left;
	width			:100%;
}
* HTML div.footer {
				float		: none;
		width			:100%;
}

.footer a {
	display:		block;
	float:			left;
	padding:		2px 10px;
	color:			#6c768b;
	font-size:		1em;
	font-weight:	700;
	text-decoration:none;
}

.footer a:hover {
	color:			#6c768b;
	text-decoration:underline;
}

div.footer_menu{
	margin			: 0 auto;
	width			: 404px;
	float			: left;
}
div.footer_menu_right{
	width			: 185px;
	background		: #b8d191;
	padding			: 9px 0px;
	float			: right;
}
* HTML div.footer_menu_right{
	padding			: 18px 0px;
	width			: 185px;
}
/************************************************************* STANDARDS */
span.paging { color:	#FFFFFF; padding: 0px; }

.paging { background:	#eaf1de; }

.border1 { border:	1px solid #eaf1de; }

div.form-begin {
	border:		1px solid #eaf1de;
	background:	#b8d191;
}

textarea, input.text { border:	1px solid #eaf1de; }

input.button {
	color:	#6c7b8b;
	border:	1px outset #6c7b8b;
}
option {
	color:		#6c7b8b;
	background:	#FFFFFF;
}
button {
	color:	#6c7b8b;
	border:	1px solid #eaf1de;
}
fieldset {
	margin:		10px 0;
	padding:	5px 10px;
	border:		2px solid #eaf1de;
}

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

div.form-fieldset-inlay {
	padding:	3px 7px;
	background:	#b8d191;
}
a.druckversion{
	padding-right	:15px;
}

a.magazinmehr{
	text-decoration		: underline;
	font-size			: 1em !important;
}
span.magazinetitle{
	font-size			: 1.2em !important;	
}
.magazinetext {
	text-align			: left !important;
}
div.teaser_start{
	padding				: 0px 7px 0 10px;
}
* HTML div.teaser_start{
	padding				: 0px 0px 0px 7px !important;
}
div.teaser_hr{
	width			: 404px; 
	position		: relative;
	top				: 6px;
	left			: -10px; 
	margin			: 0 0 14px; 
	color			: #6c768b;
	border-bottom	: 5px solid #b8d191;
}
div.teaser_hr_start{
	width			: 404px; 
	position		: relative;
	top				: 6px;
	left			: -10px; 
	margin			: 0 0 14px; 
	color			: #6c768b;
	border-bottom	: 5px solid #b8d191;
}
* HTML div.teaser_hr_start{
	left			: -2px; 
}
* HTML div.teaser_hr{
	left			: -2px; 
}
a.title_list{
	padding			: 10px 10px;
	text-decoration : underline;
	float				: left;
}

div.unter_suchen{
	background		:#89B5DD none repeat scroll 0 0;
	margin-top		: 5px;		
	color			:#6C7B8B;
	font-family		:Verdana,Arial;
	font-size		:10px;
	height			:17px;
	padding			:5px 0 0 14px;
	width			:166px;
}

span.online-buchen {
	color			:#6C7B8B;
	font-family		:Verdana,Arial,Verdana;
	font-size		:14px;
	font-weight		:bold;
}

.anreise {
	color			:#6C7B8B;
	font-family		:Verdana,Arial,Verdana;
	font-size		:11px;
	font-weight		:bold;
}

div.main-online-buchen{
	color			:#6C7B8B;
	background		:#FFFFFF;
	height			:155px;
	width			:180px;
	float			:right;
	border-top		:4px solid #FFFFFF;
	border-bottom	:2px solid #FFFFFF;
	margin-bottom	:5px;
 }

*+ HTML div.main-online-buchen{
	height			:169px;
	width			:180px;
	float			:right;
	border-top		:4px solid #FFFFFF;
	border-bottom	:2px solid #FFFFFF;
	margin-bottom	:5px;
 }
 
a.extern {
	text-decoration:underline;
}