#hauptnavigation 
{
	float:left;
	display:inline;
	position:relative;
	margin:119px 0 0 0;
	padding:0;
	width:520px;
	height:57px;
	background:transparent url(/img/navi_hg_sub_hellgrau.gif) 0 28px repeat-x;
}

#hauptnavigation ul
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:520px;
	height:23px;
}

#hauptnavigation li
{
	float:left;
	display:inline;
	height:23px;
	list-style-type:none;
	padding:0;
	margin:0 0 0 5px;
	background-color:transparent;
}

#hauptnavigation ul li ul
{
	position:absolute;
	top:28px;
	left:0;
	width:520px;
	height:29px;
	background:transparent url(/img/navi_hg_sub_hellgrau.gif) 0 0 repeat-x;
}

#hauptnavigation ul li ul li
{
	height:29px;
	background-color:transparent;
	background-position:10px 22px;
	background-repeat:no-repeat;
	background-image:none;
}

#hauptnavigation ul li ul li a
{
	display:block;
	line-height:23px;
	padding:0 5px;
	margin:0;
	color:#161405;
	height:23px;
	text-decoration: none;
}

#hauptnavigation ul li ul li.active { background-image:url(/img/navi_dreieck_hellgrau_weiss.gif); }
#hauptnavigation ul li ul li.active a { font-weight:bold; }

#nebennavigation_fb
{
	float:left;
	display:inline;
	position:relative;
	margin:108px 0 0 0;
	padding:0;
	width:30px;
	height:58px;
	background:transparent url(/img/navi_hg_sub_hellgrau.gif) 0 29px repeat-x;
}

#nebennavigation_fb div
{
	position:absolute;
	top:0;
	left:5px;
	margin:0;
	padding:0;
	width:25px;
	height:25px;
	background:#333;
	cursor:pointer;
}

#nebennavigation_fb div a
{
	display:block;
	height:100%;
	width:100%;
}

#nebennavigation_fb div.btn_fb
{
	background:transparent url(/img/facebook-logo-25x25.png) 0 0 no-repeat;
}

#nebennavigation_fb div.btn_instagram
{
	background:transparent url(/img/instagram-logo-25x25.png) 0 0 no-repeat;
}

#nebennavigation_fb div.btn_video
{
	background:transparent url(/img/btn_video.png) 0 0 no-repeat;
}

#nebennavigation_1 
{
	float:left;
	display:inline;
	position:relative;
	margin:109px 0 0 0;
	padding:0;
	width:200px;
	height:57px;
	background:transparent url(/img/navi_hg_sub_hellgrau.gif) 0 28px repeat-x;
}

#nebennavigation_1 ul
{
	position:absolute;
	top:0;
	left:6px;
	margin:0;
	padding:0;
	width:194px;
	height:23px;
}

#nebennavigation_1 li
{
	float:left;
	display:inline;
	height:23px;
	list-style-type:none;
	padding:0;
	margin:0 0 0 5px;
	background-color:transparent;
}

#nebennavigation_1 ul li ul
{
	position:absolute;
	top:28px;
	left:0;
	width:226px;
	height:29px;
}

#nebennavigation_1 ul li ul li
{
	height:29px;
	background-color:transparent;
	background-position:10px 22px;
	background-repeat:no-repeat;
	background-image:none;
}

#nebennavigation_1 ul li ul li.active
{
	background-image:url(/img/navi_dreieck_hellgrau_weiss.gif);
}

#nebennavigation_1 ul li ul li a
{
	display:block;
	line-height:23px;
	padding:0 5px;
	margin:0;
	color:#898980;
	height:23px;
	text-decoration: none;
}

#nebennavigation_1 ul li ul li.active a { color:#181a0c; font-weight:bold; }

.hn_button,
.nn_button
{
	float:left;
	display:inline;
	height:23px;
	list-style-type:none;
	padding:0;
	margin:0;
	background-color:#fff;
	-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);
}

li.active .hn_button,
li.active .nn_button { -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90); }

.hn_button a,
.nn_button a
{
	display:block;
	padding:0;
	margin:0 14px;
	height:23px;
	width:100px;
	background-color:transparent;
	background-position:1px 4px;
	background-repeat:no-repeat;
	background-image:none;
}

.nn_button a { margin:0 5px; }

.hn_btn_programm a { width:82px; background-image:url(/img/btn_hn_programm_over.png); }
.hn_btn_programm a:hover { background-image:url(/img/btn_hn_programm_00a8cb.png); }
li.active .hn_btn_programm  a { background-image:url(/img/btn_hn_programm_00a8cb.png); }

.hn_btn_werkstaettenkurse a { width:157px; background-image:url(/img/btn_hn_werkstaettenkurse_over.png); }
.hn_btn_werkstaettenkurse a:hover { background-image:url(/img/btn_hn_werkstaettenkurse.png); }
li.active .hn_btn_werkstaettenkurse a { background-image:url(/img/btn_hn_werkstaettenkurse.png); }

.hn_btn_werkstaettenkurseprojekte a { width:227px; background-image:url(/img/btn_hn_werkstaettenkurseprojekte_over.png); }
.hn_btn_werkstaettenkurseprojekte a:hover { background-image:url(/img/btn_hn_werkstaettenkurseprojekte.png); }
li.active .hn_btn_werkstaettenkurseprojekte a { background-image:url(/img/btn_hn_werkstaettenkurseprojekte.png); }

.hn_btn_verein a { width:52px; background-image:url(/img/btn_hn_verein_over.png); }
.hn_btn_verein a:hover { background-image:url(/img/btn_hn_verein.png); }
li.active .hn_btn_verein  a { background-image:url(/img/btn_hn_verein.png); }

.hn_btn_vermietung a { width:90px; background-image:url(/img/btn_hn_vermietung_over.png); }
.hn_btn_vermietung a:hover { background-image:url(/img/btn_hn_vermietung_e4680b.png); }
li.active .hn_btn_vermietung  a { background-image:url(/img/btn_hn_vermietung_e4680b.png); }


.nn_btn_ueberblick a { width:53px; background-image:url(/img/btn_nn_ueberblick_over.png); }
.nn_btn_ueberblick a:hover { background-image:url(/img/btn_nn_ueberblick.png); }
li.active .nn_btn_ueberblick  a { background-image:url(/img/btn_nn_ueberblick.png); }

.nn_btn_kontakt a { width:43px; background-image:url(/img/btn_nn_kontakt_over.png); }
.nn_btn_kontakt a:hover { background-image:url(/img/btn_nn_kontakt.png); }
li.active .nn_btn_kontakt  a { background-image:url(/img/btn_nn_kontakt.png); }

.nn_btn_anfahrt a { width:44px; background-image:url(/img/btn_nn_anfahrt_over.png); }
.nn_btn_anfahrt a:hover { background-image:url(/img/btn_nn_anfahrt.png); }
li.active .nn_btn_anfahrt  a { background-image:url(/img/btn_nn_anfahrt.png); }

.nn_btn_impressum a { width:56px; background-image:url(/img/btn_nn_impressum_over.png); }
.nn_btn_impressum a:hover { background-image:url(/img/btn_nn_impressum.png); }
li.active .nn_btn_impressum  a { background-image:url(/img/btn_nn_impressum.png); }

.nn_btn_veranstalter a { width:72px; background-image:url(/img/btn_nn_veranstalter_over.png); }
.nn_btn_veranstalter a:hover { background-image:url(/img/btn_nn_veranstalter.png); }
li.active .nn_btn_veranstalter  a { background-image:url(/img/btn_nn_veranstalter.png); }

body.programm #kopf_navigation { background:#fff url(/img/head_programm_520x150_2014.gif) 0 0 no-repeat; }
body.programm #hauptnavigation ul li ul { background-image:url(/img/navi_hg_sub_00a8cb.gif); }
body.programm #hauptnavigation ul li ul li.active { background-image:url(/img/navi_dreieck_00a8cb_weiss.gif); }
body.programm #hauptnavigation ul li ul li.active a { color:#fff; }
body.programm #hauptnavigation ul li ul li a { color:#37ddff; }
body.programm #hauptnavigation ul li ul li a:hover { color:#fff; }
body.programm h1 { color:#00a8cb; }
body.programm .mitte h1 { border-bottom-color:#00a8cb; }
body.programm h2 { color:#00a8cb;border-bottom-color:#00a8cb; }
body.programm h2 a { color:#00a8cb; }
body.programm p.teaser { color:#00a8cb; }

body.werkstaetten-kurse #kopf_navigation { background:#fff url(/img/head_werkstaetten_520x150_2013.gif) 0 0 no-repeat; }
body.werkstaetten-kurse #hauptnavigation ul li ul { background-image:url(/img/navi_hg_sub_gelb.gif); }
body.werkstaetten-kurse #hauptnavigation ul li ul li.active { background-image:url(/img/navi_dreieck_gelb_weiss.gif); }
body.werkstaetten-kurse #hauptnavigation ul li ul li.active a { color:#fff; }
body.werkstaetten-kurse #hauptnavigation ul li ul li a { color:#ebd699; }
body.werkstaetten-kurse #hauptnavigation ul li ul li a:hover { color:#fff; }
body.werkstaetten-kurse h1 { color:#cc9900; }
body.werkstaetten-kurse .mitte h1 { border-bottom-color:#cc9900; }
body.werkstaetten-kurse h2 { color:#cc9900;border-bottom-color:#cc9900; }
body.werkstaetten-kurse h2 a { color:#cc9900; }
body.werkstaetten-kurse p.teaser { color:#cc9900; }

body.verein #kopf_navigation { background:#fff url(/img/head_verein_520x150_2013.gif) 0 0 no-repeat; }
body.verein #hauptnavigation ul li ul { background-image:url(/img/navi_hg_sub_gruen.gif); }
body.verein #hauptnavigation ul li ul li.active { background-image:url(/img/navi_dreieck_gruen_weiss.gif); }
body.verein #hauptnavigation ul li ul li.active a { color:#fff; }
body.verein #hauptnavigation ul li ul li a { color:#c2d6c2; }
body.verein #hauptnavigation ul li ul li a:hover { color:#fff; }
body.verein h1 { color:#669966; }
body.verein .mitte h1 { border-bottom-color:#669966; }
body.verein h2 { color:#669966;border-bottom-color:#669966; }
body.verein h2 a { color:#669966; }
body.verein p.teaser { color:#669966; }
body.verein .artikel_link { border-bottom-color:#669966; }

body.vermietung #kopf_navigation { background:#fff url(/img/head_vermietung_520x150_2014.gif) 0 0 no-repeat; }
body.vermietung #hauptnavigation ul li ul { background-image:url(/img/navi_hg_sub_e4680b.gif); }
body.vermietung #hauptnavigation ul li ul li.active { background-image:url(/img/navi_dreieck_e4680b_weiss.gif); }
body.vermietung #hauptnavigation ul li ul li.active a { color:#fff; }
body.vermietung #hauptnavigation ul li ul li a { color:#99cddb; }
body.vermietung #hauptnavigation ul li ul li a:hover { color:#fff; }
body.vermietung h1 { color:#e4680b; }
body.vermietung .mitte h1 { border-bottom-color:#e4680b; }
body.vermietung h2 { color:#e4680b;border-bottom-color:#e4680b; }
body.vermietung h2 a { color:#e4680b; }
body.vermietung p.teaser { color:#e4680b; }