@charset "utf-8";
/*
	==================================================
		[ Photozauber CSS ]

		$version:	01 Okt 2006 12:03:37 +0200
	==================================================
		Copyright (c) DevShack - All rights reserved.
		http://www.devshack.biz/ - bojic@devshack.biz
	==================================================
*/

/* === [ Generelles ] ===================================================================== */

*
{
	border:		0 none;
	padding:	0;
	margin:		0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

body
{
	background:	#FFF;
	font-size:	100.1%;
	/*height:		100%;*/
}

a
{
	text-decoration: none;
	color: #A14D3F;
}

a:hover
{
	text-decoration: underline;
	color: #70362C;
}

#barrierebox
{
	display: none;
}

#wrapper
{
	padding: 10px 0 0 0;
	margin: 0 auto;
	width:	995px;
	background: #F3FAF5 url(/design/content/back-2spalt.gif) repeat-y;
}

/* === [ Logo ] =========================================================================== */

#logo h1
{
	background: url(/design/logo/photozauber-logo.gif) no-repeat;
	height: 30px;
	font-size: 8px;
}

#logo a
{
	display: block;
	height: 30px;
	width:	160px;
	text-decoration: none;
}

#logo span, #logo img
{
	display: none;
}

/* === [ Hauptnavigation ] =================================================================== */

#navigation ul
{
	float: left;	/* Wir sparen uns ein clear */
	width: 995px;
	background-color: #67955A;
	list-style-type: none;
}

#navigation ul li
{
	float: left;
	width: 100px;
	position: relative;
	text-align: center;
}

	#navigation ul li ul
	{
		display: none;
		position: absolute;
		top: 1em;
		left: 0;
		border: 1px solid #026D26;
	}

	#navigation ul li:hover ul, #navigation ul li.over ul
	{
		display: block;
		width: 98px;
		background-color: #EDF4EF;
	}

	#navigation ul li ul li
	{
		float: none;
	}


#navigation ul li a
{
	display:	block;
	width:		100px;
	color:		#fff;
	font-size:	10px;
	text-decoration:	none;
	line-height:		16px;
}

#navigation ul li a:hover
{
	background: #A14D3F;
}

	#navigation ul li ul li a
	{
		width: 98px;
		color: #000;
		line-height: 20px;
	}

	#navigation ul li ul li a:hover
	{
		color: #fff;
	}

#navigation ul li#nav-startseite
{
	margin-left: 142px;
}

#navigation ul li#nav-workshops,
#navigation ul li#nav-interaktiv,
#navigation ul li#nav-kontakt
{
	background-color: #006D26;
}

#abswelcome a {
	
	color: #fff;
	text-decoration: none;
	
}

#abswelcome a:hover {
	
	text-decoration: underline;
	
}

/* Automatische Wahl der Navigation, gesteuert via: body id="..." */
body#bd-startseite #navigation ul li#nav-startseite,
body#bd-workshops #navigation ul li#nav-workshops,
body#bd-informativ #navigation ul li#nav-informativ,
body#bd-interaktiv #navigation ul li#nav-interaktiv,
body#bd-forum #navigation ul li#nav-forum,
body#bd-kontakt #navigation ul li#nav-kontakt
{
	background: #A14D3F;
}


/* === [ Header / Boxen ] ===================================================================== */

#header
{
	clear: left;
	height: 76px;
}

	body#bd-startseite #header
	{
		background: #7DA605 url(/design/headerpix/startseite.jpg) no-repeat;
	}

	body#bd-workshops #header
	{
		background: #7DA605 url(/design/headerpix/workshops.jpg) no-repeat;
	}

	body#bd-informativ #header
	{
		background: #7DA605 url(/design/headerpix/informativ.jpg) no-repeat;
	}

	body#bd-interaktiv #header
	{
		background: #7DA605 url(/design/headerpix/interaktiv.jpg) no-repeat;
	}

	body#bd-forum #header
	{
		background: #7DA605 url(/design/headerpix/forum.jpg) no-repeat;
	}

	body#bd-kontakt #header
	{
		background: #7DA605 url(/design/headerpix/kontakt.jpg) no-repeat;
	}

#suchbox
{
	float: left;
	width: 152px;
}

	#suchbox h4
	{
		color: #fff;
		font-size: 0.6em;
		font-weight: normal;
		padding: 13px 0 4px 13px;
	}

	#suchbox fieldset
	{
		vertical-align: middle;
		padding-left: 7px;
	}

	#suchbox #portalsuche
	{
		float: left;
		width: 101px;
		height: 13px;				/* 13px + 1px border + 1px padding = 17px */
		padding: 1px;

		border: 1px solid #B5BAC2;
		background-color: #F6F9F9;
		vertical-align: middle;

		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.6em;
		color: #2A5B20;
	}

	#suchbox .suchlupe
	{
		float: left;
		width:	23px;
		height:	17px;
		vertical-align: middle;
	}

#personalbox
{
	float: right;
	width: 247px;
	position: relative;
}

	#personalbox #abswelcome
	{
		width: 160px;
		position: absolute;
		top: -14px;
		left: 10px;
		color: #fff;
		font-size: 10px;
	}

	#personalbox #absavatar
	{
		width: 50px;
		position: absolute;
		top: -25px;
		right: 15px;
	}

		#personalbox #absavatar img
		{
			display: block;
			width: 50px;
			height: 50px;
			background: url(/design/icons/avatar.jpg) no-repeat right top;
		}

		#personalbox #absavatar a
		{
			display: block;
			width: 45px;
			padding-left: 10px;
			margin-top: 27px;

			font-size: 9px;

			color: #2A5B20;
			text-decoration: none;

			background: url(/design/glossar/poplink.gif) 0px 1px no-repeat;
		}

		#personalbox #absavatar a:hover
		{
			text-decoration: underline;
		}

	#personalbox ul
	{
		padding: 12px 0 0 0;
		list-style-type: none;
		font-size:	10px;
		color:		#2A5B20;
	}

	#personalbox ul li
	{
		line-height: 18px;
	}

	#personalbox ul li a
	{
		display: block;
		width: 160px;
		padding-left: 20px;

		color: #2A5B20;
		text-decoration: none;
		background: url(/design/icons/bullet-rot.gif) 10px 8px no-repeat;
	}

	#personalbox ul li a:hover
	{
		text-decoration: underline;
	}
	
	#personalbox fieldset
	{
		padding: 15px 0 0 10px;
		width: 170px;
	}

	#personalbox #forumlogin, #personalbox #forumpass
	{
		clear: left;
		float: left;
		width: 120px;
		height: 13px;
		border: 1px solid #B5BAC2;
		background-color: #F6F9F9;

		margin-bottom: 2px;
		padding: 1px;
		vertical-align: middle;

		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.6em;
		color: #2A5B20;
	}

	#personalbox #stayradio
	{
		clear: left;
		float: left;
		vertical-align: middle;
	}

	* html #personalbox #stayradio
	{
		margin-top: -4px;
	}

	#personalbox #sendlogin
	{
		float: left;
		width: 29px;
		height: 16px;
		vertical-align: middle;
		margin-left: 2px;
	}
	
	#personalbox p
	{
		font-size: 0.6em;
		color: #000;
		vertical-align: middle;
	}

/* === [ Trenner ] =========================================================================== */

#trenner
{
	clear: left;
	height: 27px;
	background: #F3FAF5 url(/design/trenner/trenner.gif) no-repeat;
}

	#trenner ul
	{
		margin: 2px 0 0 10px;
		float: left;
		width: 800px;
		list-style-type: none;
	}

	#trenner ul li
	{
		padding-right: 5px;
		float: left;
		width: auto;
		color: #fff;
		font-size: 0.6em;
	}

	#trenner ul li a
	{
		color: #fff;
		text-decoration: none;
	}

	#trenner ul li a:hover
	{
		color: #d4e1b3;
	}

	#trenner #iconleiste
	{
		float: right;
		width: 98px;
	}

	#trenner #iconleiste img
	{
		float: left;
		width: 18px;
		height: 18px;
		margin: 5px 5px 0 1px;
	}
/* === [ Hauptinhaltsbereich ] =============================================================== */

#seitenleiste
{
	float: left;
	width: 250px;
	background-color: #EDF4EF;
}

	#seitenleiste h2
	{
		font-size: 0.9em;
		color: #A14D3F;
		padding: 25px 0 0 30px;
	}

	#seitenleiste h3
    {
    	clear: left;
    	padding: 20px 0 0 30px;
    	font-size: 0.65em;
    	color: #A14D3F;
    }


    #seitenleiste p
    {
    	font-size: 0.7em;
		color: #000;
		line-height: 1.85;
		padding: 20px 20px 0px 30px;
	}

	#seitenleiste p.p-variante {
	   padding-top: 0;
	   padding-bottom: 10px;
	}

	#seitenleiste .grauesfeld
    {
    	clear: left;
    	background-color: #e4eae6;
    	margin-bottom: 20px;
    }

    #seitenleiste .trenner
    {
    	border: 1px solid #255C1A;
    	border-width: 1px 0 0 0;
    	margin: 0 30px 10px 30px;
    }

    #seitenleiste .trenner hr
    {
        display: none;
    }

    #seitenleiste ol
    {
    	margin: 0 0 0 20px;
    	padding: 10px 20px 0 30px;
    	font-size: 0.7em;
    	color: #000;
    }

    #seitenleiste ol li
    {
    	line-height: 1.85;
    }

#maincontent
{
	float: right;
	width: 742px;
	margin-top: 39px;
}

/* === [ Footer ] =========================================================================== */

#footer
{
	clear: both;
	padding-left: 30px;
	height: 23px;
	background: #F3FAF5 url(/design/footer/footer.gif) no-repeat;
}

	#footer p
	{
		font-size: 0.65em;
		line-height: 23px;
	}

	#footer a
	{
		color: #69A472;
		text-decoration: none;
	}

	#footer a:hover
	{
		color: #F3FAF5;
	}



/*
	================================================================================
	|
	|	[ Photozauber Startseite CSS ]
	|	==============================
	|	$ver:	1.0 initial release
	|	$date:	2005/08/28 14:22
	|
	|	changelog (++ neu hinzugefügt | ** geändert || -- entfernt):
	|
	|		++ Erste Version		(2005/08/28)
	|
	================================================================================
	|	Copyright (c) DevShack - All rights reserved.
	|	http://www.devshack.biz/ - bojic@devshack.biz
	================================================================================
*/

/* === [ Linke Seitenleiste ] =============================================================== */

	#seitenleiste .infobox, #seitenleiste .endinfobox
	{
		margin: 25px 30px 0 30px;
		padding-left: 35px;
		background-repeat: no-repeat;
	}

    #seitenleiste .endinfobox {
        padding-bottom: 30px;
    }


	#seitenleiste .infobox h4, #seitenleiste .endinfobox h4
	{
		font-size: 0.7em;
		color: #A14D3F;
		padding-bottom: 5px;
	}


	#seitenleiste .infobox p, #seitenleiste .endinfobox p
	{
	   padding: 0 0;
	}

	#seitenleiste .infobox a, #seitenleiste .endinfobox a
	{
		color: #A14D3F;
		text-decoration: none;
	}

	#seitenleiste .infobox a:hover, #seitenleiste .endinfobox a:hover
	{
		text-decoration: underline;
	}

/* === [ Hauptinhaltsbereich ] =============================================================== */

#maincontent h3
{
	padding: 25px 0 23px 30px;
	font-size: 0.85em;
	color: #A14D3F;
}

#maincontent h3.firstHeading {
    spadding: 25px 0 10px 30px;
}

#maincontent h4
{
	font-size: 0.7em;
	color: #A14D3F;
	padding: 10px 0 18px 30px;
}

#maincontent h3 span {
    font-size: 0.8em;
    display: block;
	padding: 10px 0 0 0;
}

#maincontent .hiddenclear {
    clear: left;
}

#maincontent .trennlinie
{
	clear: left;
	border: 1px solid #68A371;
	border-width: 1px 0 0 0;
	/*margin: 0 30px;*/
	margin: 0 10px 0 30px;
}

#maincontent hr
{
	display: none;
}

#maincontent .inhaltsbox, #maincontent .inhaltsbox2
{
	width: 50%;
	float: left;
}

#maincontent .inhaltsbox p, #maincontent p
{
	padding: 0 30px 15px 30px;
	font-size: 0.7em;
	color: #000;
	line-height: 1.85;
}


#maincontent .shortnewsbox
{
	width: 50%;
	float: left;
    background-repeat: no-repeat;
    background-position: 32px 28px;
    /*cursor: hand;*/
}

#maincontent .shortnewsbox h5
{
	text-align: right;
	padding: 0 20px 0 0;
	margin: 0 0 0 30px;
	background: url(/design/startseite/shortnews.gif) no-repeat;
	color: #02571E;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 19px;
	height: 19px;
}

#maincontent .shortnewsbox h5 a {
    /*color: #02571E;*/
    display: block;	
}

#maincontent .shortnewsbox h5 a:hover {
    text-decoration: none;
}

#maincontent .shortnewsbox span
{
	float: left;
	width: auto;
	padding: 0 0 0 6px;
	/*padding: 0 0 0 35px;*/
}

#maincontent .shortnewsbox img
{
	vertical-align: middle;
	margin-bottom: 4px;
}

#maincontent .shortnewsbox p
{
	padding: 2px 10px 20px 85px;
	font-size: 0.7em;
	line-height: 1.85;
	color: #000;
}

#maincontent dl
{
	font-size: 0.7em;
	padding: 0 0 0 30px;
	line-height: 1.85;
}

#maincontent dt
{
	float: left;
	clear: left;
	width: 335px;
}

	#maincontent dt a
	{
		/*color: #02571E;*/
		text-decoration: none;
	}

	#maincontent dt a:hover
	{
		text-decoration: underline;
	}

#maincontent dd
{
	float: left;
	width: 330px;
	padding: 0 0 0 40px;
}

#maincontent  dl.fachartikel dd {
	margin-bottom: 20px;
}

	#maincontent dl.fachartikel dd b
	{
		color: #6B6B6B;
	}



/* === [ GLOSSAR ] =========================================================================== */

#seitenleiste .glossarsuchefrm {
    padding-top: 22px;
}

#seitenleiste .glossarsuchefrm fieldset
{
	clear: left;
	vertical-align: middle;
	padding: 3px 0 3px 30px;
}

#seitenleiste .glossarsuchefrm .glossarsuche
{
	float: left;
	width: 180px;
}

#seitenleiste .glossarsuchefrm .glossarsuche, #seitenleiste .glossareingabefrm #begrifffeld, #seitenleiste .glossareingabefrm #linkfeld
{
	height: 13px;				/* 13px + 1px border + 1px padding = 17px */
	padding: 1px;

	border: 1px solid #B5BAC2;
	background-color: #F6F9F9;
	vertical-align: middle;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #2A5B20;
}

#seitenleiste .glossarsuchefrm .suchlupe
{
	float: left;
	width:	23px;
	height:	17px;
	vertical-align: middle;
}

#seitenleiste ul.buchstabenauswahl
{
	float: left;
	clear: left;

	width: 220px;

	list-style-type: none;
	padding: 15px 0 15px 28px;
}



#seitenleiste ul.buchstabenauswahl  li
{
	float: left;
	width: 14px;
	height: 14px;
	line-height: 12px;
	padding: 0 1px 1px 0;
}


/* === [ GLOSSAR Eingabeformular ] =========================================================================== */
#seitenleiste h3.glossar
{
	padding: 10px 0 10px 30px;
}

#seitenleiste .glossareingabefrm fieldset
{
	clear: left;
	vertical-align: middle;
	padding: 3px 0 3px 30px;
}

#seitenleiste .glossareingabefrm fieldset.rechts
{
	text-align: right;
	padding-right: 16px;
}

#seitenleiste .glossareingabefrm fieldset label#poplink
{
	background: url(/design/glossar/poplink.gif) 33px 3px no-repeat;
}

#seitenleiste .glossareingabefrm fieldset label a
{
	color: #A14D3F;
	text-decoration: none;
}

#seitenleiste .glossareingabefrm fieldset label a:hover
{
	text-decoration: underline;
}

#seitenleiste .glossareingabefrm fieldset label
{
	float: left;
	width: 60px;

	line-height: 17px;

	color: #000;
	font-weight: bold;
	font-size: 0.7em;
}

#seitenleiste .glossareingabefrm #begrifffeld, #seitenleiste .glossareingabefrm #linkfeld
{
	float: left;
	width: 140px;
}

#seitenleiste .glossareingabefrm #textfeld
{
	float: left;
	width: 202px;
	height: 85px;

	border: 1px solid #B5BAC2;
	background-color: #F6F9F9;
	vertical-align: middle;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
}

/*#seitenleiste .glossareingabefrm #suchbutton, */
#seitenleiste .glossareingabefrm #eintragebutton
{
	width: 82px;
	height: 17px;
}

/* === [ GLOSSAR Inhalt ] =========================================================================== */

#maincontent h3.glossar
{
	padding: 28px 0 2px 30px;
	clear: left;

}

	#maincontent h3.glossar img
	{
		width: 14px;
		height: 14px;
	}

#maincontent h4.glossar
{
	padding: 20px 0 0 30px;
	font-size: 0.7em;
	font-weight: bold;
	clear: left;
	line-height: 1.85;
	color: #000;
}

    #maincontent .inhaltsbox h5
    {
    	padding: 0 0 5px 30px;
    	font-size: 0.7em;
    	color: #000;
    }

	#maincontent .inhaltsbox h5.glossar
	{
		padding: 0 0 0 30px;
		line-height: 1.85;
		font-weight: normal;
	}

	#maincontent .inhaltsbox ul.glossar
	{
		padding: 0 0 0 35px;
		list-style-type: none;
	}

	#maincontent .inhaltsbox ul.glossar li
	{
		font-size: 0.7em;
		color: #000;
		padding-left: 10px;
		background: url(/design/icons/bullet-rot.gif) 0 8px no-repeat;
	}


	#maincontent .inhaltsbox ul.glossar li a
	{
		color: #A14D3F;
		text-decoration: none;
		line-height: 1.85;
	}

	#maincontent .inhaltsbox ul.glossar li a:hover
	{
		color: #70362C;
		text-decoration: underline;
	}


/* === [ Fachartikel ] =========================================================================== */
#seitenleiste dl.fachartikel
{
	float: left;
	width: 220px;	/* 220 + 25 = 250 */
	padding: 25px 0 20px 30px;
	font-size: 0.7em;
}
    #seitenleiste dl.fachartikel dt, #seitenleiste dl.fachartikel dd
	{
		float: left;
		width: 50%;
		line-height: 20px;
	}

	#seitenleiste dl.fachartikel dt
	{
		color: #64834D;
	}

	#seitenleiste dl.fachartikel dd.bewertung
	{
		/*color: #cbcbcb;*/
		font-size: 1.6em;
	}

	/*
	#seitenleiste dl.fachartikel dd span.bewertungwahl
	{
		color: #B72D38;
	}*/

#seitenleiste h3.h3-variante
{
	padding: 5px 0 5px 30px;
	clear: left;
	font-size: 0.7em;
	color: #64844B;
}

    #seitenleiste fieldset.fachartikel-bewertung
	{
		padding: 5px 0 10px 30px;
		vertical-align: middle;
	}

	#seitenleiste fieldset.fachartikel-bewertung #bewertung
	{
		width: 120px;
		font-size: 0.7em;
		border: 1px solid #b3b3b3;
		vertical-align: middle;
	}

	#seitenleiste fieldset.fachartikel-bewertung #bewertschick
	{
		width: 29px;
		height: 16px;
		vertical-align: middle;
	}

#maincontent .inhaltsbox2, #maincontent .first
{
	padding-top: 27px; /* Zusätzlich, da wir hier keine Titelüberschrift haben */
}

    #maincontent .inhaltsbox2 dl.fachartikel
	{
		padding: 0 10px 0 30px;
		font-size: 0.7em;
		color: #474747;
		line-height: 1.5;
	}

	#maincontent .inhaltsbox2 dl.fachartikel dd
	{
		padding: 0 0 10px 0;
	}

	#maincontent .inhaltsbox2 h4
	{
		padding: 10px 0 10px 30px;
		color: #65844D;
		font-size: 0.7em;
	}

	#maincontent .inhaltsbox2 p.selbstschreib
	{
		padding-left: 65px;
		background: url(/design/icons/fueller.jpg) 30px 5px no-repeat;
	}

	#maincontent .inhaltsbox2 .trenner
	{
		border: 1px solid #255C1A;
		border-width: 1px 0 0 0;
		margin: 0 30px 10px 30px;
	}

	#maincontent .inhaltsbox2 .trenner hr
	{
		display: none;
	}

	#maincontent .trenner /* bis dato nur in der Tut-Kategorieübersicht */
	{
		clear: left;
		border: 1px solid #68A371;
		border-width: 1px 0 0 0;
		margin: 0 10px 0 30px;
	}

	#maincontent .inhaltsbox2 .seitenauswahl {
	   color: #65844D;
	}

	#maincontent .inhaltsbox2 .seitenauswahl img {
	   vertical-align: middle;
	   margin: 2px;
	}

/* === [ Tutorialübersichten ] =========================================================================== */
	.inhaltsbox2 .tutbox
	{
		padding: 0 15px 15px 90px;
		background: 30px 3px no-repeat; /* Bild wird direkt inline via style="..." eingefügt */
	}

	#maincontent .inhaltsbox2 .tutbox h4
	{
		padding: 0;
		font-size: 0.79em;
		color: #A14D3F;
	}

	#maincontent .inhaltsbox2 .tutbox  p
	{
		padding: 5px 0;
		font-size: 0.7em;
		color: #010101;
		line-height: 1.85;
	}

	#maincontent .inhaltsbox2 .tutbox .tutselect
	{
		font-size: 0.7em;
		width: 220px;
		border: 1px solid #B6BCC3;
		margin: 5px 0 0 0;

		background-color: #F0F7F8;
		color: #010101;
	}


	#maincontent .inhaltsbox2 .tutbox .toplist {
        margin: 15px 0 0 0;
        font-size: 0.7em;
		width: 260px;
	}

	.toplist .name {
        width: 160px;
	}

	#maincontent .inhaltsbox2 .tutbox h5
	{
		padding: 0;
		font-size: 0.7em;
		color: #A14D3F;
	}

	#maincontent .inhaltsbox2 .tutbox strong
	{
		font-weight: normal;
		color: #026D26;
	}

	#maincontent .inhaltsbox2 .tutbox ol
    {
    	font-size: 0.7em;
    	color: #000;
    	margin: 0 0 0 20px;
    	padding: 5px 0;
    }

    #maincontent .inhaltsbox2 .tutbox ol li
    {
    	line-height: 1.85;
    }

    #maincontent .inhaltsbox2 .tutbox ol li strong
    {
    	font-weight: normal;
    	color: #026D26;
    }

/* === [ Partner / Team ] ======================================================================================== */

#maincontent .inhaltsbox2 .partnerbox
{
	padding: 0 0 30px 30px;
}
    #maincontent .inhaltsbox2 h4.team
	{
		color: #A14D3F;
		padding: 0;
	}
	
	#maincontent .inhaltsbox2 .partnerbox img
	{
		width: 74px;
		height: 74px;
		float: left;
		margin: 0 5px 5px 0;
	}

	#maincontent .inhaltsbox2 .partnerbox dl
	{
		padding: 20px 10px 0 0;
		color: #000;
		font-size: 0.7em;
		line-height: 1.85;
	}

	#maincontent .inhaltsbox2 .partnerbox dl.abstand-dl
	{
		padding-top: 5px;

	}

	#maincontent .inhaltsbox2 .partnerbox dt
	{
		float: none;
		width: auto;
		font-weight: bold;
		display: inline;
		clear: left;
	}

	#maincontent .inhaltsbox2 .partnerbox dd
	{
		float: none;
    	padding: 0;
    	display: inline;
	}

	#maincontent .inhaltsbox2 .partnerbox ul
	{
		list-style-type: none;
		font-size: 0.7em;
		line-height: 1.85;
		padding: 5px 0 0 3px;
	}

	#maincontent .inhaltsbox2 .partnerbox ul li a
	{
		color: #000;
	}

	#maincontent .inhaltsbox2 .partnerbox ul li a:hover
	{
		color: #70362C;
	}
	

/* === [ Links ] =========================================================================== */
	#maincontent .inhaltsbox2 ul.links
	{
		list-style-type: none;
		font-size: 0.7em;
		line-height: 1.85;
		padding: 5px 0 0 3px;
	}

	#maincontent .inhaltsbox2 ul.links li a
	{
		color: #000;
	}

	#maincontent .inhaltsbox2 ul.links li a:hover
	{
		color: #70362C;
	}
	
/* === [ Kontaktformular ] =========================================================================== */

#maincontent .contactfrm fieldset
	{
		padding: 0 0 0 30px;
	}

	#maincontent .contactfrm label
	{
		float: left;
		clear: left;
		font-size: 0.7em;
		width: 6.5em;
		padding-bottom: 15px;
	}

	#maincontent .contactfrm label.abstandmitteilung
	{
		padding-bottom: 5px;
	}

	#maincontent .contactfrm p
	{
		color: #026D26;
		padding-bottom: 15px;
		padding-left: 0;
	}
	
	#maincontent .contactfrm input
	{
		float: left;
		width: 200px;
		margin-bottom: 15px;

		border: 1px solid #B5BAC2;
		background-color: #F6F9F9;

		font-size: 0.65em;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #2A5B20;
	}

	#maincontent .contactfrm textarea
	{
		width: 340px;
        clear: left;
        
		border: 1px solid #B5BAC2;
		background-color: #F6F9F9;

		font-size: 0.7em;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #2A5B20;
	}

	#maincontent .contactfrm #abschickbutton
	{
		float: right;
		padding: 5px 5px 0 0;
		border: 0 none;
		width: 82px;
		height: 17px;
	}
	
	#maincontent .contactfrm .trenner
	{
		margin: 0;
	}
	
	#maincontent .contactfrm .err,
	#maincontent .nlfrm .err {
	    color: #000 !important;
	    border: 1px solid red !important;
	}
	
/* === [ Newsletterformular ] =========================================================================== */
#maincontent .nlfrm fieldset
	{
		padding: 0 0 0 30px;
	}

	#maincontent .nlfrm label
	{
		float: left;
		clear: left;
		font-size: 0.7em;
		width: 5em;
		padding-bottom: 15px;
	}

	#maincontent .nlfrm label.abstandmitteilung
	{
		padding-bottom: 5px;
	}

	#maincontent .nlfrm input
	{
		float: left;
		width: 200px;
		margin-bottom: 15px;

		border: 1px solid #B5BAC2;
		background-color: #F6F9F9;

		font-size: 0.7em;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #2A5B20;
	}
	
	#maincontent .nlfrm input.radio
	{
		width: 20px;
		float: left;
		border: 0 none;
		vertical-align: middle;
	}
	
	#maincontent .nlfrm label.radios
	{
		clear: none;
		float: left;
		width: 6em;
		vertical-align: middle;
	}

	* html #maincontent .nlfrm label.radios
	{
		margin-top: 3px;
	}
	
	#maincontent .nlfrm p
	{
		clear: left;
		padding-bottom: 15px;
        padding-left: 0;
	}
	
	#maincontent .nlfrm #abschickbutton
	{
		clear: left;
		padding: 5px 5px 0 0;
		border: 0 none;
		width: 82px;
		height: 17px;
	}
	
/* === [ Veranstaltungen ] =========================================================================== */
.events h5 {
    font-size: 0.7em;
	color: #000;
	line-height: 1.85;
	padding: 10px 0 0 30px;
}

.eventsnavi {
    padding:14px 10px 18px 30px!important;
}

.eventsnavi a img {
    padding-right: 7px;
}

.eventsnavi a.fw img {
    padding-right: 0;
    padding-left: 7px;
}

.eventsnavi a.fw {
    float:right;
}

/* === [ Suchergebnisse ] =========================================================================== */

#maincontent .inhaltsbox .ergebnisbox
{
	padding: 0 0 5px 60px;
	background: 30px 3px no-repeat; /* Bild wird direkt inline via style="..." eingefügt */
}

#maincontent .inhaltsbox .ergebnisbox h4
{
    padding: 6px 0 0 0;
    margin: 0;
	font-size: 0.7em;
	color: #A14D3F;
}
	
#maincontent .inhaltsbox .ergebnisbox p
{
	padding: 5px 0;
	font-size: 0.7em;
	color: #000;
}

#maincontent .inhaltsbox .ergebnisbox p.katicon
{
	padding: 0;
    margin: 0;
	padding-left: 18px;
	background: url(/design/icons/katpix.jpg) 1px 5px no-repeat;
}

#maincontent .inhaltsbox .ergebnisbox ul
{
	list-style-type: none;
	font-size: 0.7em;
	padding: 5px 0 20px 5px;
}

#maincontent .inhaltsbox .ergebnisbox ul li
{
	line-height: 1.85;
}

#maincontent .inhaltsbox .ergebnisbox ul li a
{
	color: #000;
}

#seitenleiste .suchergebnis p.grau
{
	color: #787878;
	margin-bottom: 100px;
}

#seitenleiste .suchergebnis strong
{
	font-weight: bold;
	color: #2A5B20;
}

/* === [ Sitemap ] =========================================================================== */

.sitemap h3 {
    padding-top: 0 !important;
    padding-bottom: 7px !important;
    color: #026d26 !important;
}

.sitemap h4 {
    padding: 3px 0 7px 60px !important;
	font-size: 0.78em !important;
	color: #A14D3F !important;
	background: url(/.gif) no-repeat 30px top;
}

.sitemap h5 {
    padding: 4px 0 7px 90px !important;
	font-size: 0.7em !important;
	color: #A14D3F !important;
}

.sitemap h6 {
    padding: 4px 0 4px 120px !important;
	font-size: 0.65em !important;
	color: #A14D3F !important;
}

.sitemap ul
{
	list-style-type: none;
	font-size: 0.65em;
	padding: 0 0 5px 90px;
	color: #A14D3F !important;
}

.sitemap ul li
{
	line-height: 1.85;
}


.sitemap .trennlinie {
    border-color: #000 !important;
    padding-bottom: 20px;
}

.sitemap li {
    margin-left: 30px;
}

/* === [ Meldungen / Fehlermeldungen ] =========================================================================== */
.err {
    color: red !important;
} 
    
#seitenleiste .err {
    padding-top: 0;
}

#seitenleiste .msg {

}


/**
 * SetaContainer-Styles
 */
.SetaContainer {
	/* muss sein */
	position: absolute;
	visibility: hidden;	
	z-Index: 1000;
	top: -1000px;
	left: -1000px;
	
	/* optional */
	border: 1px solid #B5BAC2;
	background-color: #FFFAC6;
	/*text-align: justify;*/
	padding: 2px;
	font: menu;
}

.tellafriend {
    border: 1px solid #026d26;
    background-color: #F3FAF5;
    padding: 2px 0 4px 0 !important;
    width: 150px;
}

.tellafriend .heading {
    background-color: #026d26;
    font-size: 0.78em;
    line-height: 14px;
    color: #fff;
    text-align: center;
}

.tellafriend form {
    margin: 4px 4px 0 4px;
}

.tellafriend form input.txt {
    clear: left;
	float: left;
	width: 106px;
	height: 13px;
	border: 1px solid #B5BAC2;
	background-color: #F6F9F9;

	padding: 1px 1px 0 1px;
	vertical-align: middle;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.78em;
	color: #2A5B20;
}

.tellafriend form input.ok {
{
	float: left;
	width: 29px;
	height: 16px;
	vertical-align: middle;
	margin-left: 2px;
}