html {height: 100%;}

body {	background-color: #ffffff; 
		font-size: 16px; 
		color: #000000; 
		padding: 0px; 
		margin: 0px; 
		height: 100%; 
		
		scrollbar-face-color: #8b8b8b; 
		scrollbar-shadow-color: #7a755d; 
		scrollbar-highlight-color: #fffaed; 
		scrollbar-3dlight-color: #8b8b8b; 
		scrollbar-darkshadow-color: #330303; 
		scrollbar-track-color: #fffaed; 
		scrollbar-arrow-color: #fffaed; 
		scrollbar-base-color: #000000;
		
		overflow-x:hidden;
        overflow:-moz-scrollbars-vertical;
        overflow-y:scroll;
     }

#container_keyvisual {position: absolute; width: 910px; height: 30px;}
#stoerer1 {position: absolute;width: 295px;	height: 77px;left: 550px;top: 57px;}
#stoerer2 {position: absolute;width: 295px;	height: 77px;left: 550px;top: 143px;}
#slideshow_pointer {position: absolute;	width: 86px;height: 20px;left: 424px;top: 350px;}


#scroller_divs {
	position: absolute;
	overflow: auto;
	scrollbar-face-color: #fff8df;
	scrollbar-shadow-color: #8b8b8b;
	scrollbar-highlight-color: #8b8b8b;
	scrollbar-3dlight-color: #fff8df;
	scrollbar-darkshadow-color: #8b8b8b;
	scrollbar-track-color: #fff8df;
	scrollbar-arrow-color: #8b8b8b;
	scrollbar-base-color: #fff8df;
}


p {  font-size: 16px; color: #000000; text-align:left; line-height:24px; font-family: helvetica;}
.cc { margin-top :0px ;	}
.zeilehoehe_20 {line-height:20px;}
.right {text-align:right;}
.small { font-size: 13px; text-align:left; line-height:20px;}
.small_10 { font-size: 10px; text-align:left; line-height:14px;}
.menue { font-size: 13px; text-align:center; line-height:20px;}
.unavi_bottom { font-family:  Verdana; font-size: 13px; color: #f6be2e; text-align:left; }

#rot {color: #000000; font-size: 20px;}
#rot_gross {font-size: 15px; color: #000000;}
#absatzabstand { line-height:16px;}
#absatzabstand_10 { line-height:10px;}

img.pfeil {margin-bottom: 0px;}

a:link {color: #993333 ; text-decoration: underline;	}
a:visited {color: #993333 ; text-decoration: underline;	}
a:active { color: #993333 ; text-decoration: underline;	}
a:hover {  color: #4c4c4c ; text-decoration: underline;	}

a.unavi_bottom:link {color: #f6be2e ; text-decoration: none;	}
a.unavi_bottom:visited {color: #f6be2e ; text-decoration: none;	}
a.unavi_bottom:hover {  color: #ffffff ; text-decoration: none;	}
a.unavi_bottom:active { color: #f6be2e ; text-decoration: none;	}

a.link_kuenstlervideo { font-family:  Verdana; font-size: 14px; color: #98270f ; text-decoration: none;	font-weight: bold; padding-left: 5px;}
a.link_kuenstlervideo:link {color: #98270f ; text-decoration: none;	}
a.link_kuenstlervideo:visited {color: #98270f ; text-decoration: none;	}
a.link_kuenstlervideo:hover {  color: #ffffff ; text-decoration: none;	}
a.link_kuenstlervideo:active { color: #98270f ; text-decoration: none;	}

a.grau:link {color: #8b8b8b ; text-decoration: none;	}
a.grau:visited {color: #8b8b8b ; text-decoration: none;	}
a.grau:hover {  color: #98270f ; text-decoration: none;	}
a.grau:active { color: #8b8b8b ; text-decoration: none;	}

a.rot:link {color: #98270f ; text-decoration: none;	}
a.rot:visited {color: #98270f ; text-decoration: none;	}
a.rot:hover {  color: #8b8b8b ; text-decoration: none;	}
a.rot:active { color: #98270f ; text-decoration: none;	}

a.schwarz:link {color: #000000 ; text-decoration: none;	}
a.schwarz:visited {color: #000000 ; text-decoration: none;	}
a.schwarz:hover {  color: #98270f ; text-decoration: none;	}
a.schwarz:active { color: #000000 ; text-decoration: none;	}

/* FORMULARE 

input.text { width:178px; height:27px; background-color:#ffffff; border: 1px solid #8b8b8b; color:#8b8b8b; font: 13px; font-family: Arial; }

input.button { width:120px; height:20px; FONT: 12px Arial, Helvetica, sans-serif; }

select.auswahlfeld { width:125px; height:16px; background-color:#ffffff; margin-bottom:0px; color:#0105A; border: 1px solid #01205A; FONT: 12px Arial, Helvetica, sans-serif; }

select.anrede { width:100px; height:27px; background-color:#ffffff; border: 1px solid #8b8b8b; color:#8b8b8b; font: 13px; font-family: Arial; }

textarea.kontakt { width:538px; height:117px; background-color:#ffffff; color:#8b8b8b; border: 1px solid #8b8b8b;  font: 13px; font-family: Arial; }
*/


input.text 	    { 	width:150px; height:20px; background-color:#f9f9f9; border: 1px solid #8b8b8b; color:#8b8b8b; font-size: 13px; font-family: Arial; margin: 1px; } 
input.textlang  { 	width:450px; height:20px; background-color:#f9f9f9; border: 1px solid #8b8b8b; color:#8b8b8b; font-size: 13px; font-family: Arial; margin: 1px; } 
input.plztext 	{ 	width:50px; height:20px; background-color:#f9f9f9; border: 1px solid #8b8b8b; color:#8b8b8b; font-size: 13px; font-family: Arial; margin: 1px;}
input.plzmini	{ 	width:25px; height:20px; background-color:#f9f9f9; border: 1px solid #8b8b8b; color:#8b8b8b; font-size: 13px; font-family: Arial; margin: 1px;}
input.datum 	{ 	width:70px; height:16px; background-color:#f9f9f9; 	margin : 3px; Color: #8b8b8b; 	border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}
input.teilalter { 	width:30px; height:16px; background-color:#f9f9f9; 	margin : 3px; color:#8b8b8b; border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}
select.landtext { 	width:120px; height:20px; 	background-color:#f9f9f9; border: 1px solid #8b8b8b; color:#8b8b8b; font-size: 13px; font-family: Arial; margin: 1px;}
select.anredetext { 	width:60px; height:16px; 	background-color:#f9f9f9; 	margin : 3px;	color:#8b8b8b; border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}
select.texte { 	width:200px; height:16px; 	background-color:#f9f9f9; 	margin : 3px;	color:#8b8b8b; border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}
select.auswahlbreit { 	width:250px; height:16px; 	background-color:#f9f9f9; 	margin : 3px;	color:#8b8b8b; border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}
select.auswahlsuperbreit { 	width:400px; height:16px; 	background-color:#f9f9f9; 	margin : 3px;	color:#8b8b8b; border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}
select.kurz { 	width:50px; height:20px; background-color:#f9f9f9; border: 1px solid #8b8b8b; color:#8b8b8b; font-size: 13px; font-family: Arial; margin: 1px;}
select.normal { 	width:80px; height:16px; 	background-color:#f9f9f9; 	margin : 3px;	color:#8b8b8b; border: 1px solid #8b8b8b; 	FONT: 12px Arial, Helvetica, sans-serif;}

textarea.text_gr2	    { 	width:450px; height:60px; background-color:#f9f9f9; color:#8b8b8b; margin : 3px; border: 1px solid #8b8b8b; FONT: 12px Arial, Helvetica, sans-serif; } 
textarea.text_gr	    { 	width:200px; height:100px; background-color:#f9f9f9; color:#8b8b8b; margin : 3px; border: 1px solid #8b8b8b; FONT: 12px Arial, Helvetica, sans-serif; } 

textarea.textblock	    { 	width:500px; height:150px; background-color:#f9f9f9; color:#8b8b8b; margin : 3px; border: 1px solid #8b8b8b; FONT: 12px Arial, Helvetica, sans-serif; } 

/*input.button_cc 
	{ 
		width:182px; height:32px;  	margin : 2px; 
		background-color: #fff300; 
		border: 0px solid #000000;
		color:#000000; 	FONT: 12px Arial, Helvetica, sans-serif ;
	}*/


.button{
	background-color:#fe0000;
	color:white;display:
	inline-block;
	/*font-size:1rem;*/
	/*line-height:1rem;*/
	outline:1px solid white;
	outline-offset:-4px;
	/*padding:1rem 1.5rem;*/
	position:relative;
	text-transform:uppercase;
	width:auto; 
	border:none; 
}

.button:hover {background-color:grey;}

	
	input.button_cc 
	{ background:#eab814;bottom:0;content:"";display:block;left:0;padding:0;position:absolute;top:0;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;width:100%;z-index:0; }
	
	
input.button_cc_gross
	{ 
		width:182px; height:32px;  	margin : 2px; 
		background-color: #fff300; 
		border: 0px solid #000000;
		color:#000000; 	FONT: 12px Arial, Helvetica, sans-serif ;
	}
input.button_klein 
	{ 
		width:80px; height:20px;  	margin : 2px; 
		background-color: #F1F1EB; 
		color:#000000;
		color:#000000; 	FONT: 12px Arial, Helvetica, sans-serif ;
	}
input.button_kalender
	{ 
		width:40px; height:15px;  
		background-color: #E9E9E9; 
		border : 0 ;
		color:#000000;
		color:#000000; 	FONT: 12px Arial, Helvetica, sans-serif ;
	}
	
input.button_gross 
	{ 
		width:140px; height:20px;  	margin : 2px; 
		background-color: #F1F1EB; 
		color:#000000;
		color:#000000; 	FONT: 12px Arial, Helvetica, sans-serif ;
	}	

input, select {
	background-color: #f9f9f9;
    border: 1px solid #8b8b8b;
    box-sizing: border-box;
    color: black;
    font-size: 18px;
    line-height: 26px;
    outline: 0;
    padding: 10px 20px;
}

input[type="text"], input[type="number"], select, textarea {
	background-color: #f9f9f9;
    border: 1px solid #8b8b8b;
    box-sizing: border-box;
    color: black;
    font-size: 18px;
    line-height: 26px;
    outline: 0;
    padding: 10px 15px;
	width: 100%;
}

@media (max-width: 768px) { 
	select {
		padding: 10px 5px;
	}
	
	input[type="text"], select, textarea {
		padding: 10px 5px;
	}
}

select {
	height: 48px;
    width: 100%;
    border-radius: 0px !important;
}

textarea {
	height :135px;
}

form label {
	box-sizing: border-box;
    display: block;
    font-size: 18px;
    padding: 10px;
    width: 100%;
}

form span {
	font-size: 18px;
	font-weight: bold;
}

input[type="radio"], input[type="checkbox"]  {
    margin: 4px 4px 0px;
}



.fceTextTeaser {
    width: 100%;
    background-color: #f9f9f9;
    background-image: 
        url("/palboo_online_S2425/images/grey-t-r.png"), 
        url("/palboo_online_S2425/images/grey-b-r.png"), 
        url("/palboo_online_S2425/images/grey-b-l.png"), 
        url("/palboo_online_S2425/images/grey-t-l.png");
    background-position: top right,bottom right,bottom left,top left;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    box-sizing: border-box;
    height: auto!important;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    float: left;
    line-height: 1.42em;
    margin: 10px 20px 10px 0;
    padding: 0;
    position: relative;
}


span.form-error {
	z-index: 199;
	background-color: #eab814;
	display: block;
	/*position: absolute;*/
	padding: 4px 12px 4px 12px;
	font-size: 1em;
	line-height: 1.34em;
	color: white;
  margin:20px 0;
}