@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 400;
	src:
		local('Droid Sans Regular'),
		local('DroidSans-Regular'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSaQ.eot */
		url('fonts/Droid_Sans_400.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSaw.woff */
		url('fonts/Droid_Sans_400.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2 */
		url('fonts/Droid_Sans_400.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=SlGVmQWMvZQIdix7AFxXkHNSag&skey=89a402e2c0235a02&v=v8#DroidSans */
		url('fonts/Droid_Sans_400.svg#DroidSans') format('svg'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGVmQWMvZQIdix7AFxXkHNSaA.ttf */
		url('fonts/Droid_Sans_400.ttf') format('truetype');
}
@font-face {
	font-family: 'Droid Sans';
	font-style: normal;
	font-weight: 700;
	src:
		local('Droid Sans Bold'),
		local('DroidSans-Bold'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1Yw.eot */
		url('fonts/Droid_Sans_700.eot?#iefix') format('embedded-opentype'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1YQ.woff */
		url('fonts/Droid_Sans_700.woff') format('woff'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2 */
		url('fonts/Droid_Sans_700.woff2') format('woff2'),
		/* from https://fonts.gstatic.com/l/font?kit=SlGWmQWMvZQIdix7AFxXmMh3eDs1YA&skey=3a550330c169d58&v=v8#DroidSans */
		url('fonts/Droid_Sans_700.svg#DroidSans') format('svg'),
		/* from https://fonts.gstatic.com/s/droidsans/v8/SlGWmQWMvZQIdix7AFxXmMh3eDs1Yg.ttf */
		url('fonts/Droid_Sans_700.ttf') format('truetype');
}

#bg,#bg table,#bg td,#site {width:100%;height:100%;overflow:hidden}
html {width:100%;height:100%;}
.box div img{padding-bottom:10px}
/* Herausgnommen, weil sonst mehrere Vorschaubilder in der Präsenz nicht
nebeneinander erscheinen */
#img{display:block}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 140%;
	cursor:default;
	padding:0;
	margin:0;
	color: #444;
}

#bg div{border: 0px solid cyan;position:absolute;width:100%;height:100%;top:-200px;left:0%; z-index:-100;}
#bg td{vertical-align:middle;text-align:center}
#bg img{border: 0px solid red;height:100%;width:100%;margin:0 auto}



#redarea{
  position:absolute;
  width: 480px;
  height: 200px;
  top: 150px;
  left: 50%;
  z-index:10;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
}

#redarea-i{
  float: right;
  width: 458px;
  height: 200px;
  margin: 0px;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
}

#redarea-i h1{display: none;}

oooredarea-i h1{
  font-size: 180%;
  line-height: 2.0em;
  font-weight: normal;
  margin: 0px;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
  letter-spacing:-1px
}



#site {
	top:0;
	left:0;
	overflow:auto;
	

}




/* ----------container zentriert das layout-------------- */
#container {
	width: 100%;
	margin: 0 auto;
	background-image:url(images/gw-bg-schatten.png);
	background-repeat: no-repeat;
	background-position: center top;
}



/* -----------------Basis--------------------- */
#content_980 {
	min-height: 700px;
	width: 980px;
	background-color: white;
	margin: 0 auto;
	padding: 0;
}

#content_960 {
	min-height: 700px;
	width: 960px;
	xbackground-color: white;
	padding: 0;
	margin: 0 auto;
}


#header {
	margin-left: 0px;
	width: 960px;
	height: 85px;
	xbackground: url(images/page-bg-top.jpg) repeat-x;
}
#header2 {
	width: 100%;
	height: 65px;
        margin: 0px 0px 0px 0px;
        border: 0px solid red;
        padding: 0px;
        background: url(images/navi-hg.png) 240px 0px no-repeat;
}

#header a img{
  float: left;
}
.ort{
  position: absolute;
  width: 220px;
  font-size: 200%;
  line-height: 85%;
  color: #000;
  margin: 18px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 10px;
  background: none;
}

.hgr {
  float: left;
  xwidth: 200px;
  xheight: 60px;
  margin: 10px 0px 0px 0px;
  border: 0px solid cyan;
  padding: 0px;
}

#image_container {
  width: 960px;
}

#xxximage_container img{
  float: left;
  margin: 0px;
  border: 0px solid red;
  padding-right: 4px;
}

#DOTs{
	clear:both;
	width: 960px;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-image: url(images/dots_960x1.jpg);
}

#brcmp{
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
        border: 0px solid cyan;
        padding: 0px;
}

#brcmp img, #brcmp a{float: left; color: #00f; text-decoration: none;}
#brcmp img{margin: 4px 4px 0px 4px;}


#content {
  float: left;
  border: 0px solid red;
  padding-bottom: 16px;
  width: 960px;
}

.content-m, .content-ml, .content-ml-on, .content-mm, .content-mr, .content-mm-l1, .content-mr-l1, .content-mm-l2 {
  float: left;
  width: 100%;
  margin: 0px;
  border: 0px solid yellow;
  padding: 0px;
}

.content-ml {width: 200px;}
.content-ml-on {width: 198px; border: 1px solid #d4d4d4;}

.content-mm {width: 538px; margin-left: 10px; border: 1px solid #d4d4d4;}
.content-mm-l1 {width: 368px; margin-left: 10px; border: 1px solid #d4d4d4;}
.content-mm-l2 {width: 748px; margin-left: 10px; border: 1px solid #d4d4d4;}

.content-mr {float: right; width: 198px; border: 1px solid #d4d4d4;}
.content-mr-l1 {float: right; width: 368px; border: 1px solid #d4d4d4;}

/* -----------footer--------------------------- */
#footer {
  clear: both;
  width: 980px;
  height: 90px;
  border: 0px solid red;
  border-top: 1px solid #d4d4d4;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url(images/footer2.png) 0px 0px no-repeat;
}


.tf {
  float: right;
  text-align: right;
  font-size: 95%;
  width: 40%;
  margin: 10px 20px 0px 0px;
  border: 0px solid red;
  padding: 0;
}
/* -----------text--------------------------- */
p {
  margin: 0px 0px 0px 0px;
  border: 0px solid cyan;
  padding: 0px 0px 8px 0px;
}

h1, h2, h3 {
  font-size: 140%;
  margin: 0px 0px 0px 0px;
  border: 0px solid cyan;
  padding: 8px 0px 8px 0px;
}
h2 {font-size: 120%;}
h3 {font-size: 100%;}



.l1-header, .l1-footer{
  height: 20px;
  font-size: 90%;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 4px 0px 0px 20px;
  background: url(images/header-list-hg.png) 0px 0px repeat;
}
.l1-header, .l1-footer{
  clear:both;
}

.l1-content{
  xwidth: 720px;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 15px 13px 15px 15px;
  xbackground: url(images/header-list-hg.png) 0px 0px repeat;
}


/* -----------------Home--------------------- */
#c38, #c85, #c188, #c189{
  color: #fff;
  margin: 0px 0px 10px 0px;
  border: 0px solid red;
  padding: 0px 10px 0px 10px;
  background: #004080;
}
#c85{background: #d01010;}
#c188{background: #609020;}
#c189{background: #f0b010;}

#c38 a, #c85 a, #c188 a, #c189 a{
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 4px 10px 4px 10px;
  color: #004080;
  background: #fff;
}
#c85 a{color: #d01010;}
#c188 a{color: #609020;}
#c189 a{color: #f0b010;}




/* -----------------NAVIGATION--------------------- */

/* MAIN */
ul.nmain{
  float: right;
  font-size: 100%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  background: none;
  list-style: none;
}

li.nmain-b, li.nmain-r, li.nmain-gr, li.nmain-ge{
  float: left;
  list-style: none;
  margin: 0px 0px 0px 10px;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
  background: url(images/nmain-blue.png) 0px 0px no-repeat;
}
li.nmain-r{
  background: url(images/nmain-red.png) 0px 0px no-repeat;
}
li.nmain-gr{
  background: url(images/nmain-green.png) 0px 0px no-repeat;
}
li.nmain-ge{
  background: url(images/nmain-yellow.png) 0px 0px no-repeat;
}

li.nmain-b a, li.nmain-r a, li.nmain-gr a, li.nmain-ge a{
  display: block;
  height: 40px;
  text-decoration: none;
  padding: 10px 20px 14px 20px;
  padding: 10px 10px 14px 10px;
  border: 0px solid cyan;
  color: #fff;
  background: url(images/nmain-blue.png) 100% -64px no-repeat;
}
li.nmain-r a{
  background: url(images/nmain-red.png) 100% -64px no-repeat;
}
li.nmain-gr a{
  background: url(images/nmain-green.png) 100% -64px no-repeat;
}
li.nmain-ge a{
  background: url(images/nmain-yellow.png) 100% -64px no-repeat;
}



/* LEFT */

ul.nmain2{
  float: right;
  font-size: 100%;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  padding: 0px;
  background: none;
  list-style: none;
}

li.nmain2, li.nmain3,li.nmain2a, li.nmain3a{
  float: left;
  list-style: none;
  margin: 0px 0px 4px 0px;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
}

li.nmain2 a, li.nmain3 a, li.nmain2a a, li.nmain3a a{
  display: block;
  width:190px;
  height:27px;  
  text-decoration: none;
  padding: 8px 0px 0px 10px;
  border: 1px solid #d4d4d4;
  color: #999;
  background: url(images/nmain2.png) 0px 0px #fff no-repeat;
}

li.nmain3 a, li.nmain3a a{
  width:176px;
  height:30px;  
  height:17px;  
  border: 0px solid red;
  padding: 4px 0px 4px 24px;
  color: #999;
  background: url(images/nmain3-g.png) 8px 8px #fff no-repeat;
}

li.nmain2a a, li.nmain2 a:hover{
  color: #333;
}

li.nmain3a a, li.nmain3 a:hover{
  color: #333;
  background: url(images/nmain3-b.png) 8px 8px #fff no-repeat;
}



/* TOP */

ul.nt1{
  float: right;
  margin: 10px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  padding: 0px;
  background: none;
  list-style: none;
}

li.nt1, li.nt1-last{
  float: right;
  list-style: none;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
}

li.nt1 a, li.nt1-last a{
  display: block;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  border-right: 1px dotted #666666;
  color: #333333;
}
li.nt1-last a{
  border-right: 0px dotted #666666;
}

/* BOTTOM */

ul.nb {
  float: left;
  font-size: 95%;
  font-weight: bold;
  width: 50%;
  margin: 10px 0px 0px 0px;
  border: 0px solid #DDDDDD;
  padding: 0px;
  background: none;
  list-style: none;
}

li.nb1, li.nb1-last{
  float: left;
  list-style: none;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
}

li.nb1 a, li.nb1-last a{
  display: block;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  border-right: 1px dotted #666666;
  color: #333333;
}
li.nb1-last a{
  border-right: 0px dotted #666666;
}

#specialnav{
  position:absolute;
  width: 480px;
  height: 50px;
  top: 359px;
  left: 50%;
  z-index: 1003; /* muss so hoch sein, um die Openlayers-Karte zu überdecken */
  margin: 0px;
  border: 0px solid blue;
  padding: 0px;
}

#specialnav-i{
  float: right;
  width: 280px;
  height: 50px;
  margin: 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  color: #000;
  xxxbackground: url(images/gw-hg-slider-laver.png) 0px 0px repeat;
}

#specialnav-i h1{
  font-size: 180%;
  line-height: 2.0em;
  font-weight: normal;
  margin: 0px;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
  letter-spacing:-1px
}

#nav {padding: 0px;margin:0px; border: 0px solid #f00;width:280px; float:left;z-index:2}
#nav li{padding: 0px;border: 0px solid #ff0;float:left;width:auto;list-style:none}
#nav li a{padding: 0px;border: 0px solid #f0f;color:#000;text-decoration:none;display:block;height:40px;text-indent:0em}

#nav li#navOrt{width:100px}
#nav li#navSuche{width:70px;}
#nav li#navUmkreissuche{width:80px}
#nav li#navOrt:hover a,#nav li#navOrt:focus a,#nav li#navOrt a:hover,#nav li#navOrt a:focus{background-position:-170px -260px}
#nav li#navSuche:hover a,#nav li#navSuche:focus a,#nav li#navSuche a:hover,#nav li#navSuche a:focus{background-position:-277px -260px}

#nav li div.navBox{position:absolute;top:30px;z-index:2;display:none;color:#fff;font-size:12px;line-height:15px;min-width:100px;min-height:80px;background:#000;border-bottom:1px solid #777;box-shadow:0 5px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3)}
#nav li:hover,#nav li:focus{z-index:2;}
/*#nav li:hover div.navBox,#nav li:focus div.navBox,div.navBoxActive{display:block}*/

div.navBoxList{display:table;}
div.navBoxListColumn{display:table-cell;display:block;float:left;padding: 10px 20px 10px 0px;z-index: 2;}

#navOrt div.navBoxList{width: 200px;z-index: 2;}
#navSuche div.navBoxList{width: 200px}

#nav li div.navBox {background:#eee;}
#nav li div.navBox ul{}
#nav li div.navBox ul li{float:none;margin:0 0 3px 0}
#nav li div.navBox a{background: none;height:auto;text-indent:0;color:#000;text-decoration:none}
#nav li div.navBox a:hover,#nav li div.navBox a:focus{color:#ccc}



.listbox {
  padding-right: 5px;
  padding-left: 5px;
  padding-right: 8px;
  padding-left: 7px;
  margin-bottom: 10px;
  border: 0px solid #ddd;
  float: left;
  width: 155px;
  height: 290px;
  border-bottom: 1px solid #888;
} 

/* Liste */
.listbox .logo {
  width: 155px;
  height: 50px;
}
.listbox .picture {
  width: 155px;
  height: 110px;
}
.listbox .address {
  width: 155px;
  height: 190px;
  border: 0px solid red;
}
.listbox .facebook {
  width: 155px;
  height: 30px;
  border: 0px solid blue;
}

/* Details */
.address_blk {
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
} 
.booking_blk {
  margin-top: 4px;
  border: 0px solid red;
  padding: 0px;
} 
.extra1_blk {
  margin-top: 4px;
  border: 0px solid red;
  padding: 0px;
} 
.extra2_blk{
  margin: 6px 0px 10px 0px;
  border: 0px solid red;
  padding: 0px;
} 
.extra2_blk div{
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 14px;
  background: url(../../fileadmin/gwtemplate/images/nmain3-g.png) 0px 4px #fff no-repeat;
} 

/* Details Multicontent */
.ui-widget-content { border: 1px solid #ddd; background: #f4f4f4; color: #333333; }
.ui-widget-header { border: 1px solid #ddd; background: #ddd; color: #ffffff; font-weight: bold; }

.ui-tabs ul li a{
color: #333;
background: #f4f4f4;
margin: 0px;
border: 0px solid red;
padding: 0px 0px 10px 0px; 
}

/* Interaction states
----------------------------------*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0000ff;}
.ui-state-hover a, .ui-state-hover a:hover { color: #cccccc;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #444;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #f4f4f4; }




/* Pagebrowser */
div .tx-mmkgastlicheswestfalen-pi1  ul.tx-pagebrowse{
margin: 0px;
padding: 0px 0px 10px 0px; 
border: 0px solid red;
}

/* Suche Layer */
li#navSuche .tx-mmkgastlicheswestfalen-pi1 select{
display: none;
border: 0px solid red;
}
/* Suche Seite */
#c185 select{
display: none;
border: 0px solid red;
}

/* News */
.news-latest-container {
	margin: 0px;
	border: 0px solid red;
        padding: 0px;
}
.news-latest-item{
	clear: both;
	margin: 0px;
	border: 0px solid red;
        padding: 0px;
}

.news-single-img {
	float: left;
	margin: 4px 10px 2px 0px ;
	padding:0;
}