/* CSS */

/* Farben: */



body
{
text-align:center;
padding:0px 0px 0px 0px;
margin:0px;
background-color:#EEEEEE;
}

p, h1, h2, h3, h4, ul, li, a, td, label, input, textarea, span, div
{
font-family: verdana, arial, sans-serif;
font-weight:normal;
color:#333333;
margin:0px;
padding:0px;
}

ul{list-style-type:none;}
li, h2, a, div, h1, h2, h3, p{background-repeat:no-repeat;}

a{text-decoration:none;}
img{border:none; }

em, em a{font-weight:bold; font-style:normal;}

table td{vertical-align:top;}

/* hauptboxen ------------------------------------------------------------------*/


#box-center
{
width:950px;
margin:0px auto;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
text-align:left;
}

/* header - 1 -------------------------------------------------------------------*/
#box-header
{
width:950px;
height:190px;
float:left;
}

  #img-logo-1{float:left; padding:3px 0px 0px 15px;}

  /*
  #img-logo-2{float:left; padding:12px 0px 0px 60px;}
  #img-logo-3{float:left; padding:5px 0px 0px 60px;}
  */

  
  /*
  #box-header #box-h1{text-align:center; width:530px; float:right;}
  #box-header #box-h1 h1
  {
	font-size:24px;
	font-weight:normal;
	color:#333333;
	margin:40px 0px 20px 0px;
	line-height:1.6em;
  }
  */
  
#trennlinie-header{clear:both; height:30px; border-top:1px solid #EEEEEE; width:920px; margin-left:10px;}

/* globale Meldung */
#box-meldung{clear:both; margin:0px 0px 20px 10px; border:2px dotted #169700; background-color:#D5EFD1; width:920px;}
	#box-meldung p{padding:20px; font-size:12px;}
	
/* content Meldung */
#box-meldung-content{clear:both; margin:20px 0px 20px 10px; border:2px dotted #555555; background-color:#EEEEEE;}
	#box-meldung-content p{padding:20px; font-size:12px;}	

/* box links -------------------------------------------------------------------*/
#box-links
{
width:239px;
float:left;
padding:0px 0px 0px 15px;
margin:0px 13px 0px 0px;
}

    /* Hauptnavi */
    #box-links #hauptnavi
    {
    background:#EEEEEE;
    line-height:15px;
  	width:229px;
  	float:left;
  	margin-bottom:5px;
  	padding:10px 0px 10px 10px;
    }
	
		/* Ebene 1*/
		#ul-hauptnavi-e1 {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
			#ul-hauptnavi-e1 li{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(../upload/design/hg_navi_listenpunkt.gif);}
			#ul-hauptnavi-e1 li.erster-navipunkt{background-image:none;}
			#ul-hauptnavi-e1 li.over{}
				#ul-hauptnavi-e1 li a{font-size:13px; text-decoration:none; font-weight:bold; color:#333333; display:block; padding:8px 0px 8px 10px; line-height:19px;}
					#ul-hauptnavi-e1 li a.a-over{text-decoration:underline; color:#FF9933;}
					#ul-hauptnavi-e1 li a:hover{text-decoration:underline; color:#666666;}


/* content ------------------------------------------------------------------*/

#box-content
{
width:630px;
float:left;
padding:0px 20px 50px 15px;
margin:0px 0px 0px 0px;
}


	#box-content h1, #box-content h1 a
	{
	font-size:17px;
	font-weight:bold;
	color:#FF9933;
	margin:0px 0px 20px 0px;
	line-height:1.6em;
	}

	#box-content h2, #box-content h2 a
	{
	font-size:15px;
	color:#333333;
  font-weight:bold;
	margin:20px 0px 15px 0px;
	line-height:1.6em;
	}

	#box-content h3, #box-content h3 a
	{
	font-size:13px;
	font-weight:bold;
	margin:20px 0px 10px 0px;
	line-height:1.6em;
	}
	
	#box-content h4, #box-content h4 a
	{
	font-size:11px;
	font-weight:bold;
	margin:20px 0px 10px 0px;
	line-height:1.6em;
	}

	#box-content p{font-size:12px; margin:0px 0px 10px 0px; line-height:1.6em;}
	#box-content td{font-size:12px; line-height:1.6em;}
	#box-content td p{font-size:12px; line-height:1.6em; margin:0px 0px 10px 0px; padding:0px;}
        #box-content input{font-size:12px;}


  #box-content ul
	{
		list-style-type:disc;
		margin-left:20px;
		margin-bottom:15px;
		padding:0px;
	}
	/* listen ohne links */
	#box-content ul li
	{
	font-size:12px;
	/*background-image:url(../upload/design/listenpunkt_1.gif);*/
	padding:0px 20px 7px 10px;
	margin:0px;
	line-height:1.6em;
	/*background-position:0px 8px;*/
	}
        #box-content ul li p{line-height:1.0em;}
		
		#box-content ul li ul
		{
		margin-top:5px;
		margin-left:5px;
		}
			#box-content ul li ul li
			{
			font-size:12px;
			background-image:url(../upload/design/listenpunkt_2.gif);
			padding:0px 20px 5px 18px;
			display:block;
			margin:0px;
			line-height:1.3em;
			background-position:0px 5px;
			}


	/* Liste in einem Listenpunkt */
	#box-content .liste-1 {margin:5px 0px 10px 0px;}
	#box-content .liste-1 li
	{
	font-size:12px;
	background-image:url(../allgemein/listenpunkt_2.gif);
	background-position:0px 7px;
	padding:3px 20px 0px 16px;
	display:block;
	margin:0px 0px 5px 5px;
	line-height:1.0em;
	}



	/* abstände */
	#box-content .abstand-unten-0{padding-bottom:0px;}
	#box-content .abstand-unten-1{padding-bottom:10px;}
	#box-content .abstand-unten-2{padding-bottom:20px;}
	#box-content .abstand-unten-3{padding-bottom:30px;}
	#box-content .abstand-unten-5{padding-bottom:40px;}
	#box-content .abstand-unten-7{padding-bottom:70px;}
	#box-content .abstand-unten-10{padding-bottom:220px;}
	#box-content .abstand-oben-0{padding-top:0px;}
	#box-content .abstand-oben-1{padding-top:10px;}
	#box-content .abstand-oben-2{padding-top:20px;}
	#box-content .abstand-oben-3{padding-top:30px;}
	#box-content .abstand-oben-5{padding-top:40px;}
	#box-content .abstand-oben-7{padding-top:70px;}
	#box-content .abstand-oben-8{padding-top:130px;}
	#box-content .abstand-oben-10{padding-top:220px;}

        /* abstände für z.B. Bilder */
        #box-content .abstand-links-oben-unten-10-10-10{padding:10px 0px 10px 10px;}
        #box-content .abstand-links-oben-unten-20-20-20{padding:20px 0px 20px 20px;}
        #box-content .abstand-links-oben-unten-30-0-30{padding:0px 0px 30px 30px;}
        #box-content .abstand-links-oben-unten-30-20-20{padding:20px 0px 20px 30px;}

        /* abstände für z.B. Texteinrückungen */
        #box-content .abstand-links-10{padding-left:10px;}
        #box-content .abstand-links-20{padding-left:20px;}
        #box-content .abstand-links-30{padding-left:30px;}
        #box-content .abstand-links-40{padding-left:40px;}
        #box-content .abstand-links-50{padding-left:50px;}

	/* Links im content */
	#box-content a{text-decoration:underline; color:#EF7600; font-size:12px;}
	#box-content a:hover{text-decoration:none; color:#FF9E3F;}

	/* fett */
	#box-content .fett{font-weight:bold;}
	/* farbig */
	#box-content .farbig{color:#660000;}
	#box-content .rot{color:red;}
	
	#box-content .font-klein, #box-content .font-klein a{font-size:10px;}


        #box-content .zeilenhohe-1{line-height:1.8em;}

    #box-content a.icon-pdf
	{
	background-image:url(../upload/design/icon_pdf.gif);
	padding-left:30px;
    padding-bottom:10px;
	background-position:0px 0px;
    line-height:15px;
	}

    #box-content a.icon-word
	{
	background-image:url(../upload/design/icon_word.gif);
	padding-left:30px;
    padding-bottom:10px;
	background-position:0px 0px;
    line-height:15px;
	}


        #box-content .anker{text-decoration:none; line-height:0px; margin:0px; padding:0px; font-size:0px;}

    /* clear:both - zurücksetzen float*/
	.clear, #box-content .clear{clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
	.clear-absatz, #box-content .clear-absatz{clear:both;}
	
	#box-content .bild-rechts{float:right; margin:0px 0px 20px 20px;}
	#box-content .bild-links{float:left; margin:0px 20px 20px 0px;}

/* zentrale Formate ------------------------------------------------------------------ */
.zentriert{text-align:center;}



/* Infoseite -------------------------------------------------------------------------- */

#box-content #tbl-veranstalter{margin-top:20px;}
  #box-content #tbl-veranstalter td{padding-bottom:10px;}
    #box-content #tbl-veranstalter td.td-1{font-weight:bold; padding-right:15px;}
    #box-content #tbl-veranstalter td.td-2{}

#box-content .tbl-veranstaltungsinformationen{width:620px;}
  #box-content .tbl-veranstaltungsinformationen .td-tag-infoseite{background-color:#EEEEEE;}
    #box-content .tbl-veranstaltungsinformationen .h4-tag-links{padding:0px 0px 0px 10px; margin:0px; float:left;}
    #box-content .tbl-veranstaltungsinformationen .h4-tag-rechts{padding:0px 20px 0px 0px; margin:0px; float:right;}

#box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite{margin-bottom:20px;}
  #box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite td{font-size:11px; padding:2px 5px 2px 0px; text-align:left;}
  #box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite p{font-size:11px; padding:0px 5px 5px 0px; margin:0px; text-align:left;}
    #box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite td.td-1{width:10px;}
    #box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite td.td-2{width:140px;}
    #box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite td.td-3{width:90px;}
    #box-content .tbl-veranstaltungsinformationen table.details-veranstaltung-infoseite td.td-4{width:auto;}
    







/* Kontakt / Anmeldung-------------------------------------------------------------------------------*/

/* tabelle formular  */
#tbl-kontaktformular
{
border-collapse:collapse; 
margin:0px 0px 50px 0px; 
width:640px; 
background-image:url(../upload/design/hg_linie_gestrichelt_typ_2.gif);
background-repeat:repeat-x;
background-color:#E9E9E9;
}
#tbl-kontaktformular td{padding:3px 0px 3px 15px; vertical-align:top; font-size:13px;}
#tbl-kontaktformular .td-1{width:150px;}
#tbl-kontaktformular .td-2{width:280px; padding-right:10px;}

#box-content #tbl-kontaktformular td p, 
#box-content #tbl-kontaktformular td h2, 
#box-content #tbl-kontaktformular td h3, 
#box-content #tbl-kontaktformular td h4,
#box-content #tbl-kontaktformular td p h3
{margin-left:0px; padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:5px;}

#box-content #tbl-kontaktformular .td-leer{height:20px;}

#box-content #tbl-kontaktformular .td-h3{background-color:#FF9933;}
  #box-content #tbl-kontaktformular .td-h3 h3{color:#FFFFFF; padding:4px 0px 0px 0px;}
  #box-content #tbl-kontaktformular .td-h3 p{color:#FFFFFF;}

#box-content #tbl-kontaktformular .td-tag{background-color:#F7F7F7;}
#box-content #tbl-kontaktformular .td-tag-sub{background-color:#EFEFEF; padding:0px 0px 0px 15px;}
  #box-content #tbl-kontaktformular .h4-tag-links{padding-top:2px; float:left;}
  #box-content #tbl-kontaktformular .h4-tag-rechts{padding-top:2px; padding-right:20px; float:right;}

#box-content #tbl-kontaktformular table.details-veranstaltung{margin-bottom:20px;}
  #box-content #tbl-kontaktformular table.details-veranstaltung td{font-size:11px; padding:2px 5px 2px 0px; text-align:left;}
  #box-content #tbl-kontaktformular table.details-veranstaltung p{font-size:11px; padding:0px 5px 5px 0px; margin:0px; text-align:left;}
    #box-content #tbl-kontaktformular table.details-veranstaltung td.td-1{width:27px; padding-top:5px;}
    #box-content #tbl-kontaktformular table.details-veranstaltung td.td-2{width:140px;}
    #box-content #tbl-kontaktformular table.details-veranstaltung td.td-3{width:90px;}
    #box-content #tbl-kontaktformular table.details-veranstaltung td.td-4{width:auto;}

    
#box-content #tbl-kontaktformular table.details-veranstaltung-schritt-2{margin:0px;}
  #box-content #tbl-kontaktformular table.details-veranstaltung-schritt-2 td{font-size:11px; padding:0px 5px 0px 0px; text-align:left;}
    #box-content #tbl-kontaktformular table.details-veranstaltung-schritt-2 td.td-1{width:520px; padding-right:20px;}
    #box-content #tbl-kontaktformular table.details-veranstaltung-schritt-2 td.td-2{width:70px; text-align:right;}   


/* input felder alle  */
#box-content .vorname-name, #box-content .strasse, #box-content .plz-ort,
#box-content .telefon, #box-content .email,
#box-content .nachricht, #box-content .input-empfehlung, #box-content .input-sonstiges,
#box-content .wunsch, #box-content .zeitpunkt-1, #box-content .zeitpunkt-2, 
#box-content .input-anderes-land, #box-content .anzahl-zimmer, #box-content .anschrift,
#box-content .nachricht-2, #box-content .nachricht-3, #box-content .personenanzahl
{height:18px; padding:3px 0px 0px 4px; border:1px solid #7F9DB9; font-size:12px;}

#tbl-kontaktformular option{padding:0px 5px 0px 5px;}

/* input felder */
#box-content .vorname-name{width:270px;}
#box-content .strasse{width:270px;}
#box-content .plz-ort{width:270px;}
#box-content .telefon{width:270px;}
#box-content .email{width:270px;}
#box-content .personenanzahl{width:35px;}

#box-content #tbl-kontaktformular td .nachricht-3{width:600px; height:100px;}

#box-content #tbl-kontaktformular td .anschrift{width:270px; height:80px;} /* nur Kontaktformular */ 

#box-content #tbl-kontaktformular .td-nachricht{padding-top:10px; padding-bottom:20px;}
    #box-content .td-nachricht h3{padding-top:20px; margin-top:0px;}
	
#box-content #tbl-kontaktformular .td-nachricht-2{padding-top:10px; padding-bottom:0px;}
    #box-content .td-nachricht-2 h3{padding-top:20px; margin-top:0px;}
	
#box-content #tbl-kontaktformular .td-nachricht-3{padding-top:10px; padding-bottom:0px;}
    #box-content .td-nachricht-3 h3{padding-top:20px; margin-top:0px;}
	
#box-content .input-anderes-land{width:270px;}


#box-content #h2-anfrage{padding-top:10px; padding-right:20px; margin-left:0px; padding-left:0px;}

/* button senden */
#box-content .senden
{
margin:20px 0px 20px 15px; 
font-size:13px;
}


/* Eingabefehler */
#box-content .eingabefehler{border:1px solid red;}

/* Allgemeine Festlegungen zum Formular */
#box-content .vertical-top{vertical-align:top;}

/* Anker fürs Formular zum Anspringen nach Fehleingabe */
#box-content #a-anker-formular{text-decoration:none; display:block; line-height:0px; margin:0px; padding:0px; font-size:0px;}

#box-content #tbl-kontaktformular .datenschutz
{
padding-bottom:10px; 
padding-right:20px;
}

#box-content #tbl-kontaktformular .td-unten
{
background-image:url(../upload/design/hg_linie_gestrichelt_typ_2_unten.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

/* Box Eingabefehler */
#box-content #box-meldung-kontakt-eingabefehler
{
width:540px;
margin:20px 0px 20px 0px;
padding:20px 20px 8px 80px;
border:none; 
background-color:#E9E9E9;
background-image:url(../bilder/hg_kontaktformular_eingabefehler.gif);
background-position:15px 15px;
}
	#box-content #box-meldung-kontakt-eingabefehler p
	{
	color:#333333;
	}



/* Box Erfolg/nicht erfolg */
#box-content #box-meldung-kontakt-ok
{
width:540px;
margin:20px 0px 20px 0px;
padding:15px 20px 8px 80px;
border:none; 
background-color:#E9E9E9;
background-image:url(../bilder/hg_kontaktformular_ok.gif);
background-position:12px 16px;
}
   #box-content #box-meldung-kontakt-ok p{color:#333333;}

#box-content #box-meldung-kontakt-unten-ok{}

#box-content #box-meldung-kontakt-fehler
{
width:540px;
margin:40px 0px 20px 0px;
padding:15px 20px 8px 80px;
background-color:#E9E9E9;
background-image:url(../bilder/hg_kontaktformular_eingabefehler.gif);
background-position:15px 10px;
}
	#box-content box-meldung-kontakt-fehler p
	{
	color:red;
	}



/* Veranstaltungen - Anmeldung -------------------------------------------------------------------------- */

#box-content #tbl-kontaktformular .kopf-schritt-1
{
text-align:center; 
padding-bottom:10px; 
background-color:#FF9933;
padding:0px;
}
	#box-content #tbl-kontaktformular .kopf-schritt-1 h2{padding:0px 0px 0px 0px; margin-top:10px; color:#FFFFFF;}
	#box-content .kopf-schritt-1 p{padding:0px 0px 10px 0px; color:#FFDFBF;}
		#box-content .kopf-schritt-1 p .schritt-over{font-weight:bold; color:#FFFFFF;}
	




/* Impressum -------------------------------------------------------------------------------*/

#datenschutz-anker{line-height:0px; font-size:0px; display:block;}
#div-impressum-1{padding:10px 0px 0px 0px;}
	#div-impressum-1 p, #div-impressum-1 h2{font-size:11px;}
		#div-impressum-1 h2{margin-bottom:5px;}

        #box-content #div-impressum-1 ul
	{
		margin-left:5px;
		margin-bottom:15px;
	}

	/* listen ohne links */
	#box-content #div-impressum-1 ul li
	{
	font-size:11px;
	background-image:url(../upload/design/listenpunkt_1.gif);
	padding:0px 20px 7px 13px;
	display:block;
	margin:0px;
	line-height:1.6em;
	background-position:1px 8px;
	}
        #box-content #div-impressum-1 ul li p{line-height:1.0em;}
        #box-content #div-impressum-1 ul li a{font-size:11px;}



/* Footer ------------------------------------------------------------------*/


#box-footer
{
background-color:#EEEEEE;
width:910px;
margin:0px 0px 10px 20px;
padding:5px 0px 5px 0px;
overflow:hidden;
line-height:0px;
text-align:center;
}

	/* Nebennavi oben links */
	#box-footer ul{padding-left:10px;}
		#box-footer ul li
		{
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 1px 0px;
		line-height:15px;
		font-size:10px; 
		color:#FF9933;
		}
			#box-footer ul .kein-listenpunkt{background-image:none; padding-left:0px;}
			#box-footer ul li.over{}
			#box-footer ul li a{color:#333333; font-size:10px; text-decoration:underline; font-weight:normal; line-height:15px; margin:0px 0px 0px 0px; padding:0px;}
			#box-footer ul li a:hover, #box-footer ul li a.a-over{color:#345F98;}