@font-face {
    font-family: 'Monda';
    src: url('/fonts/Monda-Regular.eot');
    src: url('/fonts/Monda-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Monda-Regular.woff2') format('woff2'),
        url('/fonts/Monda-Regular.woff') format('woff'),
        url('/fonts/Monda-Regular.ttf') format('truetype'),
        url('/fonts/Monda-Regular.svg#Monda-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Monda';
    src: url('/fonts/Monda-Bold.eot');
    src: url('/fonts/Monda-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Monda-Bold.woff2') format('woff2'),
        url('/fonts/Monda-Bold.woff') format('woff'),
        url('/fonts/Monda-Bold.ttf') format('truetype'),
        url('/fonts/Monda-Bold.svg#Monda-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gentium Basic';
    src: url('/fonts/GentiumBasic-Italic.eot');
    src: url('/fonts/GentiumBasic-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GentiumBasic-Italic.woff2') format('woff2'),
        url('/fonts/GentiumBasic-Italic.woff') format('woff'),
        url('/fonts/GentiumBasic-Italic.ttf') format('truetype'),
        url('/fonts/GentiumBasic-Italic.svg#GentiumBasic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gentium Basic';
    src: url('/fonts/GentiumBasic-BoldItalic.eot');
    src: url('/fonts/GentiumBasic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GentiumBasic-BoldItalic.woff2') format('woff2'),
        url('/fonts/GentiumBasic-BoldItalic.woff') format('woff'),
        url('/fonts/GentiumBasic-BoldItalic.ttf') format('truetype'),
        url('/fonts/GentiumBasic-BoldItalic.svg#GentiumBasic-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gentium Basic';
    src: url('/fonts/GentiumBasic-Bold.eot');
    src: url('/fonts/GentiumBasic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GentiumBasic-Bold.woff2') format('woff2'),
        url('/fonts/GentiumBasic-Bold.woff') format('woff'),
        url('/fonts/GentiumBasic-Bold.ttf') format('truetype'),
        url('/fonts/GentiumBasic-Bold.svg#GentiumBasic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gentium Basic';
    src: url('/fonts/GentiumBasic.eot');
    src: url('/fonts/GentiumBasic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GentiumBasic.woff2') format('woff2'),
        url('/fonts/GentiumBasic.woff') format('woff'),
        url('/fonts/GentiumBasic.ttf') format('truetype'),
        url('/fonts/GentiumBasic.svg#GentiumBasic') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background: #e0dfd2 50% 0px;
	color:#000;
	margin: 0px;
	padding: 0px;

	white-space: normal;
	font-family: 'Gentium Basic', serif;
}
#format {
	margin-left: auto;
	width: 1100px;
	max-width: 90%;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: -8px;
	padding: 0px;
	background-color: #fefffe;
	/*
	background-image: url(../images/schatten.jpg);
	background-repeat: repeat-y;
	*/
	min-height: 100%;
	
	/*http://www.webkrauts.de/artikel/2010/schatten-werfen-mit-css3*/
	box-shadow: -10px -10px 10px #7a7a7a, 10px 10px 10px #7a7a7a;
	font-size: 120%;
}

/**********************************  ***********************************/

#inhalt p, #inhalt ul li, #inhalt ol li{font-size: 100%; line-height: 170%;}
#inhalt p{margin: 0px 0px 25px 0px;}

	
/********************************** kopfbereich ***********************************/


#kopf {
	width: 100%;
	max-width: 100%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	
}
#panorama {
	margin: 0px;
	border: 0px;
	color:#fff;
	width: 1100px;
	max-width: 100%;
	height: 350px;
	max-height: 350px;
	
}
#panorama img {
	max-width: 100%;
	max-height: 350px;
	height: auto;
}
#logo {
	padding: 25px 10px 25px 20px;
	
}
#logo img, img {
	max-width: 100%;
}


/* inhaltsbereich*/
#inhalt {
	padding: 0px;
	margin: 0px 25px;
	background-color: #fff;
	display: block;
	color:#000;

}
/********************************** kopfbereich ***********************************/

/********************************** artikelbereich ***********************************/
#artikel {
	float: right;
	width: 65%;
	width: 650px;
	max-width: 96%;
	padding-top: 35px;
	background-color: #fff;
	color:#000;
	padding-bottom: 20px;
	margin-bottom: 30px;
	padding-right: 40px;	
	padding-left: 0px;	

}

#artikel a{
	color: #142D69;
	text-decoration: none;
	font-style: normal;
	white-space: normal;
}


#copy p {
	font-family: 'Monda', sans-serif;
	color: #919191;
	font-size: 65%;
	
	/*text-align: right;
	float: right;
	clear: left;

	margin-top: -400px;
	background-color: #fff;
	z-index: 50;
	padding: 0px 20px;
	position: relative;
	*/
	position: absolute;
	z-index: 99;
	top: 75px;
	width: 1090px;
	max-width: 100%;
	text-align: right;
}
#copy a, #copy a:visited {
	color: #000;
	text-decoration: none;
	font-style: normal;
	white-space: normal;
	
}
 #copy a:hover, #copy a:active, #copy a:focus 
 {
	color: #cc0000;
	text-decoration: none;
}
#artikel a:visited{
	color: #336699;
	text-decoration: none;

}
#artikel a:hover, #artikel a:active, #artikel a:focus{
	
	color: #ED6F00;
	text-decoration: none;
}
#artikel ul.listbild {
	padding: 0px;
	margin: 10px 30px 10px 30px; 
	font-weight: normal;	
}

#artikel ul.listbild li {
	/*
	list-style-image: url(../images/artikel_liste1.gif);
	list-style-position: outside;
	padding: 0px;
	margin-bottom: 10px;
	*/
	
}

#artikel ul.listbild li p {
	padding: 0px;
	margin: 0px;	
}
#artikel ul.listbild li ul {
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 25px;

}


#artikel ul.listbild li ul li {
	/*
	list-style-image: url(../images/artikel_liste2.gif);
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
	*/
	list-style-type: disc;
	
}
#artikel ol {
	margin: 0px;
	padding: 0px;
}
#artikel ol li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#artikel ul.listbild li ol {
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
}
#artikel ul.listbild li ol li {
	list-style-type: decimal;
	list-style-image: none;
		padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

ol.blank{
	list-style-position: outside;
	padding: 0px;
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 10px;
}


ol.blank li {
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
	padding-left: 0px;
	margin-bottom: 20px;

}

 ul.blank {
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
}
ul.blank  li {
	margin: 0px 0px 3px;
	padding: 0px;
list-style-type: none;
}

#link_weiter  {
	background-color: #f2f2f2;
	border: 1px dotted #aaa;
	color: #000;
	padding: 20px;
	margin: 40px 0px;
}
#link_weiter p  {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	white-space: normal;

}

#link_weiter p br  { display: none;
}

#link_weiter a, #link_weiter a:visited  {
		white-space: normal;
}


/* seitenende, fuss*/
#fuss {
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
	clear: both;
	text-align: center;
	background-color: #f2f2f2;
	color:#000;
	height: auto;
	padding: 20px 0px;
	border: 0px;
}

#fuss  ul {
	color: #444444;
	background-color: #f2f2f2;
	line-height: 250%;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	/*list-style-type: none;*/
	padding-bottom: 0px;
	border: 0px;
	font-size: 85%;
}
#fuss  li {
	/*background: url(../images/fuss_link.gif) no-repeat -2px 0px;
	padding-left: 7px;	
	padding-right: 5px;	
	*/
	display: inline-block;
	list-style:decimal;
	margin: 0px;
	
}
#fuss a:link, #fuss a:visited 
{
	color: #000000;
	text-decoration: none;
background-color: #f2f2f2;
}
#fuss a:hover, #fuss a:active, #fuss a:focus {
	color: #cc0000;
	text-decoration: none;
background-color: #f2f2f2;
}
.sprache {
	color: #444444;background-color: #f2f2f2;
	padding-left: 7px;
padding-right: 4px;	
	
}

/*
ul#serviceliste {
	color: #000000;
	background-color:#FFFFFF;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 80%;
}
ul#serviceliste li {
	display: inline;
	margin-right: 5px;
}
ul#serviceliste li a {
	padding: 10px 10px 10px 25px;
	background-position: 5px center;
	background-repeat: no-repeat;
}
#serviceliste #seitenanfang a {
background-image: url(http://www.mediathek.jhj.de/layoutimages/seitenanfang.gif);
}
#serviceliste #drucken a  {
	background-image: url(http://www.mediathek.jhj.de/layoutimages/drucken.gif);
}
#serviceliste #versenden a {
background-image: url(http://www.mediathek.jhj.de/layoutimages/seite_versenden.gif);
}
#serviceliste a, #serviceliste a:visited {
	color: #000;
	border: 1px solid #ffffff;
}
#serviceliste a:hover, #serviceliste a:active, #serviceliste a:focus {
	color: #cc0000;	border: 1px solid #cc0000;
}
*/





/*/////////////////////////////////////////////////////////////navigationen*/
/*
#navcontainer{	
	font-family: 'Monda', sans-serif;
	font-size: 85%;
	width:100%;
	max-width: 100%;
	float: left;
	background-color: #000000;
	color:#FFFFFF;
	
	
	
}
#navcontainer ul{
	margin: 0;
	color: #ffffff;
	background-color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0;
	text-transform: uppercase;	
}

#navcontainer ul li {display: inline;}
#navcontainer ul li a{
	text-align: center;
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 170px;	
	width: 15%;
	white-space:nowrap;
 }
#navcontainer ul li:last-child a{
	width:250px;	
	width: 25%;
 }
#navcontainer ul li a:hover, #navcontainer ul li a:active, #navcontainer ul li a:focus {
	background-color: #c00;
	color: #ffffff;
	text-decoration: none;
	border: 0px;	
}
.menue_strich {
	background-image: url(../images/bg_hauptnavi.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#active a:link, #active a:visited, #active a:hover, #active a:active, #active a:focus
{	color: #ffffff;
	background-color: #c00;
}
#ende a:link, #ende a:visited,#ende a:hover {
	text-align: center;
	min-width: 180px;
}
#ende_active a:link, #ende_active a:visited, #ende_active a:hover, #ende_active a:active
{	
	background-color: #cc0000;
	color: #ffffff;
	min-width: 180px;
	
}
.anfang  {
	text-align: center;
}
*/

#navcontainer{	
	font-family: 'Monda', sans-serif;
	width:100%;
	max-width: 100%;
	float: left;
	background-color: #000000;
}
#navcontainer ul{
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;	
	font-size: 85%;
}

#navcontainer ul li {display: inline;}
#navcontainer ul li a{
	display: inline-block;
	text-align: center;
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 15%;
	white-space:nowrap;
	background-image: url(../images/bg_hauptnavi.gif);background-repeat: repeat-y; background-position: 0px 0px;
 }
#navcontainer ul li:nth-child(3) a{ width: 25%;}
#navcontainer ul li:first-child a{ background-image:none}
#navcontainer ul li a:hover, #navcontainer ul li a:active, #navcontainer ul li a:focus{background-color: #c00; color: #ffffff;	}
#active a:link, #active a:visited, #active a:hover, #active a:active, #active a:focus{	color: #ffffff; background-color: #c00;}
#navcontainer #active ul li a:link, #navcontainer #active ul li a:visited
{	color: #ffffff;
	background-color: #c00 !important;
}


/*/////////////////////////////////////////////////// Rechte spalte menü/////////////////////////////////////////*/
#menue {
	font-family: 'Monda', sans-serif;
	float: left;
	width: 30%;
	width: 300px;
	max-width: 100%;
	max-width: 100%;
	background-color: #fff;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 30px;
	margin-top: 110px;
}
#menue h1 {
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 15px; 
	color: #CC0000;
}
#menue  ul{
	font-size: 85%;
	margin: 0px;
	padding: 0px;	
	list-style-type: none;
}
#menue ul li {
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaa;
	list-style-type: none;
}

#menue_seite ul li a, #menue_seite ul li a:visited{
	color: #000000;
	padding: 5px 5px 5px 20px;
	display: block;
	background-color:#fff;
	text-decoration: none;
	background: url(../images/link2.gif) no-repeat 5px center;
	list-style-type: none;
	border: 1px solid #fff;
	margin: 8px 0px;
}

#menue_css ul li {
	margin-bottom: 20px;
}
#menue_css ul li:first-child{display: none;}


#menue_suche ul li a, #menue_suche ul li a:visited{
	color: #000000;
	padding: 5px 5px 5px 20px;
	display: block;
	background-color:#FFFFCC;
	text-decoration: none;
	background: url(../images/link.gif) no-repeat 5px center;
	list-style-type: none;
	border: 1px solid #fff;
}
#menue_seite ul li#m_aktive a{
	color: #cc0000;
	background: url(../images/link_hover.gif) no-repeat 5px center;
}
#menue_seite ul li a:hover, #menue_suche ul li a:hover, #menue_seite ul li a:active, #menue_suche ul li a:active, #menue_seite ul li a:focus, #menue_suche ul li a:focus{
	color: #cc0000;
	background: url(../images/link_hover.gif) no-repeat 5px center;
	border: 1px solid #CC0000;
}
/*aktiver menpunkt*/
#m_aktive a:link, #m_aktive a:visited, #m_aktive a:hover, #m_aktive a:active{
	color: #cc0000;
	/*border: 1px solid #CC0000;*/
	background: url(../images/link_hover.gif) no-repeat 5px 3px;
}

/*

#optionen, #optionen2 {
	text-transform: uppercase;
	margin-left: 15px;
	margin-top: 10px;
	}


#optionen a, #optionen a:visited {
	text-decoration: none;
	border: 1px solid #ffffff;
	padding-left: 20px;
	padding-right: 1px;
	background: #FFFFFF url(../images/link.gif) no-repeat 5px;
	color: #000000;	
}

#optionen a:hover,#optionen a:active,#optionen a:focus {
	color: #cc0000;
	text-decoration: none;	border: 1px solid #cc0000;
}
*/


/*#menue_css ul li:first-child*/
#socials ul{ list-style:none; margin-top: 22px;}
#socials ul li{border: 0; margin: 15px 0px; background-repeat:no-repeat; background-position: left center; background-size: 22px;}
#socials ul li a:link, #socials ul li a:visited{color: #000; padding: 5px 5px 5px 32px; display: block; text-decoration: none;}
#socials ul li a:hover, #socials ul li a:active, #socials ul li a:focus{color: #cc0000;}

/* li# als Sicherheit für alte Brwoser */
#socials ul li:first-child, li#fb{background-image:url(/images/socials-facebook.png);}
#socials ul li:nth-child(2), li#tw{background-image:url(/images/socials-twitter.png);}
#socials ul li:nth-child(3), li#gp{background-image:url(/images/socials-googleplus.png);}
#socials ul li:nth-child(4), li#sv{background-image:url(/images/socials-versenden.png);}
#socials ul li:nth-child(5), li#pr{background-image:url(/images/socials-drucken.png);}
#socials ul li:last-child, li#eh{background-image:url(/images/socials-embrace.png);}

/*navigationspfad unter dem hauptmen*/
#navi_pfad {
	font-family: 'Monda', sans-serif;
	color: #919191;
	/*float: right;*/
	text-align: right;
	clear: both;
	background-color:#fff;
	padding: 10px;
	margin: 0px;
}

#navi_pfad ul, #navi_pfad ul li {
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 85%;
}
#navi_pfad  a:link {
	color: #000;
	text-decoration: none;
}
#navi_pfad a:visited {
	color: #444444;
	text-decoration: none;
	}
#navi_pfad a:hover,#navi_pfad a:active,#navi_pfad a:focus {
	color: #cc0000;
background-color:#FFFFFF;
	text-decoration: none;	
}
/*sonstige linkformatierungen*/
.img_link, .hvv_link{
	border:0;
	text-decoration: none;
	white-space: nowrap;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
.img_link_css{
	border:0;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 2px;
	}
/*////////////////////////////////////////////////////////////////formulare*/
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#artikel input, #artikel select, #artikel textarea{
	font-family: 'Gentium Basic', serif;
	font-size: 100%;
	padding: 4px;
}

/*.textfeld_f {*/
#artikel input[type="text"], #artikel select {
	background-color: #f5f5f5;
	color:#000000;
	border: 1px solid #000000;
	margin-left: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	
}
textarea {
	background-color: #f5f5f5;color:#000000;
	border: 1px solid #000000;
	overflow: auto;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
    font-family: 'Gentium Basic', serif;

}

div.buttongruppe {
	text-align: right;
	padding: 20px 0 40px 0;
	clear: both;
}

input[type="submit"], input[type="button"] {
	cursor:pointer;
	cursor:hand;
	background-color: #CC0000;
	border: 1px solid #000 ;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-left: 10px;
	min-width: 200px;
	float: right;

}
input[name="abbrechen"] {
	background-color: #111; 
}
#artikel input[type="submit"], #artikel input[type="button"] {
	font-family: 'Monda', sans-serif;
	padding: 6px 10px;
	text-transform: uppercase;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #990000 !important;
}

#artikel a:link.submit, #artikel a:visited.submit {
	display: block;
	width: 100%;
	cursor:pointer;
	cursor:hand;
	background-color: #ddd;
	border: 1px solid #dd0000;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	
}

fieldset {
	border: 1px solid #aaa;
	text-align: right;
	margin-bottom: 20px;
	padding: 15px;
}

legend {
	color: #444;

}

label {
	/*
	float: left;
	clear: both;	
	font-weight: bold;
	*/
	float: left;
	clear: left;	
	font-weight: bold;
	display: inline-block;
	height: 2.5rem;
	/*display: inline-block;width: 30%;*/
	
}

p.feedback{clear: both; padding: 10px; text-align: center; width: 95%;font-size: 110%; margin: 20px 0px 0px 0px; line-height:150%; background-color:#FF9F9F; color: #aa0000; border: 1px dotted #aa0000;}

p.fehler {
	color: #CC0000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
	
}
fieldset p.fehler {
	font-size: 100%;
	color: #CC0000;
	line-height: 120%;
	margin: 0px !important;
	padding: 0px;
	text-align: right;
	
}


p.gross{
	font-size: 115%;	
}
.meldung {
	
	font-size: 100%;
	color: #CC0000;
	font-weight: bold;
background-color:#FFFFFF;
}
.sternchen {
	font-family: 'Gentium Basic', serif;
	font-size: 130%;
	color: #CC0000;
	font-weight: normal;
	line-height: 100%;
}
/*////////////////////////////////////////////////////////////sonstige klassen, berschriften etc*/

#navi_suche {
	list-style-type: none;
	
	/*
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cc0000;
	*/
	margin: 40px 10px 30px 0px;
	height: auto;
}
#navi_suche p {
	margin: 0px;
	padding: 0px;
	/*border-bottom: 1px dotted #000000;*/
}

#navi_suche input[type="text"] {
	background-color: #f5f5f5;
	color:#000000;
	border: 1px solid #000000;
	width: 60%;
	margin-right: 10px;
	padding: 5px;
	height: 2em;
}
#navi_suche input[type="submit"]{
	background-color: #CC0000;
	border: 1px solid #000 ;
	color: #FFFFFF;
	padding: 8px;
	min-width: inherit;
} 




.bild {
	border: 1px dotted #aaa;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: normal;
	max-width: 100%;

}
.bild_legende p {
	
	padding-left: 10px;
	width:auto;
	margin: 0px 0px 30px;
	
}
.schlabo p {
	
	float: right;
	text-align: right;
	margin-right: 30px;
	margin-top: -0.3ex;

}
.tabellenname {
	margin-bottom: -1px;
	padding: 0px 20px;
	border: 1px solid #cccccc;	
}
.tabellenrahmen {
	padding: 10px 20px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;	
}

h1 {
	font-family: 'Monda', sans-serif;
	font-size: 155%;
	line-height: 140%;
	font-weight: Normal;
	margin: 0px 0px 25px 0px;
}
h2 {
	margin: 17px 0px 15px;
	font: 120% 'Monda', sans-serif;
	line-height: 140%;
	font-weight: Bold;
}
h3 { 
	font-size: 100%
}
h4 {
	
	font-weight: bold;
	
	margin: 0px;
	padding: 0px;

}

p.headl {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	
	background-image: url(../images/h3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding: 0px 0px 0px 20px;
	margin-bottom: 40px;
	
	font-size: 85% !important;
	
}


ul h4, ul h3 {
		line-height: 200%;
}
#artikel ul p {
}
#artikel .tabellenrahmen p, #artikel #artikel .tabellenrahmen ul, #artikel .tabellenrahmen h3{
	margin: 0px;
	padding-top: 0px;
}
#artikel .tabellenrahmen p.klein {
	color: #444444;
	white-space: normal;
background-color:#FFFFFF;
	
	margin-top: 15px;
}
#artikel .tabellenrahmen h3 a {
	white-space: normal;
	font-weight: bold;
}

em {
	/*
	color: #444444;
	font-weight: bolder;
	font-family: 'Gentium Basic', serif;
	font-style: normal;
	position: relative;
	left: 15px;
	background-color:#FFFFFF;
	*/
	color: #444444;
	font-size: 120%;
	font-family: 'Gentium Basic', serif;
	font-style: oblique;
	display: block; 
	padding: 10px 0px 0px 0px;
	line-height: 170%;
	margin-bottom: 20px;
}
.klein {
	font: normal 80%/180% Verdana, Arial, Helvetica, sans-serif;
}
fieldset .klein {
	font: normal 120%/180% Verdana, Arial, Helvetica, sans-serif;
}

.rot {
	color: #cc0000;background-color:#fff;
}

.grau {
	/*color: #444444;*/
}

#artikel p.datum {
	color: #666;
	
}
h3 .datum {
	color: #666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.fett {
	font-weight: bold;
}
.kursiv {
	font-style: italic;
}
.preise  {
	text-align: right;
	width: auto;
	border: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.preise .rechts, .preise .rechts a{
	text-align: left;
	margin-right: 20px;	

}

.preise .links, .preise .links a {
	float: left;
	text-align: left;
	margin-left: 5px;
}


.kein_umbruch {
	white-space: nowrap;
	display: inline;
}

.unsichtbar {
	font-size: 1px; left: -5000px; width: 1px; position: absolute; top: -5000px; height: 1px
}
.unsichtbar2 {
	font-size: 1px; left: -5000px; width: 1px; position: absolute; top: -5000px; height: 1px
}
#unsichtbar {
	font-size: 1px; left: -5000px; width: 1px; position: absolute; top: -5000px; height: 1px
}


.rahmen {
	border: 1px solid #CCCCCC;
	
}
.zentriert {
	
	text-align: center;
}

#sprung {
	text-decoration: none;
	text-align: right;
	position: relative;
	right: 10px;
	top: 0px;
	clear: left;
	float: right;
	padding: 2px;
	margin-bottom: 3px;
	height: 22px;
	width: 200px;
	line-height: 110%;
	COLOR: #FFFFFF;
	white-space: nowrap;
	}
a.sprung {
	
	CURSOR: text;
	COLOR: #FFFFFF;
background-color:#FFFFFF;
font-size: 1px;
	left: -5000px;
	width: 1px;
	top: -5000px;
	height: 1px;
	text-decoration: none;
	margin: 0px;
	
	

}
a.sprung:link {
	CURSOR: text;
	COLOR: #FFFFFF;

}
a.sprung:visited {
	CURSOR: text;
COLOR: #FFFFFF;
	
}
a.sprung:hover, a.sprung:active, a.sprung:focus {
	BORDER-RIGHT: 1px solid #CC0000;
	BORDER-TOP: 1px solid #CC0000;
	BACKGROUND: #fff;
	BORDER-LEFT: 1px solid #CC0000;
	CURSOR: pointer;
	COLOR: #CC0000;
	BORDER-BOTTOM: 1px solid #CC0000;
	line-height: 110%;
	padding-right: 2px;
	padding-left: 2px;
	
	z-index: 50;
	padding-top: 0px;
	padding-bottom: 0px;
}

#banner {
	padding: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	z-index: 99;
	}
#banner img {
width: 650px;
max-width: 100%;
	}



#font {
	display: none;
	margin-left: 10px;
	border-bottom: 1px dotted #aaa;
	width:190px;
	
		}

#font .klein {
	color: #000000;
	font-size:80%;
	padding-left: 17px;
	background: url(../images/link.gif) no-repeat 5px 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
		}
	
#menue #font ul {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
		}
#menue #font li  {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
	margin-right: 6px;
	}

#menue #font li  a{
	
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	text-align: center;
	border: 0px;
	margin: 0px;
	
	}
	#font_plus a{
	padding: 2px 3px;font-weight: bold;
	
	}
#font_normal a{
	padding: 1px 2px;
	text-transform: lowercase;font-weight: normal;	
	}
	
	#font_minus a{
	padding: 0px 2px;
	font-weight: bold;
	}
#versendenpfad {
	

	border: 0px;
	margin: 0px;
	
	}

#versendenartikel {
	width: auto;
	margin-right: 40px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	
	}

#versendenartikel p {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
	}

h3#versendenheadl {
	

	}

acronym{
cursor:help;
border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
abbr{
cursor:help;
border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}
/*
#artikel ul.blaettern {
	list-style-type: none;
	
	margin:0px;
	padding: 0px;
	 
}
#artikel ul.blaettern li {
	padding: 0px 5px 0px 10px;
	background-repeat: no-repeat;
	background-image:url(/images/box_li.gif);
	background-position: 0px 2px;
	margin: 0px 0px 5px;
}
#artikel ul.blaettern li.back {
	background-image:url(/images/box_li.gif);
	padding: 0px 0px 0px 13px;
	margin-right: 100px;
	display: inline;	
}
*/
div.blaettern  {
	text-align: right; 
}
div.blaettern a {
	padding: 0px 5px 0px 10px;
	background-repeat: no-repeat;
	background-image:url(/images/box_li.gif);
	background-position: left center;
	margin: 0px 0px 0px 20px;
}

#artikel .kleinefussnoten {
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, Verdana, Helvetica, "Sans Serif";*/
	font-family: 'Gentium Basic', serif;
	
}

.kleinefussnoten p.copy  {
	clear: both;
	float: left;
		
}

.download  { display: block; padding: 10px; 	border: 1px solid #CCCCCC;}
a:hover.download, a:active.download, a:focus.download  { background-color: #f5f5f5}


p.quelle{font-style: italic;}

iframe{max-width: 100% !important;}


/************************************************************************************************/
/****************************************** Resp. Menue ****************************************/
/************************************************************************************************/

#navcontainer select, #navcontainer .select, #menue_seite select, #menue_seite .select2{display:none; }
.style-select{position:relative;}
select.select, select.select2{ position:relative; z-index:10; margin: 15px auto; width:100%; min-width: 100%; max-width: 100%; height:34px; line-height:34px; 
cursor:pointer; cursor: hand;}

span.select, span.select2{
	position:absolute;
	bottom:0;
	left:0;
	float:left;
	width: 100%; min-width: 100%; max-width: 100%; 
	height: 30px !important;
	line-height:30px;
	text-indent:0px;
	text-align: center;
	
	margin: 0px;
	padding: 0px !important;
	
	background-color:#fff;
	background:url(/js/respMenue/bg_select.png) no-repeat right center;
	background-size: auto 30px;

	
	border:1px solid #eaeaea;
	border-bottom:0;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
	cursor:default;
	z-index:1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
}

/************************************************************************************************/
/****************************************** Media Querys ****************************************/
/************************************************************************************************/

#onlinebuchungsbutton, #d21-quickbook {display: none;}
#onlinebuchungsbutton {
	float:left;
	width: 90%; min-width: 90%; max-width: 90%; 
	font-weight: bold;
	font-size: 1rem;
	margin: 0 0 15px 5%;
	height: 30px !important;
	text-align: center;
	background-color:#fff;
	background:url(/js/respMenue/bg_select.png) no-repeat right center;
	background-size: auto 30px;
	border:1px solid #eaeaea;
	border-bottom:0;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
	cursor:default;
	z-index:1;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
@media only screen and (max-width : 1224px) {
/*@media screen and (max-width: 1280px) {*/
	#d21-quickbook{display: block}
	#navi_pfad, #menue_css, #navi_suche, p.headl, ul#serviceliste, #link_weiter, .desktop{display: none;}
	#inhalt {margin: 0px;}
	#navcontainer, #menue, #artikel{float: none; clear: both; display: block; width: 90% !important; padding: 0px; border:0; background-color:#fff;}
	#navcontainer, #menue{margin: 0px auto; text-transform:none;}
	#artikel{margin: 20px auto 40px auto;}
	#panorama {height: auto;}
	
	h1{font-size:1.6rem;}
		
	#copy p, #copy p a{position: relative; top: 0px; 	text-align: center; font-style: italic;}
	#link_weiter p{font-weight: normal; font-size: 80%; padding: 5px; }
	#fuss ul{font-size: 80%; line-height: 150%; padding: 5px; }
	h1{line-height: 150%}
	#link_weiter p br{display: inline;}
	
	fieldset{padding: 10px 0px 15px 10px; max-width: 100% !important;}
	fieldset br{display: none;}
	label, input[type="text"], select, textarea,input[type="radio"], input[type="checkbox"]{float: none; clear: both; margin: 0; display: block; }
	label, input[type="text"], select, textarea{width: 90%; max-width: 90%; }
	label, select, textarea, input[type="radio"], input[type="checkbox"]{text-align: left; margin-left: 5px; }
	input[type="submit"], input[type="button"]{display: block; width: 100% !important;}
	input[name="drucken"]{display: none;}
	input[name="abbrechen"] { margin-top: 1em;}
	label{height: auto; }
	fieldset p.fehler,fieldset div.links{text-align: left;}
	
	#socials ul{margin: 10px 0px -30px 0px; text-align: right;}
	#socials ul li{display: inline-block; margin-right: 15px; width: 22px; height: 22px; padding: 2px; border: 2px solid #fff; background-position: 2px center;}
	#socials ul li:hover{border: 2px solid #dd0000}
	#socials ul li a:link, #socials ul li a:visited{display: inline-block; width: 22px; height: 22px; margin: 0px;}
	#socials ul li a span, li#pr, li#tw2{display: none !important;}
	
	.postcontent{display: none}
	div.blaettern{text-align: center;}
	div.blaettern a{font-weight: bold; background-image:none; margin: auto; display: block; padding: 10px;}
	
	/* Rep. Menü*/
	#navcontainer ul, #menue_seite ul{display:none;}
	#navcontainer .select, #navcontainer select, #menue_seite .select2, #menue_seite select{display: block; font-size:1rem; font-weight: bold; }

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/*
	#inhalt{width:100%;}
 	#menue{float: left; clear: inherit; max-width: 30%; margin-left: 30px;}
 	#artikel{float: right; clear: inherit;max-width: 65%;}
	#copy p {position: absolute;top: 75px; text-align: right;}
 	

	#navcontainer ul, #menue_seite ul{display:block;}
	#navcontainer .select, #navcontainer select, #menue_seite .select2, #menue_seite select{display: none}
	#socials{display: inherit;}
	*/

}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 	/*
	#navi_pfad{display: none;}
 	#menue{width: 32%}
 	#artikel{width: 58%; }
 	#serviceliste li a, #fuss li{display: block; }
 	#fuss li{ background-image:none}
 	#navcontainer li a{font-size: 75%; font-weight: normal; width: 14% !important; word-wrap:break-word; white-space: normal !important;}
	*/
}
@media only screen and (max-device-width: 480px) {
	#artikel a:link.anrufen, #artikel a:visited.anrufen{font-size: 120%; }

}

/*Quickbook siehe PDF */
#d21-quickbook {
	min-height: auto !important;
}
.d21-input.d21-with-icon {

}
#d21-los .d21-input.d21-with-icon.field {
font-weight: inherit; /* Schriftstärke */
}

#d21-arrival-input .d21-input.d21-with-icon {
}
/**/
#d21-occupancy-container .d21-input.d21-with-icon {
}
/**/
#d21-quickbook .material-icons.d21-input-icon {
}
/**/
#d21-los .material-icons.d21-input-icon {
}

/**/
#d21-arrival-input .material-icons.d21-input-ico/* Vertikal verschieben */ {
}
/**/
#d21-occupancy-container .material-icons.d21-input-icon {
}
/**/
#d21-book-button {
}
/**/
#d21-quickbook .d21-pulse {
}
#d21-quickbook #d21-selected-day-price .d21-avail {

}
#d21-quickbook #d21-arrival-input .d21-calendar {
}
.d21-occupancy-select {

}