/*colors
background-gray:#4A4847
text-gray:#32373B
*/

#middle ul#stichworte {list-style:none; margin:20px 0; font-size:.75em; font-weight:bold; color:#FF731E}
#middle ul#stichworte li{padding:0 0 0 10px; background:url(images/bg_stichworte.gif) left center no-repeat}
.orange{color:orange}

*{border:0; margin:0; padding:0}

.clear{clear:both; display:block; height:1px; font-size:0px; line-height:0px}
.clear_norm{clear:both}
img{display:block}
.hr hr{display:none}
.hr{clear:left; height:40px; background:url(images/bg_hr.gif) left center repeat-x}
address{margin:54px 0 8px 0; font-style:normal}
.img_right{float:right; margin:5px 0 20px 30px; display:inline; padding:5px; border:1px solid #C5C5C5; background:white}
.img_left{float:left; margin:5px 30px 20px 0; display:inline; padding:5px; border:1px solid #C5C5C5; background:white}
.img_left2{float:left; margin:5px 25px 20px 15px; display:inline}
.img_middle{clear:both; margin:5px 0 30px 0; padding:5px; border:1px solid #C5C5C5; background:white}
.no_extra{padding:0; border:none; background:none}
.bold{font-weight:bold !important}

h1{margin:0 0 3em 0; font-size:1em; font-family:georgia, "times new roman", serif; font-weight:normal}
h1.normal{margin:0 0 30px 0; font-size:1.13em; font-weight:normal; border-bottom:1px solid #DCDEE3; padding:0 0 4px 0}
h1 span.main{
	display:block;
	font-size:1.13em;
	border-bottom:1px solid #CACBD0;
	padding:0 0 4px 0}
h1 span.sub{
	float:left;
	font-size:.75em;
	text-transform:uppercase;
	font-family:arial, tahoma, verdana, sans-serif;
	color:white;
	padding:4px 4px 4px 6px;
	line-height:1;
	font-weight:bold;
	letter-spacing:.1em}
#s_jugend h1 span.sub{background:#2C471E}
#s_kiga h1 span.sub{background:#4D1C39}
#s_schulen h1 span.sub{background:#5B4434}

h2{margin:14px 0 3px 0; font-size:.75em; line-height:1.6}
	#s_verein h2{color:#0D2E61}
	#s_jugend h2{color:#2C471E}
	#s_kiga h2{color:#5A2143}
	#s_schulen h2{color:#5B4434}
	#s_projekte h2{color:#9F4022}
#middle p{margin:0 0 10px 0; font-size:.75em; line-height:1.6}

#right p{margin:0 0 8px 0; line-height:1.5; font-size:.69em}
a{color:#32373B}
p a{color:#32373B; padding:0 0 0 15px; background:url(images/bg_subnav_icon.gif) 0em .4em no-repeat; text-decoration:none}
p a:hover{text-decoration:underline}
p a.textlink{padding:0 0 0 10px}
p a.imglink{padding:0; background:none}
#right ul {list-style:none; margin:0 0 0 0}
#right ul li{display:inline}
#right ul a{
	font-size:.69em;
	color:#32373B;
	text-decoration:none;
	display:block;
	line-height:1.6;
	padding:0 0 0 15px;
	background:url(images/bg_subnav_icon.gif) left center no-repeat}
#right ul a:hover{text-decoration:underline}

html, body{height:100%}
html[xmlns]{padding:0 0 0.005em 0}

body{
	font:100.01%/1.5 arial, tahoma, verdana, sans-serif;
	color:#32373B}
body#s_verein{background:#DBDEE4 url(images/bg_body_blau.gif) center top repeat-y}
body#s_jugend{background:#DBE1D9 url(images/bg_body_gruen.gif) center top repeat-y}
body#s_kiga{background:#E4DDE0 url(images/bg_body_rot.gif) center top repeat-y}
body#s_schulen{background:#E1E0DC url(images/bg_body_braun.gif) center top repeat-y}
body#s_projekte{background:#E4E1D9 url(images/bg_body_orange.gif) center top repeat-y}

#wrapper{width:968px; min-height:100%; margin:0 auto; position:relative}
/* Hides from IE-mac \*/
* html #wrapper{height:100%}
/* End hide from IE-mac */
#s_verein #wrapper{background:#EDF0F6 url(images/bg_wrap_blau.jpg) no-repeat 186px 181px}
#s_jugend #wrapper{background:#EEF3EA url(images/bg_wrap_gruen.jpg) no-repeat 186px 181px}
#s_kiga #wrapper{background:#F7EFF1 url(images/bg_wrap_rot.jpg) no-repeat 186px 181px}
#s_schulen #wrapper{background:#F4F2ED url(images/bg_wrap_braun.jpg) no-repeat 186px 181px}
#s_projekte #wrapper{background:#F7F3EA url(images/bg_wrap_orange.jpg) no-repeat 186px 181px}

#header{width:968px; height:181px; position:relative}
#s_verein #header{background:url(images/header_blau.jpg)}
#s_jugend #header{background:url(images/header_gruen.jpg)}
#s_kiga #header{background:url(images/header_rot.jpg)}
#s_schulen #header{background:url(images/header_braun.jpg)}
#s_projekte #header{background:url(images/header_orange.jpg)}

ul#nav{position:absolute; top:172px; left:190px; width:588px; height:36px; list-style:none; z-index:1}
ul#nav li{display:inline}
ul#nav a{float:left; margin:0 2px 0 0; display:inline; text-indent:-1000px; overflow:hidden; width:116px; height:36px}
	ul#nav a.last{margin:0}
	ul#nav a#verein{background-image:url(images/nav_verein.jpg)}
	ul#nav a#jugend{background-image:url(images/nav_jugend.jpg)}
	ul#nav a#kiga{background-image:url(images/nav_kiga.jpg)}
	ul#nav a#schulen{background-image:url(images/nav_schulen.jpg)}
	ul#nav a#projekte{background-image:url(images/nav_projekte.jpg)}
	ul#nav a:hover{background-position:0 -36px}
	ul#nav a:focus{background-position:0 -36px}
	#s_verein a#verein,
	#s_jugend a#jugend,
	#s_kiga a#kiga,
	#s_schulen a#schulen,
	#s_projekte a#projekte{background-position:0 -36px}

ul#topnav{position:absolute; top:10px; right:15px; list-style:none}
ul#topnav li{display:inline}
ul#topnav a{font-size:.75em; float:left; padding:0 4px; line-height:.81em; border-right:1px solid #585D62; display:inline; text-decoration:none}
	ul#topnav a.last{border:none}
	ul#topnav a:hover{text-decoration:underline}
	ul#topnav a.aktiv{font-weight:bold}

a#startseite{text-indent:-1000px; overflow:hidden; width:230px; height:47px; position:absolute; top:16px; left:34px}

/*#left, #middle, #right{background:orange; height:400px}*/
#left{float:left; margin:62px 0 20px 16px; width:157px; display:inline}
#middle{float:left; margin:54px 0 20px 37px; width:548px; display:inline; position:relative}
#right{float:left; margin:62px 0 20px 40px; width:153px; display:inline; color:#32373B}

#middle .left{float:left; margin:0 20px 10px 0; width:250px}
#middle .margin{margin:38px 20px 10px 0}
#middle .seminar{padding:10px; border:1px solid #C5C5C5; background:white; margin:0 0 10px 0}
#middle .seminar h2, #middle .seminar p{margin:0}

ul.subnav{font-size:.69em; color:#32373B; padding:3px 0 0 0; background:url(images/bg_subnav.gif) left top no-repeat}
ul.subnav li{
	line-height:1.6;
	list-style:none;
	font-weight:bold;
	cursor:pointer;
	background:url(images/bg_subnav.gif) left bottom no-repeat;
	padding:4px 0 7px 0}
ul.subnav li span{display:block; padding:0 0 2px 5px}
ul.subnav li span.aktiv{background:url(images/trans.gif)}
/* Hides from IE-mac \*/
* html ul.subnav li{height:1%}
/* End hide from IE-mac */
ul.subnav a{
	color:#32373B;
	text-decoration:none;
	display:block}
ul.subnav a:hover{text-decoration:underline}
ul.subnav a.aktiv{font-weight:bold}
ul.subnav ul{margin:0 0 0 0}
ul.subnav ul li{
	font-weight:normal;
	margin:0 !important;
	padding:1px 0 1px 0 !important;
	background:url(images/bg_subnav.gif) left top no-repeat}
ul.subnav ul li a{padding:0 0 0 30px; background:url(images/bg_subnav_icon.gif) 16px .4em no-repeat}

ul#karte{
  width:525px;
  height:415px;
  margin:50px 0 0 15px;
  background:url(images/sylt_gross.gif);
  list-style:none;
  position:relative
}
ul#karte a{position:absolute; text-indent:-1000px; overflow:hidden}
ul#karte a#moev1{top:10px; left:77px; width:124px; height:31px}
ul#karte a#tinnum1{top:161px; left:39px; width:107px; height:19px}
ul#karte a#tinnum2{top:200px; left:18px; width:120px; height:31px}
ul#karte a#moesken1{top:329px; left:0px; width:131px; height:31px}

ul#karte a#moev2{top:35px; left:272px; width:82px; height:31px}
ul#karte a#keit1{top:158px; left:245px; width:105px; height:19px}
ul#karte a#mors1{top:187px; left:239px; width:108px; height:31px}
ul#karte a#arch1{top:284px; left:228px; width:81px; height:19px}
ul#karte a#arch2{top:308px; left:183px; width:113px; height:19px}

ul#karte a#nieb1{top:296px; left:316px; width:58px; height:19px}
ul#karte a#nieb2{top:321px; left:316px; width:71px; height:19px}
ul#karte a#nieb3{top:348px; left:294px; width:127px; height:19px}

/**/
#imgmap{
	position:relative;
	overflow:visible;
	width:110px;
	height:267px;
	margin:50px 0 30px 15px;
	padding:1px 0 0 0}
#s_verein #imgmap{background:url(images/sylt_blau.gif) no-repeat}
#s_jugend #imgmap{background:url(images/sylt_gruen.gif) no-repeat}
#s_kiga #imgmap{background:url(images/sylt_rot.gif) no-repeat}
#s_schulen #imgmap{background:url(images/sylt_braun.gif) no-repeat}
#s_projekte #imgmap{background:url(images/sylt_orange.gif) no-repeat}
/*hintergrundfarbe bei a:hover wichtig fuer ie5.01*/
#imgmap a{
	display:block;
	font-size:.69em;
	text-decoration:none;
	color:#41474C;
	overflow:visible}
#imgmap li{list-style:none; display:inline}
#imgmap a#moevenberg{margin:20px 19px 0 60px}
#imgmap a#moevenberg2{margin:-10px 30px 0 49px}

/*#s_verein #imgmap a#tinnum{margin:98px 60px 0 25px}
#s_verein #imgmap a#keitum{margin:2px 45px 0 40px}
#s_verein #imgmap a#archsum{margin:13px 28px 0 57px}
#s_verein #imgmap a#moesken{margin:71px 83px 0 2px}*/

#s_jugend #imgmap a#moesken{margin:190px 79px 0 0}

#s_kiga #imgmap a#tinnum{margin:122px 60px 0 19px}
#s_kiga #imgmap a#keitum{margin:0 42px 0 37px}
#s_kiga #imgmap a#archsum{margin:5px 28px 0 51px}

#s_schulen #imgmap a#tinnum{margin:122px 57px 0 22px}
#s_schulen #imgmap a#keitum{margin:0 42px 0 37px}

#imgmap a:hover{background:transparent}
#imgmap a img {display:block; margin:2px}
#imgmap a span{display:none}
#imgmap a:hover span{
	display:block;
	position:absolute;
	top:55px;
	left:10px;
	width:150px;
	z-index:100;
	background:white;
	border:1px solid #ACAEB0;
	padding:5px;}
	
ul.textliste{list-style:none; font-size:.75em}
	* html ul.textliste{position:relative}
ul.textliste li{margin:0 0 10px 0}

ul.standard{list-style:none; font-size:.75em; margin:0 0 14px 0}
	* html ul.standard{position:relative}
ul.standard li{background:url(images/bg_sylt_icon.gif) no-repeat 0em .5em; padding:0 0 0 13px; margin:0 0 4px 0}

ul.linkliste{list-style:none; font-size:.75em; margin:0 0 14px 0}
	* html ul.linkliste{position:relative}
ul.linkliste li{display:block}
	/* Hides from IE-mac \*/
	* html ul.linkliste li{height:1%}
	/* End hide from IE-mac */
ul.linkliste a{text-decoration:none; display:block; background:url(images/bg_subnav_icon.gif) 0 .4em no-repeat; padding:0 0 2px 15px; margin:0 0 4px 0}
ul.linkliste a:hover{text-decoration:underline}

ul.hori {margin:0 0 50px 0}
ul.hori li{float:left; margin:0 20px 0 0}

ul.sitemap{list-style:none; font-size:.75em; margin:0 0 10px 0; background:url(images/bg_hr.gif) repeat-x left bottom; padding:0 0 10px 0}
	* html ul.sitemap{position:relative}
ul.sitemap li{display:block; font-weight:bold}
ul.sitemap ul{list-style:none}
ul.sitemap li li{margin:0 0 0 20px; font-weight:normal}
ul.sitemap a{text-decoration:none; display:block; background:url(images/bg_subnav_icon.gif) 0 .4em no-repeat; padding:0 0 0 15px; margin:0 0 0 0}
ul.sitemap a:hover{text-decoration:underline}

table{font-size:.75em; border-collapse:collapse; margin:0 0 14px 0}
table.normal td{padding:0 20px 0 0}
/*Personentabelle*/
table.left{float:left; width:250px; margin:20px 15px 0 0}
table.left td{vertical-align:bottom; text-align:left; padding:10px 0 20px 0; width:94px}
table.left td.td_name{padding:0 0 20px 10px; width:auto}
table.left img{padding:5px; border:1px solid #C5C5C5; background:white}

/*Preisliste*/
table.left_preis{width:300px; margin:0 0 10px 0; float:left}
table.left_preis td{vertical-align:bottom; text-align:left; padding:0 0 2px 0}
table.left_preis td.right{text-align:right}

table a{color:#32373B; padding:0 0 0 15px; background:url(images/bg_subnav_icon.gif) 0em .4em no-repeat; text-decoration:none}
table a:hover{text-decoration:underline}

/*PDF-Download*/
a.pdf{
	clear:both;
	background:url(images/pdf.gif) no-repeat;
	font-size:.82em;
	line-height:1.21;
	padding:8px 0 0 45px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	margin:20px 0}
a.pdf_left{
	clear:none;
	float:left;
	margin:11px 0 0 60px}
a.pdf:hover{color:#C40407}
	
/*Kontaktformular*/
#kontakt #form_left{clear:both; float:left; width:220px; padding:0 20px 0 0}
#kontakt #form_right{float:left; width:220px; margin:0 0 0 20px; display:inline}
form#kontakt{margin:20px 0}
#kontakt label{font-size:.75em; width:100px; line-height:1.6; float:left; clear:both; padding:0 0 17px 0}
	#kontakt label.block{float:none; display:block; padding:0 0 3px 0}
#kontakt select, #kontakt input, #kontakt textarea{
	font-family:arial, helvetica, sans-serif;
	color:#585D62;
	border:1px solid #E3E3E4;
	font-size:.75em;
	padding:2px}
#kontakt select, #kontakt input{float:right; margin:0 0 15px 0}
#kontakt input{width:112px}
#kontakt textarea{width:478px}
#kontakt input.button{
	float:none;
	width:auto;
	color:#646466;
	background:white url(images/bg_subnav_icon.gif) 6px .7em no-repeat;
	padding:3px 3px 3px 18px;
	margin:7px 10px 0 0}
	#kontakt input.button:hover{font-weight:bold}
input.fill_in{border:1px solid #F54E01 !important; background:white url(images/arrow_orange.gif) no-repeat right center}
.message{color:#F54E01; clear:both}
.inline {display:inline}
.hidden{display:none}

/*Buchungsformular*/
form#buchungsformular{position:relative}
form#buchungsformular p, form#buchungsformular h2{clear:both}
form#buchungsformular img{margin:2px 0 10px 5px; float:left; display:inline; cursor:pointer}
#buchungsformular label{font-size:.75em; line-height:1.6; padding:0 0 10px 0; float:left; clear:left; width:240px}
	#buchungsformular label.block{float:none; display:block; padding:0 0 3px 0}
#buchungsformular select, #buchungsformular input, #buchungsformular textarea{
	font-family:arial, helvetica, sans-serif;
	color:#585D62;
	border:1px solid #E3E3E4;
	font-size:.75em;
	padding:2px}
#buchungsformular table{font-size:100%}
#buchungsformular td{vertical-align:bottom}
#buchungsformular select, #buchungsformular input{margin:0 0 10px 0}
#buchungsformular input{width:200px; float:left}
#buchungsformular input.termin{width:180px}
#buchungsformular input.radio{width:auto; border:none; margin:0 0 8px 0; float:none}
#buchungsformular textarea{width:478px}
#buchungsformular input.button{
	float:none;
	width:auto;
	color:#646466;
	background:white url(images/bg_subnav_icon.gif) 6px .7em no-repeat;
	padding:3px 3px 3px 18px;
	margin:7px 10px 0 0}
	#buchungsformular input.button:hover{font-weight:bold}
input.fill_in{border:1px solid #F54E01 !important; background:white url(images/arrow_orange.gif) no-repeat right center}
.message{color:#F54E01; clear:both}
.inline {display:inline}
.hidden{display:none}