div.customatraveosuche { width: 390px; float: right; margin: 0 0 10px 15px;}

ul#response860, ul#response861, ul#response862 { display: none;}

div#bottom div.footerkasten { min-height: 400px; border: 1px solid #ccc; background: #fff; padding: 1.5em 1em 0.5em 1em; text-align: left;}
div#bottom div.footerkasten img.bildlinks { width: 80px; float: left; margin: 1em 1em 0.5em 0;}
div#bottom div.footerkasten h3 { color: #ba0000; background: #fff; padding: 0.5em 0; margin-bottom: 0.8em; font-size: 1.2em; }
div#bottom div.footerkasten h4 { color: #ba0000; padding: 0; margin-bottom: 0.8em; font-size: 1.2em; }
div#bottom div.footerkasten p { padding: 0 0.5em; margin: 0 0 1em 0; font-size: 0.9em;}
div#bottom div.footerkasten a.newsletter { display: block; padding: 0.6em 0; margin: 0 0 0.8em 0; background: #ea7f16; color: #fff; text-decoration: none; text-align: center; font-size: 1.0em; }
div#bottom div.footerkasten a.newsletter:hover { background: #ba0000; color: #fff;}
div#bottom div.footerkasten a.pfeil { color: #444; font-size: 0.8em; padding-left: 1.2em; background: url(../images/personal/menupfeil.png) no-repeat 0.2em 0.1em; text-decoration: none;}
div#bottom div.footerkasten p.small { font-size: 0.75em; margin-top: -40px;  }

div#bottom div.footerkasten ul { margin: 0; padding: 0;}
div#bottom div.footerkasten ul li { margin: 0; padding: 0;}
div#bottom div.footerkasten ul li a { text-decoration: none; font-size: 1em; background: url(../images/personal/menupfeil.png) no-repeat 0.2em 0.2em; padding: 0 0 0 1.2em;}

div#bottom div.db input, div#bottom div.db textarea, div#bottom div.db select {padding: 0; margin: 0; background: none;}
div#bottom div.db input:hover, div#bottom div.db textarea:hover, div#bottom div.db select:hover {padding: 0; margin: 0;}
div#bottom div.db table, div#bottom div.db table tr, div#bottom div.db table td { padding-left: 0; margin-left: 0; border: none; background: none; }
div#bottom div.db table, div#bottom div.db table tr:hover, div#bottom div.db table td:hover {padding: 0; margin: 0;  background: none; }

div.fbnewsl .gcl p { float: left; padding-right: 10px;}
div.fbnewsl .gcl div.fb-like { padding-top: 2px;}

a.pfeil { color: #444; padding-left: 1em; background: url(../images/personal/menupfeil.png) no-repeat 0.2em 0.2em; text-decoration: none;}
a.pfeil:hover { color: #BA0000 }

div.breezingforms .bfQuickMode .bfLabelLeft label {  width: 45%; }
div.breezingforms .bfQuickMode .bfNextButton, div.breezingforms .bfQuickMode .bfSubmitButton, div.breezingforms .bfQuickMode .bfCancelButton {   float: left; margin-left: 46%; }
div.breezingforms input, div.breezingforms textarea, div.breezingforms select
{ padding: 8px; }


div.breezingforms a { position: absolute; top: -2000px; }

div.partnerbuchung { margin: 20px 0 40px; }
div.partnerbuchung gcl { text-align: center;}
div.partnerbuchung a.b-link { display: block; padding: 0.5em 0 0.5em 0; margin: 0px 0 20px 0; background: #ea7f16; color: #fff;  text-decoration: none; font-size: 1.2em;}
div.partnerbuchung a.b-link:hover {  background: #ba0000; color: #fff; text-align: center; text-decoration: none; font-size: 1.2em;}
div.partnerbuchung div.contentende-buchungslinks div.gc { text-align: center;}
div.partnerbuchung a {  }
div.partnerbuchung a.hotel img { height: 63px; width: auto; margin: 17px 0 10px 0; padding: 0; }
div.partnerbuchung a.kurzurlaub img { height: 63px; width: auto; margin: 13px 0 14px 0; padding: 0; }
div.partnerbuchung a.atraveo img { height: 80px; width: auto; margin: 0px 0 10px 0; padding: 0; }
div.partnerbuchung a.casamundo img { height: 60px; width: auto; margin: 10px 0 20px 0; padding: 0; }

div.platzhalter {height: 50px; color: #fff; width: 100%;}

h2.buttonlink { border-bottom: none; margin: -0.2em 0 0.2em 0;  }
h2.buttonlink a { display: block; padding: 0.4em 0.6em 0.4em 0.6em; background: #ea7f16; color: #fff;  text-decoration: none; }
h2.buttonlink a:hover { display: block; padding: 0.4em 0.6em 0.4em 0.6em; background: #ba0000; color: #fff; text-decoration: none; }

p.blognav { float: left; margin-top: 15px;}
p.blognav a { padding: 0.8em 1em 0.8em 1em; margin-right: 0.6em; background: #ea7f16; color: #fff;  text-decoration: none; }
p.blognav a:hover { background: #ba0000; color: #fff; text-decoration: none; }

#main .bildrechts { width: 40%; float: right; padding: 0 0 10px 3%;}
#main figure.bildrechts figcaption { padding: 0 0 0 7%;}

#main figure { float: left; width: 100%; margin: 0em 0em 0.5em 0;}
#main figure figcaption { font-size: 0.8em; line-height: 1.3em; }


ul.linkliste { margin: 0; padding: 0;}
ul.linkliste li { margin: 0; padding: 0;}
ul.linkliste li a { text-decoration: none; font-size: 1em; background: url(../images/personal/menupfeil.png) no-repeat 0.2em 0.2em; padding: 0 0 0 1.2em;}

body {
	background: #fff
}

h3 {
	color: #555
}

h2 a {
	text-decoration: none
}

h2, .items-leading h2 {
	border-bottom: solid 1px #de812f;
}

.items-row h2 {
	border-bottom: solid 1px #de812f;
}

a:link,a:visited {
	color: #333;
}

a:hover,a:active,a:focus {
	color: #000;
}



.logoheader {
    display: none;
	background: url(../images/personal/personal2.png) no-repeat right
		bottom #0C1A3E;
	color: #FFFFFF;
	min-height: 250px;
}

#all {
	background: #FFFFFF;
	color: #444;
}

#header img, #header p { margin-bottom: none;
padding-bottom: none; }

}

#header .custom_titel { }
#header .custom_titel p {  margin-bottom: 20px; font-family: times, "times new roman", serif; font-style: italic;  font-size: 2.2em;}

#header .custom_titelbild p, #header .custom_titelbild img { margin: 0; padding: 0; }

#header .customferienlandlogo { position: relative; float: right;  width: 260px; margin-top: -15px; z-index: 300; }
#header .customferienlandlogo img {  width: 100%; }
#header .customferienlandlogo p {  margin-bottom: 0; }

figure.headerfoto figcaption { margin: -3em 0 0 10px; color: #ddd; font-size: 0.6em;}
figure.headerfoto figcaption a:link, figure.headerfoto figcaption a:visited { color: #ddd;}

div.slide-text p { margin: 0 0 0 10px; color: #ddd; font-size: 0.6em;}
div.slide-text p a:link, div.slide-text p a:visited { color: #ddd;}

div.custom_starttitel h1 { margin-bottom: 0.2em;}

div.startfewolink { background: #fbecd8; padding: 10px 20px 0px 20px; border-radius: 5px;}
div.startfewolink ul.aufzaehlung-links, div.startfewolink ul.aufzaehlung-links li {margin-left: 0px;}
div.startfewolink .g7of12 { padding-top: 20px;}

#main figure.bildlinks { width: 40%; float: left; margin: 0 20px 10px 0;}
#main figure.bildrechts { width: 40%; float: right; margin: 0 0 10px 20px;}

#main a.textlink:link, #main a.textlink:visited {
  background: url(../images/personal/pfeil-grau.png) no-repeat 2px 7px; padding-left: 12px;
  text-decoration: none;
}

#main a.textlink:hover { text-decoration: underline; }

/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */
table {
	border: solid 1px #ddd
}

table th {
	background-color: #0074cc;
	color: #fff;
	background-image: -moz-linear-gradient(top, #095197, #1B6BA5);
	background-image: -ms-linear-gradient(top, #095197, #1B6BA5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197),
		to(#1B6BA5) );
	background-image: -webkit-linear-gradient(top, #095197, #1B6BA5);
	background-image: -o-linear-gradient(top, #095197, #1B6BA5);
	background-image: linear-gradient(top, #095197, #1B6BA5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#095197', endColorstr =   '#1B6BA5', GradientType =   0 );
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid :   dximagetransform.microsoft.gradient (   enabled =
		false );
}

table th a:link,table th a:visited {
	color: #fff
}

tr.odd,tr.cat-list-row1 {
	background: #f8f8f8
}

table  tr:hover td {
	background: #FEFDE2;
}



/* +++++++++++++++++  Pagination +++++++++++++++ */
.pagination span,.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}

/* active item */
span.pagenav {
	background: #095197;
	color: #fff
}

.pagination-start span.pagenav,.pagination-prev  span.pagenav,.pagination-end span.pagenav,.pagination-next span.pagenav
	{
	background-color: #f5f5f5;
	color: #444
}

/* +++++++++++++++++  content  +++++++++++++++ */
.article-info {
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f5f5f5) );
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid :   DXImageTransform.Microsoft.gradient (   startColorstr
		=
		 '#ffffff', endColorstr =   '#f5f5f5', GradientType =   0 );
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

ul.menu a:link,ul.menu a:visited {
	color: #444;
}

/* ++++++++++++++++++++++  menu ++++++++++++++++++++++++++  */
.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
}







/* ++++++++++++++++   highlightning active menuitem  +++++++++++++++++++ */
ul.menu li.active a,ul.menu  li.active ul li.active a,ul.menu  li.active ul li.active  ul li.active a,ul.menu  li.active ul li.active  ul li.active ul li.active  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
	{
	font-weight: bold;
}

ul.menu  li.active ul li a,ul.menu  li.active ul li.active  ul li a,ul.menu  li.active ul li.active  ul li.active ul li  a,ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
	{
	font-weight: normal
}

ul.menu a {
	
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff
}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}

ul.menu ul ul ul ul a {
	background: #fff;
}



#header ul.menu { padding: 0; max-width: 1000px; text-align: left;display: block;margin: 20px auto 0 auto;	border: none; z-index: 220;}
#header ul.menu li {position: relative; display: inline; padding: 0;	margin-right: 10px; }
#header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a
	{  color: #fff;	background: #29599C; font-weight: normal; text-transform: uppercase;text-decoration: none; font-size: 0.9em; display: inline-block; margin: 0;	padding: 8px 10px; position: relative;	border-right: none; border-bottom: 0px;  }
#header ul.menu li:first-child a {margin-left: -1px; }
#header ul.menu li a:hover {  background: #f2ba88; color: #222; text-shadow: none; }
#header ul.menu li.active a {  background: #f19d53; color: #222; text-shadow: none; }


#header ul.menu li ul { display: none; position: absolute; top: 0; left: 0; padding: 2em 0 0 0; text-align: left; background: #efefef; }
#header ul.menu li:hover ul { display: block; position: absolute; background: #efefef; }
#header ul.menu li ul li { display: block; }

#header ul.menu li ul li a:link, #header #nav ul.menu li ul li a:visited { display: block; width: 100%; font-size: 0.8em;  border-right: none; background: #999; border-bottom: 1px solid #bbb; color: #444; padding: 10px 20px;  }
#header ul.menu li:hover ul li a:link,#header #nav ul.menu li:hover ul li a:visited{ font-size: 0.8em;  border-right: none; background: #efefef; color: #444; padding: 10px 20px;}
#header ul.menu li:hover ul li a:hover { font-size: 0.8em;  border-right: none; background: #efefef; color: #222; padding: 10px 20px; }
#header ul.menu li.active:hover ul li a { font-size: 0.8em;  border-right: none; background: #efefef; color: #222; padding: 10px 20px; }
#header ul.menu li:hover ul li{ display: block; position: absolute; background: #efefef; padding: 0; padding: 0;  }

.moduletable h3, .moduletablenoresponse860 h3 { color: #fff; background: #29599C; padding: 6px 2px 6px 10px; font-size: 1.2em; margin: 0;}
.left1 { border-bottom: none;}
.left1 ul.menu { list-style-type: none; margin: 5px 0 0 0; padding: 0; border-bottom: none; }
.left1 ul.menu a:link,ul.menu a:visited {	display: block; margin: 0; color: #444; font-size: 0.9em; text-decoration: none; padding: 3px 0 3px 14px; background: url(../images/personal/pfeil-grau.png) no-repeat 6px 9px; border-bottom: solid 1px #ddd;}
.left1 ul.menu a:hover, .left  ul.menu a:focus { color: #fff; padding: 3px 0 3px 14px; background: #BA0000 url(../images/personal/pfeil-weiss.png) no-repeat 6px 9px; text-shadow: none;}
.left1 ul.menu li ul li a:link, .left1 ul.menu li ul li a:visited { padding: 2px 0 2px 24px; background: url(../images/personal/pfeil-grau.png) no-repeat 16px 9px; }
.left1 ul.menu li ul li a:hover, .left  ul.menu li ul li a:focus { padding: 2px 0 2px 24px; background: #BA0000 url(../images/personal/pfeil-weiss.png) no-repeat 16px 9px; text-shadow: none;}
.left1 ul.menu li ul li ul li a:link, .left1 ul.menu li ul li ul li a:visited { font-size: 0.8em; padding: 1px 0 1px 30px; background: url(../images/personal/pfeil-grau.png) no-repeat 22px 9px; }
.left1 ul.menu li ul li ul li a:hover, .left  ul.menu li ul li ul li a:focus { font-size: 0.8em; padding: 1px 0 1px 30px; background: #BA0000 url(../images/personal/pfeil-weiss.png) no-repeat 22px 9px; text-shadow: none;}







/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */
.panel h3.pane-toggler a {
	background: url(../images/slider_plus.png) right top no-repeat;
	color: #333
}

.panel h3.pane-toggler-down a {
	background: url(../images/slider_minus.png) right top no-repeat;
	border-bottom: solid 1px #ddd;
	color: #333
}

/*  +++++++++++++++++   Tabs ++++++++++++++++++++++  */
ul.tabs li,dl.tabs dt h3 a:link,dl.tabs dt h3 a:visited {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}

ul.tabs li a:link,ul.tabs li a:visited,dl.tabs dt a {
	color: #333;
	border: solid 1px #ddd;
	border-bottom: 0
}

ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus {
	color: #000
}

.tabcontent,div.current {
	background: #fff;
	color: #000;
	border: solid 1px #ddd;
}

.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5;
}

ul.tabs li a.linkopen,dl.tabs dt.open  h3 a:link,dl.tabs dt.open  h3 a:visited
	{
	background: #fff;
	color: #333;
	border-radius: 5px 5px 0px 0px;
}

ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus
	{
	background: #555;
	color: #fff
}


ul.startlinks { margin: 0; padding: 0;}
ul.startlinks li { width: 92%; background: #ECECEB; border: 1px solid #aaa; border-radius: 6px; margin: 0 0 30px 0; padding: 15px 3%; list-style-type: none; overflow: hidden;}
ul.startlinks li:hover { background: #fcfcfc; border: 1px solid #999; }
ul.startlinks li img { width: 30%; float: left; margin: 0 20px 10px 0;}
ul.startlinks li h3, ul.startlinks li p { margin: 0 0 0.4em 33%; }
ul.startlinks a { color: #222; text-decoration: none; }
ul.startlinks a:hover { color: #000; }


#footer-outer {
	background: #f5f5f5;
  font-size: 0.9em;
  border-top: 1px solid #ccc;
}

#footer-sub { background: #29599C; }

#footer { max-width: 1000px; margin: 0 auto; color: #fff;  background: #29599C;}

#footer p { color: #fff; }

#footer a {
	color: #fff;
	background: none
}

#footer div { font-size: 0.8em; line-height: 1.5em; text-align: center; color: #fff; padding: 10px 0px; }
#footer div a:link, #footer div a:visited { text-decoration: none;}

#bottom a {
	background: none
}

.box1 {width: 32%; padding: 10px 0.8% 10px 0; border-right: solid 1px #ccc }

.box2 { width: 32%; padding: 10px 0 10px 0; text-align: center }

.box3 {width: 32%; border-left: solid 1px #ccc; padding: 10px 0 10px 0.8%; margin-right: 0; }

#bottom  ul li a {
	background-image: none;
	padding-left: 0
}

.box h3 { font-size: 1.2em; font-weight: bold:}


/* ###############   Bilder   ############## */

#main img { width: 100%; }
#main figure { width: 100%; margin-bottom: 15px }
#main .pull-left { width: 48%; padding: 0 2% 0 0; }
#main .pull-right { width: 48%; padding: 0 0 0 2%;}
#main figcaption.fotohinweis, #main .beitrag figcaption.fotohinweis, #main .beitrag p.fotohinweis, #main figure figcaption span.fotohinweis { font-size: 0.75em; color: #666; line-height: 0.8em; margin-top: 0.2em;}
#main .fotohinweis a:link, #main .fotohinweis a:visited { color: #666; text-decoration: none;}



/* ###############   buchung-links   ############## */

.buchung {  margin-bottom: 30px; }
.buchung a:link, .buchung a:visited { display: block; color: #BA0000; font-size: 1.4em; text-decoration: none; margin-bottom: 0.3em; border-bottom: 1px solid #ba0000; width: 88%; padding: 7px 0 7px 12%;  background: url(../bilder/personal/linkpfeil.png) no-repeat 3px 13px; }
.buchung a:hover { display: block; color: #fff; background: #ba0000 url(../bilder/personal/linkpfeil_hover.png) no-repeat 3px 13px; }
.buchung p { font-size: 0.8em; }

#main .landschaftshinweis1sp img {width: 30%; }



/* ###############   Partner   ############## */
div#partnerlink { margin-top: 50px;}
div#partnerlink p { font-size: 1.1em; margin-bottom: 0;}
div#partnerlink ul { margin: 10px 0 0 0 ; padding: 0;  }
div#partnerlink ul li { margin-left: 0; padding: 0 0 12px 0; }
div#partnerlink ul li img { width: 60%; }

/* ###############   Beiträge Buch   ############## */

div.buch, #main div.buch {clear: both; padding: 12px 12px 0 12px; overflow: hidden; margin-bottom: 1em;}
div.buch img, #main div.buch img {width: 7em; height: auto; float: left; padding-right: 1em;}
div.gruen, #main div.gruen { background: #e8f1e8; border: 1px solid #d5e7d5; border-radius: 5px; }

/* ++++++++++++++  amazon-link  ++++++++++++++ */
div.amazonlink, #main div.amazonlink {overflow: hidden; }
div.amazonlink p, #main div.amazonlink p {margin-left: 60px; padding: 0;}
div.amazonlink p a, #main div.amazonlink p a {text-decoration: none; margin-left: 0; color: #444;}
div.amazonlink p a:hover, #main div.amazonlink p a:hover { color: #000;}
div.amazonlink img, #main div.amazonlink img {float: left; height: 1px; width: 1px; padding-top: 12px;}
div.amazonlink img.amlogo, #main div.amazonlink img.amlogo {float: left; height: 16px; width: 50px; padding-top: 12px;}

img.buchtipp, #main img.buchtipp { height: 150px; float: left; padding: 0 1em 0.5em 0;}


/* #################### ferienlandlink #####################################*/

p.ferienlandlink a { color: #0D4C89; font-weight: bold; text-decoration: none;}
p.ferienlandlink a:hover { color: #032d55; font-weight: bold; text-decoration: none;}

div.partner { overflow: hidden; border-top: 1px solid #888; padding-top: 30px; margin-bottom: 30px;}
div.partner h2 { border: none; }
div.partner h2 a { text-decoration: none; color: #444; }
div.partner a.pfeil { text-decoration: none; color: #444; background: url(../images/personal/pfeil-grau.png) no-repeat 0em 4px; padding-left: 15px; }
div.partner div.partnerimage { float: right; width: 25%; }

/* #################### ferienlandlink #####################################*/

div.hotelsuchmaske480 { text-align: right; width:100%; background: #C4D9ED url(../images/personal/hotel-hg-strand.jpg) no-repeat center center; margin-bottom: 20px; padding-bottom: 10px;}
div.hotelsuchmaske480 h3 { text-align: center; margin-bottom: 10px; background: #29599c; padding: 6px 2px 6px 10px; margin: 0 0 0.8em 0; color: #fff;}
div.hotelsuchmaske480 p { padding-right: 10%;} 


/* #################### kurzurlaub-Link #####################################*/

div.kurzurlaub { border-top: 2px solid #A61917; border-bottom: 2px solid #A61917; padding: 10px 10px 10px 10px; margin: 25px 0; }
div.kurzurlaub h2 { border-bottom: none; }
div.kurzurlaub h2 a {color: #a61917; font-weight: normal; text-decoration: none; font-size: 0.9em; }
div.kurzurlaub p {font-size: 0.9em;}
div.kurzurlaub img {width: 100%;}

/* #################### social-links #####################################*/

div.social-links img { padding: 0 10px 0 0; }
div.social-links a { text-decoration: none; font-size: 0.9em; }
div.social-links div.grid { overflow: visible;}

div.customfacebooklink {   padding:  0px;  }
div.customfacebooklink img {  float: left;}
div.customfacebooklink p {  font-size: 0.8em;  font-weight: bold;  margin-left: 40px;  line-height: 1.2em; }
div.customfacebooklink a:link, div.customfacebooklink a:visited  {  text-decoration: none; }

/* ################# clearer ########################*/

div#clearer { width: 100%; height: 1px; overflow: hidden; clear: both; }

/* ################# impressum ########################*/

#footer .impressum { float: left; width: 10% }
#footer .impressum p { font-size: 0.9em;}

#footer .fusstext { float: right; width: 75%; text-align: right;}
#footer .fusstext p { font-size: 0.9em;}

#footer ul.menu_vonmain { position: absolute; left: 0px; top: 3em; margin-left: 0;}
#footer ul.menu_vonseite { position: absolute; left: 0px; top: 5em; margin-left: 0; }
#footer ul.nav li { float: left; display: inline; margin: 0; padding: 0; border: none; }
#footer ul.nav li a { padding-right: 20px;  font-size: 0.9em; color: #888;}


/* ################# Textauszeichnungen ########################*/

p.Jahreszahl { float: left; font-weight: bold; color: #000;}

p.Jahrestext { padding: 0 10em 0 6em;}


/* Dieser Container umfasst die Spalten zeilenweise. */  
      .grid {width: 100%; overflow: hidden;text-align: center;}
      
      /* Die allgemeine Klasse für einen Gridcontainer. */
      .gc { float: left; margin: 0; padding: 0px 0 0px 0; text-align: left;}

      /* Die inneren Container sorgen für die Spaltenabstände. */
      .gcmr  {margin: 0 20px 0 0;}
      .gcnm {margin: 0;}
	  
	 

      /* Die Breiten der Spalten. Hier können die Modifikationen entstehen. */
      .g1of12 {width: 8.33333333%;}
      .g2of12 {width: 16.66666666%;}
      .g3of12 {width: 24.99999999%;}
	  .g4of12 {width: 33.33333333%;}
      .g5of12 {width: 41.66666666%;}
      .g6of12 {width: 50%;}
      .g7of12 {width: 58.33333333%;}
      .g8of12 {width: 66.66666666%;}
	  .g9of12 {width: 75%;}
      .g10of12 {width: 83.33333333%;}
      .g11of12 {width: 91.66666666%;}
	  
	  .g1-5of12 {width: 12.49999999%;}
	  
	/* --- grid-abstaende ------------------------------------------------- */


/* ################ grid museum 2-spaltig #################################### */
      .gcl  {margin: 0 16px 0 0;}
      .gcm { margin: 0 9px 0 9px; }
      .gcr  {margin: 0 0 0 16px;}

.grid figure { width: 100%; margin-bottom: 20px;}
.grid figure img { width: 100%; margin-bottom: 0px;}
.grid figcaption { font-size: 0.8em;}

.grid .seitenimagemap { padding-top: 30px;}



      .museum h2 { background: #e67e03; border-radius: 5px; padding: 8px 10px 8px 10px; color: #fff;}
      .museum p.adresse { font-style: italic; padding-bottom: 20px;}

p.orangelink { text-align: center; width: 100%;}
p.orangelink a:link, .orangelink a:visited { display: block; background: #e67e03; border-radius: 5px; padding: 10px 0px 10px 0px; color: #fff; font-size: 1.3em; text-decoration: none;}
p.orangelink a:hover { background: #ba0000;}

/* ######## Freizeittipps, Museum Kategorielinks #################################### */
#main div.cat-children { text-align: left; width: 95%; margin-left: 0px; padding-left: 0px;}
#main div.cat-children ul { margin-left: 0;padding-left: 0px;}
#main div.cat-children ul li { margin-left: 0; list-style-type: none; padding: 0 0 15px 0;}
#main div.cat-children a:link, #main div.cat-children a:visited { display: block; width: 100%; background: #e67e03; border-radius: 5px; padding: 10px 0px 10px 30px; color: #fff; font-size: 1.3em; text-decoration: none;}
#main div.cat-children a:hover { background: #ba0000;}

p.adresse { font-size: 0.9em;}
p.adresse a:link, p.adresse a:visited { color: #e67e03; text-decoration: none; }


p.mittig { width: 70%; margin: 0 auto;}

.aside { float: right; width: 23%; background: #efefef; border: 1px solid #444; border-radius: 4px; padding: 15px; margin: 0 0 30px 40px; }
.aside h3, .aside h5, .aside p { margin-bottom: 0.5em}


ul.aufzaehlung-links { margin:  0 0 10px 20px;}
ul.aufzaehlung-links li  {padding: 0px 0 1px 20px; background: url(../images/personal/pfeil-blau.png) no-repeat 4px 5px; list-style-type: none; }
ul.aufzaehlung-links li a { text-decoration: none; font-weight: bold; color: #1d5d9d;}
#main ul.aufzaehlung li ul li { background: none; padding-left: 0;padding-bottom: 0px; }

div.link-hl { }
div.link-hl img { width: 90%; }
div.link-hl p a.linktitel { color: #ba0000; font-size: 1.6em; font-family: Times, "Times New Roman", serif; text-decoration: none; }
div.link-hl p.end-link a { color: #222; font-weight: bold; text-decoration: none; }
div.link-hl ul.aufzaehlung-links li {background: url(../images/personal/pfeil-rot.png) no-repeat 4px 5px ; padding-top: 0px;}
div.link-hl ul.aufzaehlung-links li a {color: #ba0000; }

div#pfeil-oben { position:fixed; right: 30px; bottom: 20px; width: 55px; height: 55px; }
div#pfeil-oben a { display: block; padding: 50px 0 0 50px; text-decoration: none; background: url(../images/personal/pfeil-oben.png) no-repeat; }
div#pfeil-oben a:hover { display: block; padding: 50px 0 0 50px; text-decoration: none; background: url(../images/personal/pfeil-oben_hover.png) no-repeat; }


section.blog_blog { }
article.item-page_blog { padding-right: 25%;}
article.item-page_blog h1, section.blog_blog h1 { font-family: times, serif; font-style: italic; margin-bottom: 0.3em;}
article.item-page_blog h3, section.blog_blog h3 { font-family: times, serif; font-style: italic; font-size: 1.2em; margin-bottom: 0em;}
article.item-page_blog p.blog_datum, section.blog_blog p.blog_datum { font-size: 0.8em; padding-bottom: 0.75em;}
section.blog_blog figure { width: 35%; float: left; margin: 0 3% 15px 0;}
article.item-page_blog figure img, section.blog_blog figure img { width: 100%; }
article.item-page_blog figure figcaption,section.blog_blog figure figcaption { font-size: 0.8em; line-height: 1.4em; padding-bottom: 15px;}


p.weiter {text-align: right; font-weight: bold; }
p.weiter a:link, p.weiter a:visited {color: #0d4c89; text-decoration: none; padding: 1px 8px; background:  url(../images/linkhinweise_blau_hg.jpg) repeat-x; border: 1px solid #0d4c89; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
p.weiter a:hover { color: #003366; text-decoration: none;}


.staedtelink { margin-bottom: 20px;}

/* ###############   Beiträge Freizeittippslayout   ############## */

.freizeittipps { background: #f1f5fa; border: 1px solid #d3e3f2; margin: 0 0 10px 0; padding: 3px 8px 0 8px; overflow: hidden;}
.freizeittipps img.bildlinks {width: 120px;}
.freizeittipps img.bildrechts {width: 120px;}

/* ###############   Beiträge Buch   ############## */

.buch {clear: both; padding: 6px 8px 0 8px; overflow: hidden;}
.buch img {width: 80px;}
.gruen { background: #e8f1e8; border: 1px solid #d5e7d5;}

/* ###############   Beiträge Kultur   ############## */

.kultur {padding: 6px 8px 0 8px; overflow: hidden;}
.kultur img {width: 100px;}
.rot { background: #f6edee; border: 1px solid #e7d5d7;}

/* ###############   Beiträge grau   ############## */

#main .beitrag {overflow: hidden; margin-bottom: 20px;}
#main .beitrag figure {width: 30%; float: left; padding: 0 2% 10px 0; }
#main .beitrag h3 {margin: 0 0 0.2em 32%; border-bottom: 1px solid #DE812F; color: #DE812F;}
#main .beitrag p {margin: 0 0 0.1em 0;  }


.grau { background: #eeeeee; border: 1px solid #cccccc;}


/* ###############   Beiträge Modul Links   ############## */

div.linkhinweise ul { width: 100%; overflow: hidden; font-size: 0.8em; list-style-type: none; margin-left: 0;}
div.linkhinweise ul li {width: 33%; float: left;  list-style-type: none; margin: 0;}
div.linkhinweise ul li div { padding: 6px; margin-right: 20px; border: 1px solid #0d4c89; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.linkhinweise ul li div p { margin: 0; line-height: 0.8em;}
div.linkhinweise ul li div p.ueberschrift { font-size: 1.2em; color: #0d4c89; font-weight: normal; }
div.linkhinweise ul li div a:link, div.linkhinweise ul li a:visited {color: #0d4c89; text-decoration: none;}
div.linkhinweise ul li div a:hover { color: #093661; }






/* responsive */
#mobile_select h2 {border:0; margin:8px 0 0 0; padding:0; background:#eee;text-align:right}
#mobile_select h2 a {
display:inline-block;
font-size:0.8em;
border-radius:4px 4px 0 0;
padding:6px;
font-size:0.75em;
margin-right:5px;
}


@media only screen and (max-width: 860px) {
#header ul.menu li a:link, #header ul.menu li a:visited, #header ul.menu li:last-child a
{
  font-size: 0.9em; padding: 10px 10px;
}
  
  body p,body ol,body ul,body dl,body address {
	font-size: 0.9em;
}
  
 #nav,#wrapper2,#wrapper { float: none;	width: 100%	}
 
.noresponsive860, .customnoresponse860, .moduletablenoresponse860, .customcasamundolink, .customfacebooklink { display: none;}

.customresponse860 { display: block;}
  
.left1 ul.menu a:link,.left1 ul.menu a:visited {	font-size: 1em; padding: 8px 0 8px 14px;}
.left1 ul.menu a:hover, .left1 ul.menu a:focus { padding: 8px 0 8px 14px; }
.left1 ul.menu li ul li a:link, .left1 ul.menu li ul li a:visited { padding: 8px 0 8px 24px;}
.left1 ul.menu li ul li a:hover, .left1  ul.menu li ul li a:focus { padding: 8px 0 8px 24px; }
.left1 ul.menu li ul li ul li a:link, .left1 ul.menu li ul li ul li a:visited { font-size: 0.9em; padding: 8px 0 8px 30px; background: url(../images/personal/pfeil-grau.png) no-repeat 22px 9px; }
.left1 ul.menu li ul li ul li a:hover, .left1  ul.menu li ul li ul li a:focus { font-size: 0.9em; padding: 8px 0 8px 30px; background: #BA0000 url(../images/personal/pfeil-weiss.png) no-repeat 22px 9px; }
  
}



@media only screen and (max-width: 650px) {

#header ul.menu {margin: 10px auto 0 auto;	}
#header ul.menu li a:link,#header ul.menu li a:visited,#header ul.menu li:last-child a
	{  font-size: 0.8em; display: inline-block; margin: 0;	padding: 3px 5px;  }

#header .customferienlandlogo { width: 200px; margin-top: -7px; }

.customatraveomodul, .atraveomodul, .customatraveosuche, .customnoresponse650, { display: none;}
ul#response860, ul#response861, ul#response862 { display: block;}

}




@media only screen and (max-width: 480px) {
  
.noresponsive480 { display: none;}

img {  max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic;}

#fontsize{display:none}

#linemantel { height: 90px; }
  
#header {padding-top:100px}
#header form  {margin:0}
  
.logoheader {background:#0C1D43; min-height:100px; margin:0}

#header .customferienlandlogo { width: 100%; clear: right; text-align: right;margin-top: 0px; }
#header .customferienlandlogo img { width: 150px;}
  
div #djslider-loader88 { display: none; }



.cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,#header form, .box { float: none;	width: 100%	}



#line {	text-align: center;	top: 0;	right: auto; max-width: 100% ; min-width:100%;	margin: 0 0px; background:#fff;	}
  
#header form input {float: none; margin-bottom:4px	}
  
#menuwrapper { margin-top:10px; }
  
#header ul.menu {  position:relative; top:0; left:0px; right:0px; margin:0; width:100%; background: none;}
#header ul.menu li a:link,
#header ul.menu li a:visited {	display: block;	padding: 3px 6px; margin: 0 4px 2px 0; float: left; display: inline;}
  
#header .customoppidalogo { position: absolute; top: 5px; right: 0px; width: 80px; }
  
#header .custom_titel p { font-size: 1.6em; }

#breadcrumbs {display: none;}
  
ul.startlinks li img { width: 100%; float: none; margin: 0 0px 10px 0;}
ul.startlinks li h3, ul.startlinks li p { margin: 0 0 0.4em 0; }
ul.startlinks a { color: #222; text-decoration: none; }
ul.startlinks a:hover { color: #000; }
  
div.platzhalter {height: 0px;}

div.linkhinweise ul li div { width: 100%;}

article.item-page_blog { padding-right: 0;}
article.item-page_blog h1, section.blog_blog h1 { font-family: times, serif; font-style: italic; margin-bottom: 0.3em;}
article.item-page_blog h3, section.blog_blog h3 { font-family: times, serif; font-style: italic; font-size: 1.0em; margin-bottom: 0em;}
article.item-page_blog p.blog_datum, section.blog_blog p.blog_datum { font-size: 0.9em; padding-bottom: 0.75em;}
section.blog_blog figure { width: 100%; float: none; margin: 0 0 15px 0;}
article.item-page_blog figure img, section.blog_blog figure img { width: 100%; }
article.item-page_blog figure figcaption,section.blog_blog figure figcaption { font-size: 0.9em; line-height: 1.6em; }
  
div#pfeil-oben { position:fixed; right: 8px; bottom: 8px; width: 25px; height: 25px; }
div#pfeil-oben a { padding: 20px 0 0 20px; text-decoration: none; background: url(../images/personal/pfeil-oben_response.png) no-repeat; }
div#pfeil-oben a:hover { padding: 20px 0 0 20px; text-decoration: none; background: url(../images/personal/pfeil-oben_response_hover.png) no-repeat; }

.box {border-left: 0 !important;	border-bottom: solid 1px #ddd;}
div.box1, div.box3 { width: 94%;  margin: 10px 3% 10px 3%; padding: 0; border-left: none;border-bottom:1px solid #ccc;  }
 
.g1of12 {width: 100%;}
.g2of12 {width: 100%;}
.g3of12 {width: 100%;}
.g4of12 {width: 100%;}
.g5of12 {width: 100%;}
.g6of12 {width: 100%;}
.g7of12 {width: 100%;}
.g8of12 {width: 100%;}
.g9of12 {width: 100%;}
.g10of12 {width: 100%;}
.g11of12 {width: 100%;}
	  
.g1-5of12 {width: 100%;;}
	  
.gcl  {margin: 0;}
.gcm { margin: 0;}
.gcr  {margin: 0;}
  
  
  
  
}

@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1382px) { }
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}