/*********************************************************************************/
/*   allstyles.css   CSS  fuer alle Webuserbereiche von Roland Baldenhofer @guggat  16.11.2016     */
/* zusammengefasst für weniger Aufrufe
*/
html, body, div, p, h1, h2, h3,h4, ul, ol,
span, a, table, td, form, img, li, textarea, input{
	margin:				0;
	padding:			0;
} 
*{
    margin:				0;
    padding:			0;
    font-size:			100.01%;
    border:				none;
	font: 				1em/1.4 Raleway, 'droid sans', helvetica, 'trebuchet ms', sans-serif;     
}
html, body{   
}
body{
    font-size:			.9em;
    /* Tipp, trennen nur fürs ichphone, weils nur safari kapiert, siehe: http://webdesign.weisshart.de/blog/category/css/*/
    -webkit-hyphens:	auto;
}
img{
	border:				0;
   	max-width: 			100%;
	height: 			auto;
}
img, audio, video, embed, object, iframe{
	max-width: 			100%; 
}
/*Seitenspezifische Deklarationen*/
h2, h3, h4, h5{
    margin:				.3em 0 .2em 40px;
    padding:			.5em 0 .3em 0;
    font-weight:		bold;
}
h2, h3, h4, h5{
	font: 				1.8em/2.1 'Caveat', andika, "century gothic", "droid sans", sans-serif;    
	text-align:			center; 
}
h1 a, h2 a, h3 a, h4 a, h5 a{
    text-decoration:	none;
}
h1{
    font-size:			2em;
}
h2{
    padding-top: 		0;
	font-size: 			2.6em;
}
h3{
    padding-top: 		1.5em;	
	font-size:			1.8em;
}
h4{
    padding-top: 		1.5em;	
	font-size:			1.6em;
}
h5{
    padding-top: 		1em;
	font-size:			1.4em;
}
caption{
	font-size:			1.4em;
/* Firefox 3 hat als default fuer caption kein bold */
    font-weight:		bold;
}
p{
   padding:				.5em 100px 1em 100px;
   font: 				1.4em/1.2 'Caveat', andika, "century gothic", "droid sans", sans-serif;    
/*    font-size:			1em;
   line-height:			1.4; */
}
ul{
   font-size:			1em;
   padding:				.5em 100px 1em 100px;
}
ul li ul{
	padding:			.5em 0 1em 25px;
}
li{
   list-style-type:		disc;
   margin-left:			1.8em;
   padding-top:			.4em;
}
a{
	padding:			1px 1px 1px 0;
	font-weight:		bold;
/* Konqui und co stellt sonst kein underline dar*/
	text-decoration:	underline;
}
a:focus, a:hover, a:active, input:focus, textarea:focus, input:hover, .submit input:hover{
    border: 			none;
}
/*************    Diverse Elemente   *******************************************/
sup, sub{
    font-size:			.9em;
}
strong{
	font-weight:		bold;
}
em{
	font-style:			italic;
}
table{
    border-collapse:	collapse;
    border-spacing:		0;
    empty-cells:		show;
    margin:				1.5em auto 5em 50px;
    /*border-radius: 		5px;*/
}
th{
    padding:			0 .5em .5em .5em;
    vertical-align:		bottom;
    font-size:			1.1em;
    font-weight:		bold;
    text-align:			left;
}
th a, th a:visited{
    font-size:			1.1em;
    text-decoration:	none;
}
td{
    padding:			.3em .5em;
}
td table{
    border-width:		0;
    margin:				0;
}
td table td{
    padding:			.5em;
}
/*************   Formulare      *******************************************/
fieldset, legend, input, textarea, select, input{
    border: 			none;
}   
fieldset{
    max-width:			60em;
    min-width:			20em;
    margin:				1em 100px .5em 100px;
    padding:			.5em 30px .5em .5em;
}
fieldset > legend{
    display:			block;
}
legend{
    margin-top:			.7em;
    padding:			1em;
    font-size:			100.01%;
    font-weight:		bold;
}
label{
    display:			block;
    margin:				10px 0 0 2px;
    font-weight:		bold;
    text-align:			left;
    line-height:		1.2em;
    cursor:				pointer;
}
input{
    width:				18em;
    margin:				2px 0;
    padding:			2px;
    font-size:			.95em;
    text-align:			left;
}
textarea{
    border: 			none;
}
select{
    min-width:			15em;
    margin:				1em 0 .4em 5px;
    overflow:			visible;
    font-weight:		bold;
    line-height:		1.3em;
}
option{
    font-size: 			1.2em;
    padding: 			0 3px;
}
/*******------ -------*******   Definitionsliste Texte   *******------- -------*******/
dl{
    list-style-type:	none;
    margin-left:		20px;
}
dt{
    margin:				1em 0 0 20px;
    font-weight:		bold;
    font-size:			1.1em;
}
dd{
    margin:				.3em 0 .3em 20px;
}
ol{
    margin:				0 0 0 20px;
    padding:			1em;
    font-size:			1em;
}
ol li{
    padding:			0 0 .3em 0;
    list-style-image: 	none;
    list-style-type:	decimal;
}
/*********************************************************************************/
/*   layout.css  CSS  fuer alle Webuserbereiche von Roland Baldenhofer @guggat         */
/*********************************************************************************/
#wrapper{
    position:			relative;
    width:				100%;
    padding:			0 0 0 0;
}
#header{
    position:			fixed;
    width:				100%;
    min-height:			120px;
    margin:				0;          
}
#headerbar{
    position:			fixed;	
    width:				100%;
    /*margin-top zieht header runter, daher padding fuer Abstand;*/
    margin:				0 auto 0 auto;
    padding:			8px 0 2px 0;   
}
#headerbar h1{
    margin:				0 auto 0 auto;
    padding:			0 0 0 0;
    font-size:			10px;
}
#headerbar h1 a{
	display:			block;
    /* width und height veraendert logogroesse - in px lässt veraendern am #headerbar h1 padding in px zu*/	
    width:				98%;
    height:				110px;
    max-width:			100%;
    max-height:			100%;    
    margin:				0 auto;
}
#wrapnavi{
	clear:				both;	
	position: 			relative;
    float:				left;
	width:				100%;    
    overflow: 			hidden;
}
#navi{
	position:			relative;
	float:				left;
	left:				50%;
    margin:				0 auto;
    padding: 			0;
    list-style-type:	none;
    font-size:			.9em;
    font-weight: 		bold;   
}
#navi ul{
    margin:				5px 0 5px 0;
    padding: 			0;
    list-style-type:	none;
    font-size:			.9em;
    font-weight: 		bold;
}
#navi li{
    float: 				left;
    position: 			relative;
    right: 				50%;        
    /*ergibt Platz zwischen den Navipunkten, der farblich angepasst werden könnte */
    margin:				0 .3em 0 0;
    padding: 			0 0 0 0;
    line-height: 		1.2;
    list-style-type:	none;
}
#navi li a{
    display: 			block;
   /* padding-top-bottom ergibt bei Farben, Kiste um Link*/
    padding: 			.5em 2em;
    text-decoration: 	none; 
    text-align:			center;
}
#navi li ul{
    position: 			absolute;
    left: 				-999em;
    width: 				11.5em;
    height: 			auto;
    margin: 			0;
    font-weight: 		normal;
    text-align:			left;
    border-width:		.25em;
}
#navi li li{
    width: 				11.5em;
    margin: 			0;
    padding: 			0;
    text-align:			left;
}
#navi li ul ul{
    margin: 			-1.75em 0 0 14em;
}
#navi li:hover ul ul, #navi li:hover ul ul ul{
    left: 				-999em;
}
#navi li:hover ul{
    left: 				auto;
}
#navi li li:hover ul, #navi li li li:hover ul{
    left: 				-28.44em;
}
#inner p.date {

    margin:				0 0 0 0;
    padding:			0 0 0 0;
    text-align:			right;    
}
#inner .date strong{
	font: 				1.1em/1.2 'Caveat', andika, "century gothic", "droid sans", sans-serif; 
    font-size:			.85em;
    font-weight:		normal !important;
}
#mainwrapper{
    width:				86em;
    max-width:			95%;
    min-width:			840px;
    margin:				0 auto;
    padding:			170px 0 0 0;
}
#anfahrtskarte{
	margin-left:		40px;
	max-width:			90%;
}
#content{
    width:				96%;
    margin:				0 1% 10px 1%;
}
#inner{
    padding:			10px 1%;
}
ul#footernavi{
    clear:				both;
    height:				2.5em;
    margin:				5.5em 0 2em 0;
    padding:			.8em 0 0 25%;
    font-size:			.9em;
}
/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after {
    display:			block;
    clear:				both;
    height:				0;
    visibility:			hidden;
    content:			" ";
    font-size:			0;
}
/* Logotext ausblenden */
h1 span{
   position:			absolute;
   left:				-2500px;
   top: 				-2000px;
}
/***** media queries bis inklusive 1074px ohne Anpassungen */
@media only screen and (max-width: 1074px) {
fieldset{
    margin:				1em 50px .5em 50px;
}
}
/***** media queries bis inklusive 1024px ohne Anpassungen, außer Formular */
@media only screen and (max-width: 1024px) {

#mainwrapper{
    width:				auto;
    min-width:			640px;
}
table{
	max-width:			680px;
}
img{
	max-width:			95%;
}
div#anfahrtskarte{
    max-width: 90%;
}
}
/***** media queries bis inklusive 1074px ohne Anpassungen */
@media only screen and (max-width: 962px) {
fieldset{
    margin:				1em 5px .5em 5px;
}
}
/***** media queries ab 2-zeiliger Navi */
@media only screen and (max-width: 860px) {

}
/***** media queries mobil  */
@media only screen and (max-width: 780px) {

#mainwrapper{
    min-width:			440px;
}
table{
	max-width:			580px;
}
div#anfahrtskarte {
    margin-left: 		40px;
}
p, ul{
   padding:				.5em 50px 1em 50px;
}
table{
    margin:				1.5em auto 5em 10px;
}
}
/***** media queries mobil  */
@media only screen and (max-width: 580px) {

#mainwrapper{
    min-width:			420px;
}
table{
	max-width:			420px;
	margin:				1.5em auto 5em 0;
}
div#anfahrtskarte {
    margin-left: 		10px;
}
ul#footernavi{
    padding:			.8em 0 0 2%;
}
}
/***** media queries ab 2-zeiliger Navi */
@media only screen and (max-width: 480px) {

p, ul{
   padding:				.5em 30px 1em 30px;
}
}
/***** media queries mobil  */
@media only screen and (max-width: 380px) {

#mainwrapper{
    min-width:			300px;
}
table{
	max-width:			300px;
}
}
/***** eigene mobile navi mit media queries */
#wrapnavi ul li.close {
     display: 			none;
}
.opennavi {
     display: 			none;
} 
@media screen and (max-width: 640px) {
#wrapnavi {
     position: 				fixed;
     top: 					0;
     left: 					0;
     float: 				none;
     width: 				100%;
     margin: 				0;
     padding: 				0;
     -webkit-border-radius: 0;
     -moz-border-radius: 	0;
     border-radius: 		0;
}
 
#wrapnavi ul li {
     float: 				none;
     text-align: 			center;
}
#wrapnavi ul li:last-child {
 	border-bottom: 			none;
}	
.opennavi{
     position: 				fixed;
     top: 					0;
     left: 					0;
     display: 				block;
     width: 				100%;
} 
.opennavi a {
     padding: 				10px 15px;
     display: 				block;
     text-align: 			center;
     text-decoration: 		none;
}
#wrapnavi ul li.close {
     display: 				block;
}
#wrapnavi {
     top: 					-200%;
}
#wrapnavi:target {
 	 top: 					0;
}
#wrapnavi {
 -webkit-transition: 		all 1s ease-in-out;
 -moz-transition: 			all 1s ease-in-out;
 -o-transition: 			all 1s ease-in-out;
 -ms-transition: 			all 1s ease-in-out;
 transition: 				all 1s ease-in-out;
}
} 
/*********************************************************************************/
/*   spezielles.css  fuer alle Webuserbereiche von Roland Baldenhofer @guggat    */
/*        miradlo             www.miradlo.com          Stand: Oktober 2015        */
/*********************************************************************************/
#header h2{
	background:			transparent;
	text-align:			left;
	border:				none;
}
ul#miradloIT li{
	margin-top:			25px;
}

ul#mainnavi{
   margin:				2em 15px 1em 15px;
   padding:				.2em 0 .4em 0;
}
ul#mainnavi li{
   margin:				0 0 0 0;
   padding:				.2em 0 .4em 0;
   text-indent:			4px;
   line-height:			1.3em;
   list-style-type:		none !important;
}
#mainnavi li a{
    display:			block;
    margin:				0;
    padding:			0 0 .1em 5px;
    font-weight:		bold;
    text-decoration:	none;
}
#mainnavi li a.domainlink{
    margin-bottom:		10px;
    padding-top:		5px  !important;
}
#mainnavi li a.kontakt{
    margin-top:			30px;
    padding-top:		5px  !important;
}
ul#mainnavi ul{
    margin:				1.2em .5em 1.2em 0;
    padding:			1.2em 0 .8em 15px;
    border:				none;
    border-radius:		4px;
}
#mainnavi ul ul li{
   text-indent:			18px;
   line-height:			1.2em;
}
#mainnavi li li a{
   padding:				0 0 .1em 5px;
   text-align:			left;
}
#mainnavi a:focus, #mainnavi a:hover, #mainnavi a:active{
   text-decoration:		none;
}
#footer li{
    float:				left;
    list-style-type:	none;
}
#footer li a{
   display:				block;
   padding:				0 0 0 .5em;
   text-decoration:		none;
}
#selected, .selected{
    border:				none;
    font-weight:		bold;
}
#selected, .selected, .actions a:focus, .actions a:hover, .actions a:active{
    border:				none;
}
#inner ul{
    list-style-type:	disc;
}
#inner li{
    margin-left:		15px;
    padding:			.2em 0;
}
.hinweis{
    font-style:			italic;
}/* ids die meist genutzt werden */
#help a{
    display:			block;
    width:				5em;
    min-height:			32px;
    margin:				0 0 0 90%;
    padding:			0 5px 0 0;
    font-size:			1em;
    line-height:		2;
    text-decoration:	none;
}
.actions ul{
    margin:				45px 0 10px -3px;
}
.actions ul, .actions li{
    list-style-type:	none;
}
.actions a{
    padding:			.1em .2em;
    text-decoration:	none;
}
.hinweis{
    font-style:			italic;
}
/*                         Sonstiges                                        */
.small{
    font-size:			.9em;
}
/* Zusatzinfos nicht so massiv anzeigen */
.infos{
    padding:			.4em 0 0 0;
    font-size:			.7em;
    font-style:			italic;
    text-align:			right;
}
li.none{
	list-style-type: 	none;
}
ul.albumlist, ul.albumlistre {
    list-style-type: 	none;
    padding: 0.5em 10px 1em;
}
.albumlistre li {
    float: 				right;
}
.albumlist li {
    float: 				left;
}
.albumlist li, .albumlistre li {
    list-style-type: 	none;
    margin: 			0 2% 20px 3%;
    max-width: 			50%;
    text-align: 		left;
}
div#anfahrtskarte {
    margin-left: 140px;
    max-width: 100%;
    overflow-x: auto;
}
/* Definitionen die sich auf die vorgegebenen Cake-Klassen beziehen */
div.paging{
    margin-bottom:		2em;
}
div.paging div.disabled, .disabled{
    display:			inline;
}
td.actions{
        text-align:		center;
        white-space:	nowrap;
}
td.actions a{
    margin:				0 6px;
}
.cake-sql-log td{
    padding:			4px 8px;
    text-align:			left;
}
.not_visible{
    display:			none;
}
select[multiple=multiple]{
    width:				100%;
}
/* Sonstiges */
.small{
    font-size:			.9em;
}
.actions a{
    display:			block;
}
th.text{
    min-width:			30em;
}
#adminnavi{
    max-width:			40em;
}
ul#adminnavi, ul#adminnavi li,ul#adminnavi  ul{
    margin-right:		0;
    padding-right:		0;
}
.adminadd, .navimove,.navimeta{
    float:				right;
    width:				5em;
    display:			block;
    margin:				0 .5em;
    text-align:			center;
    text-decoration:	none;
}
.submit input{
    width:				auto;
    margin:				1em 0 .5em 0;
    display:			inline;
    font-size:			1em;
    font-weight:		bold;
    cursor:				pointer;
}
.radio input{
    width:				1.8em;
    margin:				0 .2em;
    padding:			1em;
    background-color:	transparent; 
}
input.text{
   font-size:			.95em;
   text-align:			left;
   width:				20em;
}
label.antispam{
    display:			inline;
    white-space:		normal;
}
.formular{
   font-weight:			bold;
}
div.buttonlink{
	margin-top:			2em;
}
div.buttonlink a{
	float:				left;
	display:			block;
    padding:			.1em .2em;
}
fieldset.rahmenfield{
	max-width:			95%;
    min-width:			85%;	
}
fieldset.sidefield{
	float:				right;	
	max-width:			48%;
    min-width:			18em;
    margin:				1em 1%;
    padding:			.5em;	
}
fieldset.innerfield{
	float:				left;	
	max-width:			48%;
    min-width:			18em;
    margin:				1em 1%;
    padding:			.5em;	
}
.checkbox {
    padding: 			3px 0 0 20px;
}
.pformular{
	clear:				both;
}
legend.legendre {
	float: 				right;
	margin-top: 		-3em;
}
fieldset.fieldre {
	float: 				right;
	max-width: 			40%;
	margin-right:		0;
}
div#bottominfo{
	position:			fixed;
	bottom:				0;
	right:				0;
}
#bottominfo p{
	text-align:			center;
	padding:			.5em 1.5em;
}
#bottominfo a{
	font-weight:		bold;	
}

div#bottominfo{
	background-color:	#18fe18;
}
#bottominfo p{
	color:				#fff;
}
#bottominfo a{
	color:				#fff;	
}
/* margin-top an label anpassen */
input[type="checkbox"] {
    clear: 				left;
    float: 				left;
    margin: 			10px 6px 7px 2px;
    width: 				auto;
}
/* immer definiert*/
.hilfelink a, #helpagain a, .hilfeknopf a, .hilfeknopf span {
    background: 		url("/images/logos/hilfe_logo.png") no-repeat scroll right top transparent;
    box-shadow: 		5px 4px 5px rgba(121, 153, 124, 0.1) inset, 2px 3px 3px rgba(121, 153, 124, 0.3);
}
.hilfelink a, #helpagain a, .hilfeknopf a, .hilfeknopf span {
    border: 			medium none;
    display: 			block;
    font-size: 			1em;
    line-height: 		2;
    margin: 			0 0 0 0;
    min-height: 		32px;
    padding: 			0 5px 0 0;
    text-decoration: 	none;
    width: 				40px;
}
div.hilfelink{
    max-width: 			80px;
    margin: 			0 0 0 80%;    	
}
.required {
    font-size: 1em;
    font-weight: bold;
}
input #spam{
	display:			inline;
    position:			absolute;
    left:				-2500px;
    top:				-2000px;
    width:				0;
    height:				0;
}
.spamfield{
   display:				none;
}
.clear{
    clear:				both;
}
.floatright{
   float:				right;
}
.floatleft{
   float:				left;
}
.error{
    margin:				1em 0;
    padding:			.8em;
    font-family:		Courier, monospace;
    font-weight:		bold;
    font-size:			1.2em;
    line-height:		1.4;
}
p.error em{
    font-weight:		normal;
}
.required{
    font-size:			1em;
    font-weight:		bold;
}
.message,.error-message{
    margin:				1em 0;
    padding:			.5em;
    border-width:		2px 7px 7px 2px;
    font-weight:		bold;
    font-size:			1.2em;
}
.notice{
    display:			 block;
    margin:				 1em 0;
    padding:			.5em;
    font-size:			1.2em;
    font-family:		Courier, monospace;
    text-align:			center;
    line-height:		1.4;
}

p.anfang, p.nachoben{
   margin:				1.5em 0 0 0;
   font-size:			.85em;
   text-align:			right;
}
.anfang a, .nachoben a{
    padding:			0 2em 0 0;
    display:			block;
}
a.imglink {
   border:				none !important;
   background-image:	none !important;
   background-color:	transparent !important;
}
/*********************************************************************************/
/*      farben.css   fuer alle Webuserbereiche von Roland Baldenhofer @guggat   */
/* Logo hell #97A6B1  rgba(151, 166, 177, 0.9)                */
/* nach dunkel #46798F rgba(70, 121, 143, 0.9)                */
/*                           basis.css                                           */
*{ 
    color:				#2a4956;
}
html, body{   
    background:         #fff;
}
/* Seitenspezifische Deklarationen */
h2, h3, h4, h5{
    color:				#305463;
    background:			#fff;
}
h2{
    border-bottom:		3px outset #6AB8D9;
}
h3{
    border-bottom:		1px outset #6AB8D9;
}
h4{
    border-bottom:		1px outset #6AB8D9;
}
h5{
    border-bottom:		1px outset #6AB8D9;
}
a{
	color:				#768495;
}
a:visited{
	color:				#7d7d7d;
}
a:focus, a:hover, a:active, input:focus, textarea:focus, input:hover, .submit input:hover{
    color:				#fff !important;
    background-color:	#002542 !important;
}
a.imglink:focus, a.imglink:hover, a.imglink:active{
    background-color:	transparent !important;	
}
/*************    Diverse Elemente   *******************************************/
table{
    box-shadow: 4px 3px 3px rgba(121, 153, 124, 0.1) inset, 5px 5px 2px rgba(121, 153, 124, 0.3);
}
th{
    background:			#798c9c;
    background:			rgba(88,111,131,.6);
    color:				#fff;
    border-bottom:		1px solid #fff;
    border:				0; 
}
th a, th a:visited{
    background-color:	#fff;
    color:				#20204f;
    opacity:			.3;
}
th a:focus, th a:hover, th a:active{
    background-color:	#ddd;
    color:				#20204f;
    opacity:			.6;
}
tr{
    border-bottom:		2px solid rgba(121,153,124,.1);
}
td{
    background-color:	#fff;
    border:				1px dotted #bcc0c5;
    border-bottom:		1px solid #bcc0c5;
    border-left:		1px solid rgba(121,153,124,.3);
    /*border:				0;*/ 
}
/*************   Formulare      *******************************************/
fieldset, legend, input, textarea, select, input{
    box-shadow: 		inset 4px 3px 3px rgba(121,153,124,.1), 5px 5px 2px rgba(121,153,124,.3);
    -o-box-shadow: 		inset 4px 3px 3px rgba(121,153,124,.1), 5px 5px 2px rgba(121,153,124,.3);
    -webkit-box-shadow:	inset 4px 3px 3px rgba(121,153,124,.1), 5px 5px 2px rgba(121,153,124,.3);
    -moz-box-shadow: 	inset 4px 3px 3px rgba(121,153,124,.1), 5px 5px 2px rgba(121,153,124,.3);
}
fieldset{
    background-color: 	rgba(255,255,255,.2); 
}
legend{
    text-shadow: 		5px 3px 5px rgba(32, 32, 79, .3); 
}
input{
    background-color: 	rgba(255,255,255,.2); 
}
textarea{
    background-color: 	rgba(255,255,255,.2); 
}
select{
    background-color: 	rgba(255,255,255,.7); 
	outline:			1px solid #ccc;    
}
input.readonly:focus, input.readonly:hover{
    color:				#0a2940;
    background-color:	#e0e7ed;
}
/*                           layout.css                                          */
/* Logo hell #97a6b1  rgba(151, 166, 177, 0.9)                */
/* nach dunkel #46798f rgba(70, 121, 143, 0.9)                */
#header{	
    background:			#97a6b1;
    background:			rgba(151, 166, 177, 0.6);
}
#navi li{
    /*ergibt Platz zwischen den Navipunkten, der farblich angepasst werden könnte */
    background: 		#fff;
    background:			rgba(255,255,255,.8); 
}
#navi a{
   /* padding-top-bottom ergibt bei Farben, Kiste um Link*/
  	color:				#fff;
    background:			#798c9c;
    background:			rgba(88,111,131,.6);
}
#navi a:focus, #navi a:hover, #navi a:active{
    color:				#798c9c !important;	
    background-color:	#fff !important;	
}
#headerbar h1{
    background:			transparent url(/images/logos/logo.png) no-repeat center bottom;
}
#skip a.skipa:focus, #skip a.skipa:active{
   color:				#0a2940;
   background-color:	#fff;
   border:				3px solid #d91f26;
}
/*                           spezielles.css                                      */
#footer a:visited{
   color:				#20204f;
}
/* navi bug beim selected .selected, */
#selected,  .actions a:focus, .actions a:hover, .actions a:active{
    box-shadow: 		inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);
    -o-box-shadow: 		inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);
    -webkit-box-shadow: inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);
    -moz-box-shadow: 	inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);  
}
#selected, .selected{
    color:				#20204f;
}
.radio input{
    background-color:	transparent; /*Fuer Browser, die um den Button einen eigenen Hintergrund legen*/
}
input.text{
   border:				1px outset #7d7d7d;
}
input.submit{
   border:				2px outset #7d7d7d;
}
.submit input, input[type=submit], div .buttonlink a{
    background: 		rgb(252,255,244); 
	background: 		-moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); 
	background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)),
						color-stop(100%,rgba(179,190,173,1))); 
	background: 		-webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
	background: 		-o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
	background: 		-ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); 
	background: 		linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
    color:				#20204f;	
    box-shadow: 		inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);
    -o-box-shadow: 		inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);
    -webkit-box-shadow: inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);
    -moz-box-shadow: 	inset 5px 4px 5px rgba(121,153,124,.1), 2px 3px 3px rgba(121,153,124,.3);   
} 
.required {
    color: 				#d90019;
}
.error {
    background: 		linear-gradient(to bottom, rgba(254, 187, 187, 1) 0%, rgba(254, 144, 144, 1) 45%, rgba(255, 92, 92, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 		6px 2px 5px rgba(255, 92, 92, 0.5) inset, 4px 5px 5px rgba(255, 92, 92, 0.5);
    color: 				#fff;
}
.albumlist li, .albumlistre li {
    /*box-shadow: 5px 4px 5px rgba(121, 153, 124, 0.1) inset, 2px 3px 3px rgba(121, 153, 124, 0.3);*/
}
table tr.altrow td{
    background-color:	#f4f4f4;
}
.formular{
   color:				#14212b;
}
/*************************************************         termine.css           *************************************************/
.hervorgehoben{
    color:				#d91f26;
    font-weight:		bold;
}
/*                           sonstiges.css                                       */
.anfang a, .nachoben a{
    background: 		url(/images/logos/seitenanfang.gif) 99% 0  no-repeat;
}
/***** media queries unter 719px bis 635px  */
/***** 1-spaltig mit Sprunglinks links oben *****/
/* iPhone 4	640 x 960 */
@media only screen and (max-width: 719px) {
#headerbar h1{
    background:         transparent url(/images/logos/logo.png) no-repeat right bottom;
}
#skip a.skipnavi, #skip a.skipcontent, #skipheader a.skipnavi, #skipheader a.skipcontent{
   color:				#df1e25;
   background-color:	transparent;
}
}
@media only screen and (max-width: 470px) {
	.bemerkungen, .chf{
		display:none;
	}
}
/***** media queries */
@media only screen and (max-width: 640px) {
#wrapnavi ul li {
	border-bottom: 			1px solid #fff;
}
#wrapnavi ul li:last-child {
 	border-bottom: 			none;
}	
.opennavi a {
  	color:				#fff;
    background:			#798c9c;
    background:			rgba(88,111,131,.6);
}
.opennavi a:focus, .opennavi a:hover, .opennavi a:active{
    color:				#798c9c !important;	
    background-color:	#fff !important;	
}
}
@media only screen and (max-width: 420px) {
h2 {
    font-size: 2.1em;
}
}