/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aktiviti.de                                       */ 
/* 2009-02-16                                        */
/* goersch@bytebetrieb.com                           */
/*                                                   */
/* Allgemeine Stylesheets                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - */



/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse: collapse; border-spacing:0; }



/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
} 

html {
	overflow:			hidden;
	min-width:			1000px;
	height:				100%;
	font-size:			100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	min-width:			1000px;
	height:				100%;
	background:			#fff;
	color:				#111;
	font:				62.5%/125% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
}

body.popup {
	background:			none;
	min-width:			480px;
	width:				480px;
}


fieldset 	{ border:none; }

h1, h2, h3, h4, h5, h6 {
	margin:				0 0 1em;
}
h2 {
	font-weight:		bold;
	font-size:			1.6em;
	line-height:		1.4em;
	color:				#606d11;
}
h3 { color:#620000; }
h4 { 
	margin: 			30px 0 0 0; 
	font-size:			1.6em;
	color:				#fff; 
	background-color:	#620000; 
	padding:			6px 0 6px 10px;	
	width:				560px;
}
h5 {
	font-weight:		bold;
	font-size:			1.2em;
	line-height:		1.45em;
	color:				#606d11;
}

p {
	font-size:			1.2em;
	line-height:		1.45em;
	margin:				0 0 1em;
}
strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

ul {
	list-style-type: 	disc;
	padding:			0;
	margin:				0 0 1em 1em;
}
ol, dl {
	padding:			0;
	margin:				0 0 1em 1em;
}

a,
a:link 		{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:visited 	{ text-decoration: none; color: #333; border-bottom:1px dashed #000; }
a:hover 	{ text-decoration: none; color: #606d11; border-bottom:1px solid #606d11; }
a:active 	{ text-decoration: none; color: #606d11; border-bottom:1px solid #606d11; }
a:focus 	{ text-decoration: none; color: #606d11; border-bottom:1px solid #606d11; }

a img, img 	{ border: none; }
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }




/* - - - - - - - - - - - */
/* G R U N D G E R Ü S T */
/* - - - - - - - - - - - */

#seitenblock {
	position:			absolute;
	top:				0;
	left:				-180px;
	min-width:			960px;
	width:				100%;
	height:				100%;
	background:			#fff url(/_p/bg-schatten-rand.png) 190px 0 repeat-y;
}
body.popup #seitenblock {
	min-width:			440px;
	width:				440px;
	left:				0;
}

#kopf {
	position:			absolute;
	top:				0px;
	left:				200px;
	width:				100%;
	height:				100px;
}
body.popup #kopf { display:none; }


#kopf .inlay {
	padding-right:		200px;
	height:				100px;
	background:			#eff5e0 url(/_p/bg-kopf.png) 0 0 repeat-x;
}

#inhalt {
	position:			absolute;
	top:				100px;
	left:				200px;
	right:				0;
	bottom:				0;
	overflow:			hidden;
	background:			#fff;
}
#inhalt .inlay {
	padding-right:		200px;
}
body.popup #inhalt {
	top:				0;
	left:				0;
	right:				100px;
	background:			#DCE9B0;
	padding:			20px 0 0 20px;
	border:				1px solid #606d11;
	border-width:		0 1px;
}
body.popup #inhalt .inlay {
	padding-right:		0;
}



.seite #inhalt {
	overflow:			auto;
	background:			#DCE9B0;
}
.seite #inhalt .inlay { }
#adminseite.seite #inhalt {
	background:			#fff;
}

#kartenblock {
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	bottom:				0;
	overflow:			hidden;
}
.halbkarte #kartenblock { bottom:278px; }
.halbkarte .drinnen #kartenblock { bottom:8px; }

#karte {
	position:			absolute;
	top:				0;
	left:				240px;
	right:				0;
	bottom:				0;
	overflow:			hidden;
	background:			#e5e3df url(/_p/bg-karte.png) center center;
}

#kartenrand {
	position:			absolute;
	top:				0;
	left:				0;
	bottom:				0;
	width:				240px;
	overflow:			auto;
	background:			transparent url(/_p/bg-selektor.png);
	border-right:		1px solid #606d11;
}
#kartenrand .inlay {
	padding:			15px;
}


#seite {
	position:			absolute;
	top:				0;
	left:				240px;
	width:				560px;
	padding:			15px;
	background:			#eff5e0;
	border:				1px solid #606d11;
	border-width:		0 1px;
	
	padding-bottom:		200px;
}
#loginseite #seite {
	bottom:				0;
	padding-bottom:		200px;
}
#adminseite #seite {
	background:			#fff;
	border:				none;
	left:				0px;
}
#seitenrand {
	position:			absolute;
	top:				0;
	left:				0;
	bottom:				0;
	width:				240px;
	background:			#dce9b0;
	border-right:		1px solid #606d11;
/*
	overflow:			auto;
*/
}


div#karteneintrag {
	position:			absolute;
	top:				0;
	bottom:				0;
	left:				0;
	right:				0;
	background:			#eff5e0;
	z-index:			9999;
}



#newsblock {
	position:			absolute;
	left:				0;
	bottom:				0;
	right:				0;
	height:				278px;
	overflow:			hidden;
	background:			#eff5e0;
}
.drinnen #newsblock { height:35px; }

#symbolleiste {
	position:			absolute;
	top:				0;
	left:				0;
	right:				0;
	height:				8px;
	overflow:			hidden;
	
	background:			#606d11;
}

#symbolleiste a.schalter {
	position:			absolute;
	top:				0;
	left:				0;
	height:				8px;
	width:				100%;
	text-indent:		-9999px;
	font-size:			1px;
	line-height:		1px;
	border:				none;
	
	background:			transparent url(/_p/icn-schalter-hr.png) 50% -8px no-repeat;
}
#symbolleiste a.schalter:hover {
	background-position:50% 0;
	background-color:	#9fc228;
}
.drinnen #symbolleiste a.schalter {
	background-position:50% -24px;
}
.drinnen #symbolleiste a.schalter:hover {
	background-position:50% -16px;
	background-color:	#9fc228;
}




#featurekasten {
	position:			absolute;
	top:				8px;
	left:				0;
	bottom:				0;
	height:				270px;
	width:				640px;
	overflow:			hidden;
}

#newskasten {
	position:			absolute;
	top:				8px;
	left:				640px;
	right:				0;
	bottom:				0;
	overflow:			auto;
}
.newslistenhead {
	margin: 			0;
	padding:			0 0 3px 10px;
	background-color:	#606d11;
	color:				#fff;
	font-weight:		bold;
	font-size:			1.2em;
	line-height:		1.4em;
}


#randnotizen {
	position:			absolute;
	top:				0;
	right:				-180px;
	bottom:				0;
	width:				180px;
	overflow:			hidden;
	background:			#fff url(/_p/bg-schatten-rand.png) -10px 0 repeat-y;
}
body.popup #randnotizen { display:none; }

.popuphead {
	margin:				-12px 0 25px;
}



/* - - - - */
/* K O P F */
/* - - - - */


#logo {
	position:			absolute;
	top:				10px;
	left:				10px;
	border:				none;
}


#statusleiste {
	position:			absolute;
	top:				65px;
	left:				0;
	right:				0;
	height:				35px;
	padding:			0 200px 0 240px;
	background:			#606d11;
}

#ajaxstatus {
	position:			absolute;
	top:				0;
	left:				0;
	width:				205px;
	height:				33px;
	padding:			2px 0 0 35px;
	overflow:			hidden;
	text-align:			left;
	font-size:			1em;
	line-height:		33px;
	font-weight:		bold;
	color:				#fff;
}
.ajaxloading { background:transparent url(/_p/icn-ajaxloader.gif) 10px center no-repeat; }

#brotkrumennavi { }

#ortsauswahl {
	float:				left;
	height:				35px;
	margin:				0 15px 0 0;
}


.elSelect {
	width:				206px;
	height:				20px;
	margin:				8px 0 0;
	font-size:			1.2em;
	line-height:		1.45em;
	background:			url(/_p/elselect-bgs.png) 0 0 no-repeat;
}
.optionsContainer .selected { background:#606d11 url(/_p/icn-pfeil-ortslink.png) 170px 3px no-repeat !important; color:#fff !important; cursor:pointer !important; font-weight:bold; }
.elSelect .clear 	{ clear:both; }
.elSelect .selectedOption {
	float:				left;
	padding:			1px 0 0 10px;
	overflow:			hidden;
	color:				#333;
	cursor:				pointer;
	border:				none;
	width:				170px;
}
.elSelect .dropDown {
	width:				23px;
	height:				20px;
	float:				right;
	background:			url(/_p/elselect-bgs.png) -206px 0 no-repeat;
}



.elSelect .optionsContainerTop 			{ width:100%; height:5px; position:absolute; }
.elSelect .optionsContainerTop div 		{ width:100%; height:5px; }
.elSelect .optionsContainerTop div div 	{ width:100%; height:5px; }
.elSelect .optionsContainerBottom { width:100%; height:5px; position:absolute; }
.elSelect .optionsContainerBottom div 		{ width:100%; height:5px; }
.elSelect .optionsContainerBottom div div 	{ width:100%; height:5px; }
.elSelect .optionsContainer {
	position:			absolute;
	top:				35px;
	display:			none;
	
	z-index:			8888;
	
	max-height:			240px;
	overflow-y:			scroll;
	overflow-x:			hidden;
}
.elSelect .option {
	padding:			0 0 0 5px;
	color:				#eff5e0;
	background-color:	#606d11;
	border-left:		solid 1px #a0c32b;
	border-right:		solid 1px #a0c32b;
	border-bottom:		solid 1px #a0c32b;
	text-align:			left;
}
.elSelect .disabled { }


.zurueck {
	float:				left;
	height:				35px;
	margin:				8px 15px 0 0;
	padding:			0 0 0 0;
	width:				206px;
}
.zurueck a {
	display:			block;
	border:				none;
	color:				#eff5e0;
	padding:			0 0 0 15px;
	margin:				4px 0 0 0;
	font-weight:		bold;
	height:				11px;
	line-height:		11px;
	background:			url(/_p/icn-pfeile.png) 0 0 no-repeat;
}
.zurueck a:hover { color:#9fc228; }





.sbox_l  {
	background:			#fff url(/_p/bg-input.png) 0 0 no-repeat;
	float:				left;
	width:				10px;
	height:				20px;
}

.sbox_r  {
	background:			#fff url(/_p/bg-input.png) 0 -20px no-repeat;
	float:				left;
	width:				10px;
	height:				20px;
}

.sbox input {
	background:			#fff url(/_p/bg-input.png) 0 -40px repeat-x;
	float:				left;
	border:				0;
	height:				17px;
	width:				130px;
	color:				#333;
	padding:			3px 3px 0;
}

#applesearch {
	float:				left;
	margin:				8px 0 0;
}

#applesearch .sbox_l  {
	background:			#fff url(/_p/srch-bgs.png) 0 -20px no-repeat;
	width:				20px;
}

#applesearch .sbox_r  {
	background:			#fff url(/_p/srch-bgs.png) 0 0 no-repeat;
	width:				20px;
}

#applesearch .sbox input {
	background:			#fff url(/_p/srch-bgs.png) 0 -60px repeat-x;
	width:				180px;
}






/* - - - - - - - - - - - - */
/* N A V I G A T I O N E N */
/* - - - - - - - - - - - - */

ul#metanavi {
	list-style-type:	none;
	text-align:			right;
	margin:				0 0 0 0;

	font-size:			1.2em;
	line-height:		1.45em;
}
#metanavi li {
	display:			inline;
	height:				20px;
	padding:			0 10px;
	text-align:			center;
	font-weight:		bold;
	font-size:			1em;
	line-height:		1em;
}
#metanavi li.aktiv a {
	border:				none;
	color:				#606D11;
}


#navigation {
	font-size:			1.2em;
	line-height:		1.45em;
}
#navigation ul {
	list-style-type:	none;
	position:			absolute;
	left:				240px;
	bottom:				0;
	height:				70px;
	width:				100%;
	padding:			0 8px 0 0;
	margin:				0;
}
#navigation li {
	position:			relative;
	float:				left;
	height:				35px;
	margin:				0;
	padding:			0 0 0 9px;
	background:			transparent url(/_p/bg-navigation-a-links.png) 0 -35px no-repeat;
	font-size:			1em;
	line-height:		1em;
	overflow:			hidden;
}
#navigation a {
	display:			block;
	float:				left;
	height:				31px;
	text-align:			center;
	line-height:		1.1em;
	font-weight:		bold;
	color:				#333;
	padding:			11px 10px 0 0;
	margin:				0 5px 0 0;
	border:				none;
	background:			transparent url(/_p/bg-navigation-a-rechts.png)  right -35px no-repeat;
}
html>body #navigation a { margin:0 2px 0 0; }
#navigation li.aktiv { background-position:0 0; }
#navigation .aktiv a:hover,
#navigation .aktiv a {
	color:				#fff;
	background-position:right 0;
}
#navigation a:hover { color:#606d11; }

#navigation .zweizeiler a { padding-top:5px; }


#navigation li ul {
	display:			none;
	position:			absolute;
	top:				35px;
	left:				0;
	z-index:			8888;
	width:				140px;
}
#navigation li:hover ul,
#navigation li.anzeigen ul { display: block; }
#navigation li li{ 
	clear:				left;
	float:				none;
	margin:				0 0 0 0;
	padding:			0;
	height:				auto;
	width:				140px;
	border:				none;
	background:			none;
}
/* IE7 Fix */
*+html #navigation li li {  margin-bottom:-1px; }

#navigation li li a {
	display:			block;
	width:				130px;
	float:				none;
	height:				auto;
	text-align:			left;
	font-weight:		normal;
	padding:			5px;
	margin:				0;
	border:				none;
	border-bottom:		1px solid #606d11;
	background:			#a0c32b !important;
	color:				#606d11 !important;
}
#navigation li li a:hover { color:#fff !important; }





/* - - - - - - - - - */
/* N E W S B L O C K */
/* - - - - - - - - - */

dl.newsliste {
	margin:				-10px 0 0 0;
}
.newsliste dt {
	color:				#606d11;
	font-weight:		bold;
	padding:			0 0 3px 5px;
	margin:				15px 0 0 0;
	border-bottom:		1px solid #606d11;
}
.newsliste dd {
	background:			#fff2d6;
}
.newsliste dd.z1 {
	background:			#ffe6ad;
}
.newsliste a {
	border:				none;
	display:			block;
	height:				20px;
	line-height:		20px;
	overflow:			hidden;
}
.newsliste a:hover {
	background:			#606d11;
	color:				#eff5e0;
}

.ortslabel {
	display:			block;
	float:				left;
/*
	width:				150px;
*/
	padding:			0 5px 0;
	overflow:			hidden;
	font-weight:		bold;
}
.newsliste a:hover .ortslabel { }



ul.textliste {
	margin:				0 0 1em 1.25em;
}
.textliste li {
	font-size:			1.2em;
	line-height:		1.45em;
	font-weight:		bold;
}







/* - - - - - */
/* K A R T E */
/* - - - - - */



div.markerTooltip {
	background:			transparent url(/_p/tt-bg.png) right 0 no-repeat;
	padding:			0 10px 0 0;
	height:				20px;
	color:				#000;
	white-space:		nowrap;
}
.ttbox {
	background:			transparent url(/_p/tt-bg.png) left -20px no-repeat;
	margin:				0 0 0 -10px;
	height:				20px;
	width:				100%;
}
.ttwrapper {
	background:			transparent url(/_p/tt-bg.png) 0 -40px repeat-x;
	padding:			4px 0 0 0;
	margin:				0 0 0 10px;
	height:				16px;
	width:				100%;
}

div.markerDetail {
	position:			relative;
	width:				417px;
	height:				184px;
	padding:			6px 7px 65px 6px;
	margin:				-200px 0 0;
	background:			transparent url(/_p/iw-bg.png) 0 0 no-repeat;
}
.previewbox h2,
.markerDetail h2 {
	font-weight:		bold;
	font-size:			1.4em;
	line-height:		1.4em;
	color:				#606d11;
	border-bottom:		1px solid #606d11;
	padding:			2px 10px 0;
	margin:				0;
	height:				20px;
	width:				397px;
	overflow:			hidden;
}
.markerDetail .beacon {
	position:			absolute;
	width:				13px;
	height:				59px;
	top:				251px;
	left:				196px;
	background:			transparent url(/_p/iw-beacon.png) 0 0 no-repeat;
}

.visiblock {
	padding:			0 5px 0 10px;
}
#startseite .visiblock {
	padding-top:		10px;
}
#startseite .visiblock p {
	font-size:			1em;
}

a.markerDetailClose {
	position:			absolute;
	top:				-4px;
	right:				-3px;
	text-indent:		-9999px;
	border:				none;
	display:			block;
	width:				20px;
	height:				20px;
	background:			transparent url(/_p/iw-close.png) 0 0 no-repeat;
}
a.markerDetailClose:hover {
	background-position:0 -20px;
}






.visiblock .bildblock {
	width:				80px;
	height:				80px;
	text-align:			center;
	border:				1px solid #606d11;
	background:			#eee;
	color:				#606d11;
	float:				left;
	margin:				0 10px 0 0;
	overflow:			hidden;
}
.visiblock .startseitennewsbildblock {
	display:			block;
	width:				120px;
	height:				120px;
}

a.leerthumb {
	padding:			3px;
	font-size:			0.75em;
	border:				none;
}
.visiblock .adressblock {
	width:				290px;
	line-height:		15px;
	padding:			5px 5px 8px;
	border:				1px solid #606d11;
	background:			#eee;
	color:				#000;
	float:				left;
	margin:				0 0 2px 0;
	overflow:			hidden;
}
.visiblock .adresstrenner {
	height:				7px;
}
.visiblock p.textblock {
	width:				395px;
	height:				80px;
	padding:			0;
	overflow:			hidden;
	line-height:		1.3em;
}
.visiblock .adr {
	float:				left;
	width:				130px;
	margin:				0 10px 0 0;
	overflow:			hidden;
}
.visiblock .leiste {
	width:				430px;
	height:				30px;
	position:			absolute;
	left:				0;
	bottom:				5px;
	overflow:			hidden;
}
.leiste ul.buttons {
	float:				left;
	list-style-type:	none;
	height:				24px;
	margin:				2px 0 0 10px;
}
.leiste .buttons li { display:inline; }
.leiste .buttons li a {
	float:				left;
	width:				20px;
	height:				20px;
	display:			inline;
	margin:				0 0 0 4px;
	text-indent:		-9999px;
	background:			transparent url(/_p/btns-leiste.png) 0 0 no-repeat;
	border:				none;
}
.leiste .buttons li.print a { background-position:0 -40px; }
.leiste .buttons li.redirect a { background-position:0 -20px; }
.leiste .rating {
	width:				80px;
	height:				24px;
	margin:				2px 10px 0 10px;
	float:				left;
}
.leiste a.mehr-link,
.leiste a.mehr {
	float:				right;
	margin:				2px 10px 0 0;
	padding:			3px 25px 0 0;
	height:				17px;
	background:			transparent url(/_p/btn-mehr.png) top right no-repeat;
	border:				none;
	font-weight:		bold;
	color:				#606d11;
}
.leiste a.mehr-link:hover,
.leiste a.mehr:hover { color:#000; }


/* - - - - - - - - - - */
/* S T A R T S E I T E */
/* - - - - - - - - - - */






/* - - - - - */
/* S E I T E */
/* - - - - - */

/*
#karteneintrag #seite p { font-size:1.4em; line-height:1.55em; }
*/
#karteneintrag #seite h2 { font-size:2em; }
.teaser {
	margin:				0 0 1em 0;
	padding:			0 0 0;
	border-bottom:		1px dotted #606d11;
	font-style:			italic;
}
.teaserbild {
	float:				left;
	border:				1px solid #606d11;
	margin:				0 1em 0.5em 0;
}


.metablock {
	width:				240px;
	margin:				15px 15px 0 0;
}
.bilderblock {
	width:				255px;
	margin:				15px 0 0 0;
}
.bilderblock img {
	float:				left;
}


.kommentarblock {
	background:			#eee;
}
.kommentarblock dl {
	margin:				0;
}
.kommentarblock dt {
	border:				1px solid #999;
	border-width:		0 0 1px;
	padding:			5px;
	font-weight:		bold;
}
.kommentarblock dt {
	display:			block;
	position:			relative;
}
.kommentarblock dt a {
	border:				none;
	display:			block;
	position:			relative;
}
.kommentarblock dt .anzahl {
	position:			absolute;
	top:				5px;
	right:				5px;
	padding-right:		20px;
	height:				16px;
	background:			transparent url(/_p/icn-komment.png) top right no-repeat;
}

.kommentarblock dt.kommentfuss {
	border-width:		1px 0 0;
}
.kommentarblock .kommentfuss a {
	padding-right:		20px;
	height:				16px;
	background:			transparent url(/_p/icn-komment-plus.png) top right no-repeat;
}

.kommentarblock dd { }

ul.kommentarliste {
	overflow:			auto;
	width:				240px;
	max-height:			200px;
	list-style-type:	none;
	margin:				0;
}
.kommentarliste li {
	padding:			5px;
}
.kommentarliste .meta {
	display:			block;
}
.kommentarliste .autor {
	font-weight:		bold;
	padding-right:		5px;
}
.kommentarliste .datum {
	padding-right:		5px;
}





.zurueckblock {
	background:			#606D11;
	height:				35px;
	padding-left:		20px;
	clear:				both;
}

.funktionsblock {
	background:			#eee;
}
.funktionsblock ul {
	list-style-type:	none;
	border-top:			1px solid #999;
	margin:				0;
}
.funktionsblock li {
	list-style-type:	none;
	padding:			0;
	border-bottom:		1px solid #999;
}
.funktionsblock li a {
	display:			block;
	border:				none;
	padding:			5px;
	margin:				5px 0;
	height:				10px;
	background:			transparent url(/_p/btns-leiste.png) 98% 0 no-repeat;
}
.funktionsblock li.print a { background-position:98% -40px; }
.funktionsblock li.redirect a { background-position:98% -20px; }

.funktionsblock li.rating {
	padding:			4px 0 0 5px;
}



.randabsatz {
	border:				1px solid #606d11;
	border-width:		1px 0;
	padding:			10px;
	width:				220px;
	background:			#eee;
}

.randabsatz img {
	float:				left;
	margin:				0 10px 2px 0;
}




/*	#############	hCard	##############	*/
	
#seitenrand .vcard {
	border:				1px solid #620000;
	border-width:		1px 0;
	padding:			10px;
	width:				220px;
	background:			#eee;
	color:				#620000;
}
#seitenrand .fn { display:none; }


.vcard a { }

.vcard .adr {
} 

.vcard .adr .type { }
.vcard .adr .post-office-box { }
.vcard .adr .street-address { }
.vcard .adr .extended-address { }
.vcard .adr .region { }
.vcard .adr .locality { }
.vcard .adr .postal-code { }
.vcard .adr .country-name { }
.vcard .agent { }
.vcard .bday { }
.vcard .class { }
.vcard .category { }
.vcard .email { }
.vcard .email .type { }
.vcard .email .value { }
.vcard .fn {
	display:			block;
	color:				#639504;
	font-weight:		bold;
	margin:				0 0 1em;
} 
.vcard .geo { }
.vcard .geo .latitude { }
.vcard .geo .longitude { }
.vcard .key { }
.vcard .label { }
.vcard .logo { }
.vcard .mailer { }
.vcard .n { }
.vcard .n .honorific-prefix { }
.vcard .n .given-name { }
.vcard .n .additional-name { }
.vcard .n .family-name { }
.vcard .n .honorific-suffix { }
.vcard .nickname { }
.vcard .note { }
.vcard .org { }
.vcard .org .organization-name { }
.vcard .org .organization-unit { }
.vcard .photo { }
.vcard .rev { }
.vcard .role { }
.vcard .sort-string { }
.vcard .sound { }
.vcard .title { }
.vcard .tel { }
.vcard .tel .type { }
.vcard .tel .value { }
.vcard .tz { }
.vcard .uid { }
.vcard .url { }


#subkarte {
	width:				240px;
	height:				240px;
	background:			#e5e3df url(/_p/bg-karte.png) center center;
	border:				1px solid #999;
	border-width:		1px 0;
}
#subkarte.breit {
	clear:				both;
	width:				560px !important;
	height:				560px !important;
	margin:				0 0 20px;
}




.lizenz {
	clear:				both;
	margin:				1em 0 0;
	padding:			1em 0 0;
	border-top:			1px solid #606d11;
	text-align:			center;
	width:				240px;
}
.lizenz .quellenangabe {
	display:			block;
	text-align:			left;
	font-style:			italic;
	font-weight:		bold;
}


/* - - - - - - - - - - - - - - - */
/* K O N T A K T F O R M U L A R */
/* - - - - - - - - - - - - - - - */

#kontakt-form label {
	font-weight:		bold;
	display:			block;
}

#kontakt-form input,
#kontakt-form textarea {
	width: 				70%;
}

body.popup #kontakt-form input,
body.popup #kontakt-form textarea {
	width: 				90%;
}

#kontakt-form .abschicken {
	float:				right;
	margin-right:		30%;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* R A N D N O T I Z E N  /  R E C H T E   S P A L T E */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - */


.randblock {
	padding:			15px 10px;
	border-bottom:		3px solid #606d11;
}

.randblock form {
}
.randblock .sbox input {
	width:				130px;
}
.sboxwrap {
	display:			table;
	width:				156px;
	margin:				0 0 5px;
}

.loginblock {
	padding:				0 0;
/*
	text-align:				center;
*/
	height:					70px;
}
.loginstatus {
/*
	text-align:				center;
*/
	margin:					0 0 10px;
}
.loginstatus a {
	display:				block;
	border:					none;
	font-size:				10px;
}
.loginstatus a:hover { }
.loginstatus .username {
	display:				block;
	margin:					3px 0;
	font-weight:			bold;
}




.aiaform input[type=submit],
.loginblock input[type=submit] {
	border:					none;
	width:					100px;
	height:					20px;
	background:				transparent url(/_p/bg-button-100.png) 0 0 no-repeat;
	cursor:					pointer;
	margin:					0 4px 0 0;
}
.aiaform input[type=submit]:hover,
.loginblock input[type=submit]:hover {
	font-weight:			bold;
}
/*
.randblock .loginblock input[type=submit] {
	float:					right;
}
*/



#randbanner {
	position:				absolute;
	top:					220px;
	bottom:					0;
	width:					180px;
}

.bannerblock {
	padding:				10px 0;
	text-align:				center;
}
.bannerblock a {
	border:					none;
}





a.btn-aktiv {
	display:				block;
	width:					146px;
	height:					58px;
	padding:				10px 5px;
	background:				transparent url(/_p/bg-btn-156.png) 0 0 no-repeat;
	border:					none;
	color:					#606d11;
	text-align:				center;
	font-size:				1.35em;
	line-height:			1.4em;
}
a.btn-aktiv b {
	text-transform:			uppercase;
	display:				block;
	margin:					0 0 3px 0;
	color:					#000;
}
a.btn-aktiv:hover {
	background-position:	0 -78px;
	color:					#fff;
}








/* - - - - - - - - - - */
/* AKTIV IN AKTIVITI   */
/* - - - - - - - - - - */
ul#loginnavi {
	list-style-type:	none;
	bottom:				0;
	height:				70px;
	width:				100%;
	padding:			0 8px 0 0;
	margin:				-15px 0 0 0;
}
#loginnavi li {
	position:			relative;
	float:				left;
	height:				35px;
	margin:				0;
	padding:			0 0 0 9px;
	background:			transparent;
	font-size:			1em;
	line-height:		1em;
	background:			transparent url(/_p/bg-loginnavi-l.png) top left no-repeat;
}
#loginnavi a,
#loginnavi a:link {
	display:			block;
	float:				left;
	height:				31px;
	text-align:			center;
	line-height:		1.1em;
	font-weight:		bold;
	color:				#333;
	padding:			11px 10px 0 0;
	margin:				0 5px 0 0;
	border:				none;
	background:			transparent url(/_p/bg-loginnavi-r.png) top right no-repeat;
}
#loginnavi a:hover {
	color:				#606d11;
}






ul.poiliste {
	width:				400px;
	list-style-type:	none;
	margin:				0 0 0 0;
	font-size:			1.2em;
	line-height:		1.45em;
	border-top:			1px solid #606d11;
}
.poiliste li {
	display:			table;
	width:				385px;
	padding:			5px 5px 5px 10px;
	background:			#fff2d6;
	position:			relative;
	border-bottom:		1px solid #606d11;
}
.poiliste a.eintrag {
	display:			block;
	border:				none;
	font-weight:		bold;
}
.poiliste li.zeile-1 {
	background:			#ffe6ad;
}
.poiliste a:hover {
	color:				#606d11;
}
.poiliste .edit {
	display:			block;
	font-weight:		normal;
	font-size:			10px;
	line-height:		13px;
	float:				left;
	
	padding:			5px 0 0 27px;
	background:			transparent url(/_p/icn-edit.png) 3px 3px no-repeat;
}
.poiliste .titel {
	display:			block;
	font-weight:		bold;
	font-size:			13px;
	line-height:		17px;
}
.poiliste .kat {
	display:			block;
	float:				left;
	clear:				left;
	overflow:			hidden;
	margin:				0 5px 0 0;
	font-size:			10px;
	font-weight:		normal;
}
.poiliste .status {
	float:				right;
	display:			block;
	font-size:			10px;
	text-align:			right;
	font-weight:		bold;
}
.poiliste a.upgrade {
	clear:				both;
	display:			block;
	font-size:			10px;
	font-weight:		bold;
	border:				1px solid #606d11;
	background:			#eee;
	color:				#606d11;
	padding:			3px 5px 3px 26px;
	margin:				5px 0 0;
	
	background:			#eee url(/_p/icn-pin.png) 4px 3px no-repeat;
}
.poiliste a.upgrade span {
	font-weight:		normal;
}
.poiliste a.warten {
	background:			#eee url(/_p/icn-cup.png) 5px 3px no-repeat;
}
.poiliste a.upgrade:hover {
	background-color:	#606d11;
	border:				1px solid #fff;
	color:				#fff;
}

.poiliste .online { color:#606d11; }
.poiliste .offline { color:#620000; }


form.aiaform {
	width:				400px;
	position:			relative;
}

#upgrade {
	padding:			40px 0 0;
}
.aiaform h3 {
	padding-bottom:		10px;
	margin-bottom:		0;
	border-bottom:		1px dotted #620000;
}

.aiaform label {
	display:			block;
	margin:				1em 0 5px 0;
	font-weight:		bold;
	font-size:			12px;
}

.aiaform p {
	font-size:			12px;
}

.aiaform label.checklabel {
	display:			inline-block;
	margin:				0 0 0 1em;
	font-weight:		normal;
}
input.textfeld {
	width:				380px;
	margin:				0 0 10px 0;
	padding:			5px;
	float:				left;
	color:				#333;
	background:			#eef4d2;
	border:				1px solid #606d11;
}
textarea {
	width:				380px;
	margin:				0 0 10px 0;
	padding:			5px;
	float:				left;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
	font-size:			12px;
	
	background:			#eef4d2;
	border:				1px solid #606d11;
}
textarea.gross {
	height:				420px;
}

.kontaktformular input.textfeld,
.kontaktformular textarea,
textarea:focus,
input.textfeld:focus {
	background:			#fff;
	border-color:		#333;
}



.feedback {
	width:				380px;
	padding:			5px;
	border:				1px solid #606d11;
	background:			#eff5e0;
	font-weight:		bold;
	color:				#606d11;
	margin:				0 0 10px;
}
body.popup .feedback { margin-right:20px; }

.error {
	border-color:		#620000;
	color:				#620000;
	background:			#debbbb;
}


#aiakarte {
	width:				390px;
	height:				330px;
	background:			#e5e3df url(/_p/bg-karte.png) center center;
	border:				1px solid #606d11;
}


.previewboxwrapper{
	width:				430px;
	position:			fixed;
	top:				215px;
	left:				480px;
	padding:			10px 10px 10px;
	border:				1px dotted #620000;
}
.previewboxwrapper h3,
.aiaform h3{
	color:				#620000;
	font-size:			1.4em;
	font-weight:		normal;
}
.previewboxwrapper h3 {
	background:			#fff;
	margin-top:			-18px;
	display:			block;
	padding:			0 3px;
	float:				left;
}

.previewbox {
	position:			relative;
	clear:				both;
	width:				430px;
	height:				255px;
	padding:			6px 7px 0 6px;
	background:			transparent url(/_p/iw-bg-preview.jpg) 0 0 no-repeat;
}
.previewbox .visiblock .textblock p {
	width:				395px;
}


.katauswahl { padding-top:10px; }
.katauswahl input { margin-top:4px; float:left;}
.katauswahl label.checklabel { font-weight:bold; padding:3px 5px; margin-bottom:2px; }
.katauswahl p {
	margin:					0 0 10px 25px;
	padding:				0 0 10px 0;
	border-bottom:			1px dotted #999;
}

#katlbl1 {
	background:				#610704;
	color:					#fff;
}
#katlbl2 {
	background:				#3377dc;
	color:					#fff;
}
#katlbl3 {
	background:				#b58500;
	color:					#fff;
}
#katlbl4 {
	background:				#a0c200;
	color:					#fff;
}

p.display {
	margin:					0 0 10px 0;
	padding:				0 0 10px 0;
	border-bottom:			1px dotted #999;
}

a.zurueckbtn {
	display:				block;
	margin:					25px auto 10px;
	text-align:				center;
	border:					none;
}

.upgradebutton, 
a.upgradebutton {
	display:				block;
	width:					300px;
	margin:					20px;
	padding:				10px;
	color:					#000;
	background:				#fff;
	border:					1px solid #000;
}
a.upgradebutton:hover {
	background-color:	#606d11;
	border:				1px solid #fff;
	color:				#fff;
}

.upgradebutton .ugtitel {
	display:				block;
	font-size:				14px;
	text-align:				center;
	color:					#606d11;
	margin:					0 0 10px;
}
a.upgradebutton:hover .ugtitel {
	color:				#fff;
}

.upgradebutton .ugtitel span { }
.upgradebutton .ugtitel img { margin-bottom:-7px; }

.upgradebutton .ugtext {
	display:				block;
}
.upgradebutton .ugfuss {
	display:				block;
	font-size:				14px;
	text-transform:			uppercase;
	text-align:				center;
}
.upgradebutton .ugliste {
	margin:					10px 0;
	display:				block;
	font-weight:			normal;
}



a.uplbtn {
	position:			relative;
	display:			block;
	margin:				0 0 10px 0;
	padding:			10px 10px 10px 30px;
	background:			transparent url(/_p/icn-upplus.png) 10px 10px no-repeat;
	color:				#000;
	border:				1px solid #606d11;
	border-width:		0 0 1px;
	cursor:				pointer;
}
a.uplbtn:hover {
	color:				#666;
	background-color:	#cdcdcd;
	border-color:		#000;
	cursor:				pointer;
}

.upldisp {
	margin:				0 0 10px 0;
	text-align:			center;
	font-size:			11px;
	font-style:			italic;
}


/* - - - - - - - - - - - - - - - */
/* H A U P T K A T E G O R I E N */
/* - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - */
/* A U S W A H L - I C O N S */
/* - - - - - - - - - - - - - */









/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#aiakatsel a{
	text-decoration:none;
	display:block;
	padding:			8px 5px 6px;
	background-color:#eef4d2;
	border:none;
	border:1px solid #606d11;
	color:				#333;

}

#subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:			8px 5px 6px;
	background-color:#eef4d2;
	border:none;
	border-top:1px solid #606d11;
	color:				#333;
}
#subMenusContainer a.katauswahl { color:#000; }
#subMenusContainer a.katauswahl:hover { color:#fff; }
#subMenusContainer a.aktiv { font-weight:bold; color:#333; }

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#aiakatsel a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #aiakatsel li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#aiakatsel a:hover, #aiakatsel a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #aiakatsel a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#606d11;
	color:#FFF;
}
#aiakatsel a:hover, #aiakatsel a:focus{
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#aiakatsel a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#aiakatsel li a:hover,
#aiakatsel li a:focus{
	background-color:#606d11;
	color:#FFF;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#aiakatsel ol, #aiakatsel ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	border:1px solid #606d11;
	border-width:0 1px 1px 1px;
	background:#fff;
	left:0;
}

/* All ULs and OLs */
#aiakatsel, #aiakatsel ul, #aiakatsel ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#aiakatsel li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#aiakatselwrapper {
	position: relative;
	width:380px;
	height:30px;
}

#aiakatsel{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 -190px;
	z-index:5;
	top:0;
	left:50%;
	text-align: left;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


#aiakatsel a.mainMenuParentBtn {
	padding:			8px 5px 6px;
	color:				#333;
	background:			#eef4d2;
	border:				1px solid #606d11;
}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#aiakatsel li li{	float:none; }

#aiakatsel li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#aiakatsel li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#aiakatsel li ul ul { margin: -1em 0 0 -1000em; }
#aiakatsel li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#aiakatsel li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#aiakatsel li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#aiakatsel li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#aiakatsel li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#aiakatsel li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#aiakatsel li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#aiakatsel li:hover a:focus{ margin-left: 0; }
#aiakatsel li li:hover a:focus + ul { margin-left: 10em; }