link/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
	background: #ffffff url(bg_header_slider_01.jpg) repeat-x;
	background-attachment:fixed;
}

#printlogo {
	display: none;
}

/* ### Bannertext ############################################################ */

#bannertext {
position:absolute;
top:180px;
left:20px;
line-height:2.0em;
float:left;
float:left;
width:395px;
height:195px;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
text-shadow:2px 1px 0 #000000;
color:#ffffff;
}

/*	Topnavigation
*******************************************************************************/
#navoben {
position: absolute;
left: 680px;
font-size: 12px;
top: 3px;
color: #747474;
font-weight: 400;
float: right;
letter-spacing: 0.06em;
line-height: 24px;
}
#navoben a, #navoben a:link {
color : #fff;
text-decoration : none;
}
#navoben a:hover {
color : #747474;
text-decoration : underline;
}

#button_suche {
position : absolute;
left: 804px;
top : 167px;
float: right;
z-index: 11;
}

#button_anbieten {
position : absolute;
left: 894px;
top : 167px;
float: right;
z-index: 11;
}

/* ### BODY ###################################################################### */
body {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: normal;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

#picture_image {
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);*/
	padding: 3px;
}

#picture_image p {
	text-align: center;
	height: 5px;
}

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0px auto;
	padding:0px;
	width:1000px;
	color:#747474;
	text-align:left;
	background:url(header.png) no-repeat;
	background-color:#fff;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	height:191px;
}

#nav_shaddow {
	position: absolute;
	top: 143px;
	z-index: 10;
}

/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

#termine {
	background:url(bg_termine.jpg) no-repeat;
	height: 435px;
	margin-top: -33px;
	padding: 6px;
	color: #f4f4f4 !important;
}

#termine h1 {
	color: #f4f4f4;
    font-family: 'Cookie', Helvetica, sans-serif;
    font-size: 3.8em;
    /* font-weight: bold; */
    line-height: 1.3em;
    margin-bottom: 0px;
    /* opacity: 0.7; */
    text-align: center;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0px;
	background-color:#ffffff;
}

#startbild_001 {
	text-align:left;
}

/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
	background-color:#ffffff;
}
/* end hide */

#text-startseite {
	float:left;
	width:100%;
	color: #0069B4;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:
	z-index:10;
	font-size: 12px;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
}

#main-content {
	float:left;
	width:100%;
	margin-top:-25px;
	padding-left: 0px;
	padding-right: 0px;
	background-color:#ffffff;
}

#startbild {
	margin-top: 4px;	
}

#startbilder {
	margin-top: 1px;	
}

#main {
width: 1000px;
float: left;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
background-color: #ffffff;
font-weight: normal;
min-height: 555px;
}

/* ### Download ############################################################ */

#downloads {
	background-image:url(bg_download.gif);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #bcbcbc;
	margin: 15px 0 15px 0;
	font-family:Helvetica, sans-serif;
	font-size:14px;
}

#main-block #downloads a {
	text-decoration:none;
}

#main-block #downloads a:hover {
	text-decoration:none;
	background-color:#A30600;
	color: #fff;
}

.link_icon { display:block; padding:5px 5px 5px 55px; background-repeat:no-repeat; background-position:10px 6px; line-height: 35px;}
.ico_pdf { background-image:url(../gfx/fico_pdf.gif); }
.ico_xls { background-image:url(../gfx/fico_xls.gif); }
.ico_doc { background-image:url(../gfx/fico_doc.gif); }
.ico_zip { background-image:url(../gfx/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(../gfx/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(../gfx/fico_pic.gif); }
.ico_def { background-image:url(../gfx/fico_def.gif); }


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:100%;
	color: #666666;
	background-color:#fff;
	font-size: 12px;
}


#main-content-block {
	float: left;
    display: block;
    /* background-color: #fff; */
    width: 90%;
    padding: 0px 25px 25px 25px;
    margin-left: 0px;
}

#main-block li {
margin:0px;
font-size: 14px;
background: url(li_pi_01.png) no-repeat left top;
padding: 3px 0px 3px 30px;
}

#main-block a.externbg, 
#main-block a.externbg:link {
	padding:8px 12px 8px 30px;
	background:url(bg_haken_a.png) no-repeat;
	background-position:left;
	border:1px solid #c4c4c4;
	color:#747474;
	text-decoration:none;
}

#main-block a.externbg:hover {
	padding:8px 12px 8px 30px;
	background:url(bg_haken_a_hover.png) no-repeat;
	background-position:left;
	border:1px solid #c4c4c4;
	color:#747474;
	text-decoration:none;
}

#extern {
margin-top:0px;
padding:0 0 0 25px;
background:url(link_02.gif) no-repeat;
background-position:left;
}

#main-block img.center{
    display: block;
    margin-left: auto;
    margin-right: auto }
	
#nav .spaka p {
	color: #c40000;
}

#nav .nav_kontakt {
	display:block;
	vertical-align: bottom;
}

/* ### Footer ###################################################################### */

#footer {
    width: 1000px;
    font-size: 12px;
    border-top: 1px dotted #5c5c5c;
    padding-top: 10px;
    vertical-align: bottom;
    margin-top: 0px;
    background: #A30600;
}

#footer p {
	position:relative;
	text-align: center;
	padding-right: 60px;
	color:#fff;
}

#footer p a,
#footer p a:link {
	color:#fff;
	text-decoration: underline;
}

#footer p a:hover {
	color:#f4f4f4;
	text-decoration: none;
}

/* ### Dreispalter Startseite ###################################################################### */
.dreispalter {
position:relative;
left:40px;
margin-top:5px;
width : 100%;
line-height:25px;
}
.dreispalter_1 {
width : 10%;
}
.dreispalter_2 {
width : 10%;
}
.dreispalter_3 {
width : 75%;
}
.dreispalter_1, .dreispalter_2, .dreispalter_3 {
float : left;
}
.clboth {
clear : both;
display : block;
line-height : 0;
font-size : 0;
}

/* 5 Spalter Partyservice ########################################################################## */
.fünfspalter {
position:relative;
left:0px;
margin-top:0px;
padding-top: 10px;
padding-left:10px;
width : 95%;
line-height:25px;
border-bottom: 1px dotted #bcbcbc;
}
.fünfspalter_1 {
width : 15%;
}
.fünfspalter_2 {
width : 15%;
}
.fünfspalter_3 {
width : 15%;
}
.fünfspalter_4 {
width : 30%;
}
.fünfspalter_5 {
width : 20%;
}
.fünfspalter_1, .fünfspalter_2, .fünfspalter_3, .fünfspalter_4, .fünfspalter_5 {
float : left;
}
.clboth {
clear : both;
display : block;
line-height : 0;
font-size : 0;
}
.fünfspalter:hover {
	background-color: #A30600;
	color:#ffffff;
}
/* ### Dreispalter Startseite ###################################################################### */
.dreispalter_button_start {
position:relative;
left:0px;
margin-top:25px;
bottom:25px;
width : 960px;
}
.dreispalter_button_start_01 {
width : 300px;
height: 230px;
padding-right: 21px;
}
.dreispalter_button_start_02 {
width : 300px;
height: 230px;
padding-right: 21px;
}
.dreispalter_button_start_03 {
width : 300px;
height: 230px;
}
.dreispalter_button_start_01, .dreispalter_button_start_02, .dreispalter_button_start_03 {
float : left;
}
.clboth {
clear : both;
display : block;
line-height : 0;
font-size : 0;
}

/* ### Vierspalter Startseite ###################################################################### */
.vierspalter {
position:relative;
left:0px;
margin-top:0px;
padding:0px;
margin-bottom: 25px;
width : 1000px;
text-align:left;
color : #8c8c8c;
font-family: Arial, Helvetica, sans-serif;
}

.vierspalter_1 {
padding : 0px;
width : 245px;
background:url(shaddow_small.png) bottom center no-repeat;
height: 166px;
}
/*.vierspalter_1:hover {
border : 1px solid #747474;
background-color:#1e1e1e;
}*/
.vierspalter_2 {
padding : 0px;
width : 245px;
margin-left : 6px;
background:url(shaddow_small.png) bottom center no-repeat;
height: 166px;
}
/*.vierspalter_2:hover {
border : 1px solid #747474;
background-color:#1e1e1e;
}*/
.vierspalter_3 {
padding : 0px;
width : 245px;
margin-left : 6px;
background:url(shaddow_small.png) bottom center no-repeat;
height: 166px;
}
/*.vierspalter_3:hover {
border : 1px solid #747474;
background-color:#1e1e1e;
}*/
.vierspalter_4 {
padding : 0px;
width : 245px;
margin-left : 6px;
background:url(shaddow_small.png) bottom center no-repeat;
height: 166px;
}
/*.vierspalter_4:hover {
border : 1px solid #747474;
background-color:#1e1e1e;
}*/
.vierspalter_1, .vierspalter_2, .vierspalter_3, .vierspalter_4 {
float : left;
}

.clboth {
clear : both;
display : block;
line-height : 0;
font-size : 0;
}


/* ### Ein und Ausblender ###################################################################### */
#slide_panel {

	display: none;

}

.slide_div {

	margin-top: 20px;

	padding: 0;

	float:right;

}

.slide_button {

	text-align: center;

	padding: 0;

	display: block;

	color: #fff;

	text-decoration: none;
	
	height:35px;

}

.minus_icon {

	background-position: right -33px;

}

#thumbimages {

	background-color:#595353;

	border:1px solid #817D7D;

	float:left;

	margin-left:200px;

	margin-top:20px;

	padding:10px;

	width:560px;

}



.req_img {

	border: 1px solid #817d7d;

	margin-left: 12px;

}
  
  /* ### Formular ###################################################################### */
 
/* Div das das Formular umschlieÃÆ'Ÿt */
#nav .formgen_mini {
	margin-top:10px;
	margin-bottom:20px;
	font-size: 12px;
	padding: 10px;
	min-height: 210px;
	background-color: #EAEAEA;
	color: #4F6FB4;
}

#nav .formsubmit
{
	width: 125px;
	margin-left:35px;
	margin-bottom:0px;
	margin-top:0x;
	line-height:25px;
	text-align: center;
	background-color: #E4B600;
	border: 1px dotted #fff;
	font-weight:normal;
	float: left;
	color: #2e2e2e;
}

#nav .formsubmit:hover
{
	width: 125px;
	margin-left:35px;
	margin-bottom:0px;
	margin-top:0x;
	line-height:25px;
	text-align: center;
	background-color: #c40000;
	border: 1px dotted #fff;
	float: left;
	font-weight:normal;
	color: #fff;
}

  /* ### Formular ###################################################################### */
 
/* Div das das Formular umschlieÃÆ'Ÿt */
.formgen {
	margin-top:20px;
	margin-bottom:20px;
	font-size: 12px;
	padding: 0px 10px 10px 10px;
	background-image: url("form_bg_01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
 
 
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
 
}
 
 
 
.formgen form
{
line-height : 200%;
 
}
 
 
 
 
/* 
Wie sehen die einzelnen BlÃÆ'¶cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
 
 
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 30px;
	padding-right: 5px;
	padding-left: 5px;
 
}
 .forminfo 
{
	display:block;
	position: absolute;
	width: 690px;
	top:-57px;
	margin-left: 0px;
	background-color:#c40000;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	text-align:center;
	color:#fff;
	font-size:18px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-top: 2px dotted #fff;
	border-bottom: 2px dotted #fff;
}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 200px;
	margin-top:15px;
	margin-left: 4px;
	border: 1px solid #2e2e2e;
	background-color: #ffffff;
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #ffffff;
	border: 1px solid #2e2e2e;
}

********************************************************

/* PLZ / ORT */
.formgen .kleintext {
	position: relative;
	left:0px;
	width: 600px;
}

.formgen .kleintext .plz {
	width: 240px;
	float : left;
}

.formgen .kleintext .plz .formtext {
	width: 70px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #ffffff;
	border: 1px solid #2e2e2e;
}

.formgen .kleintext .plz label {
	width: 160px;
	clear: left;
	float: left;
	font-weight: normal;
	color: #2e2e2e;
}

.formgen .kleintext .ort {
	width: 300px;
	float : left;
}
.formgen .kleintext .ort .formtext {
	width: 170px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #ffffff;
	border: 1px solid #2e2e2e;
}

.formgen .kleintext .ort label {
	width: 50px;
	clear: left;
	float: left;
	font-weight: normal;
	color: #2e2e2e;
}
 
/* Label */
.formgen label {
	width: 160px;
	clear: left;
	float: left;
	font-weight: normal;
	color: #2e2e2e;
}
 
/* Label */
.formgen label1 {
	width: 220px;
	clear: left;
	float: left;
	height: 30px;
	font-weight: normal;
	color: #2e2e2e;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 250px;
	background-color: #ffffff;
	margin-left: 4px;
	color: #2e2e2e;
	border: 1px solid #2e2e2e;
}

.formgen .date_day, .date_month, .date_year
{
	width: 78px;
	background-color: #eaeaea;
	margin-left: 4px;
	color: #2e2e2e;
}
 
 
/* Sende-Button */
.formgen .formsubmit
{
	width: 252px;
	margin-left:219px;
	margin-bottom:30px;
	margin-top:15x;
	line-height:33px;
	text-align: center;
	background-color: #003366;
	border: 1px dotted #fff;
	font-weight:bold;
	float: left;
	color: #ffffff;
}

.formgen .formsubmit:hover
{
	width: 252px;
	margin-left:219px;
	margin-bottom:30px;
	margin-top:15x;
	line-height:33px;
	text-align: center;
	background-color: #008800;
	border: 1px dotted #fff;
	float: left;
	font-weight:bold;
	color: #fff;
}

#form-module-thanks {
	margin-top:10px;
	margin-bottom:10px;
	padding-right: 150px;
	background:url(ok-icon.png) no-repeat;
	background-position: right;
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	color: #70BC2D;
}
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #2e2e2e;
	background-color: #E4B600;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #c40000;
	font-weight: bold;
}
 
.formgen .formcaptcha
{
	border: 2px solid #4F6FB4;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #006633;
}
 
.formgen .formheadline {
	color: #2e2e2e;
	border-bottom: 1px dotted #2e2e2e;
	padding:4px 4px 4px 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size:14px;
	font-weight:bold;
}
  
/* ### Ein und Ausblender ###################################################################### */

#ende {
	background-color: #eaeaea;
}

#panel {
	background-color: #eaeaea;
}
  
/*	seiteninfo
*******************************************************************************/
#suchbegriffe {
  clear: both;
  margin: 5px 0px 20px 0px;
  padding: 10px 0px 5px 0px;
  color: #a4a4a4;
  font-size: 1.0em;
  line-height: 1.5em;
  background-color: #eaeaea;
  text-align:justify;
  width: 1066px;
}

#bottom{
	margin-top:0px;
	position:left;
	width : 1066px;
	padding:6px 0px 15px 0px;
	font-size:1.0em;
	font-family:'Nunito',sans-serif;
	line-height:20px;
	color:#a4a4a4;
	background-color: #eaeaea;
	text-decoration:none;
}
.adBottom{
	padding:0px 12px 0px 12px;
	vertical-align:top;
	text-align:left;
	background-color: #eaeaea;
}
#bottom a{
	color:#a4a4a4;
	text-decoration:none;
}
#bottom a:hover{
	color:#0C5AAF;
	text-decoration:underline;
}

#bottom .bottomfett{
	border-bottom:1px dotted #0C5AAF;
}