/* CSS für den Hamburger Stadtparkverein */

/*BODY*/
body
{
	margin:0px;
	padding:0px 4px 0px 4px;
	background-color:#ffc600;
}
A img 
{
	border:0px;
}
/*/BODY*/

/*TEXT*/
p,.text,label,#main_content ul li,#main_content ol li
{
	font-weight:normal; 
	color:#000000;
	font-size:14px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

p A:Link, .text A:Link{ color:#357206; text-decoration:underline; }
p A:Visited, .text A:Visited{ color:#357206; text-decoration:underline; }
.gn A:Hover, .text A:Hover{ color:#000000; text-decoration:none; }
.gn A:Active, .text A:Active{ color:#000000; text-decoration:none; }
.gn A:Focus, .text A:Focus{  color:#000000; text-decoration:none; }

.pathfinder
{
	font-weight:normal; 
	color:#357206;
	font-size:12px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

.pathfinder A:Link{ color:#357206; text-decoration:none; }
.pathfinder A:Visited{ color:#357206; text-decoration:none; }
.pathfinder A:Hover{ color:#000000; text-decoration:none; }
.pathfinder A:Active{ color:#000000; text-decoration:underline; }
.pathfinder A:Focus{  color:#000000; text-decoration:none; }

#main_content ol, #main_content ul
{
	margin:15px 0px 0px 15px;
	padding:0px;
}
#main_content ol li, #main_content ul li
{
	margin:10px 0px 0px 5px;
}


.markactive, .markactive A
{
	text-decoration:underline;
}

h1
{
	font-weight:bold; 
	color:#357406;
	font-size:18px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

h2
{
	font-weight:bold; 
	color:#000000;
	font-size:16px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
	text-decoration:none;
}

h2 A{ color:#000000; text-decoration:none; }

h3
{
	font-weight:bold; 
	color:#357406;
	font-size:16px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

h4
{
	font-weight:bold; 
	color:#ffc600;
	font-size:14px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

h5
{
	font-weight:bold; 
	color:#357206;
	font-size:14px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

.gn
{
	font-weight:normal; 
	color:#357206;
	font-size:14px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

.gn A:Link{ color:#357206; text-decoration:none; }
.gn A:Visited{ color:#357206; text-decoration:none; }
.gn A:Hover{ color:#000000; text-decoration:none; }
.gn A:Active{ color:#000000; text-decoration:none; }
.gn A:Focus{  color:#000000; text-decoration:none; }

.normal_size
{
	font-size:14px;
}

.big_size, .big, .big p
{
	font-size:16px;
}


.gray
{
	font-weight:normal; 
	color:#808080;
	font-size:12px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
}

.gray A:Link{ color:#808080; text-decoration:none; }
.gray A:Visited{ color:#808080; text-decoration:none; }
.gray A:Hover{ color:#000000; text-decoration:underline; }
.gray A:Active{ color:#000000; text-decoration:underline; }
.gray A:Focus{  color:#000000; text-decoration:underline; }


.nav
{
	font-weight:bold; 
	color:#000000;
	font-size:12px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
	text-decoration:none; 
}

.nav A:Link{ color:#000000; text-decoration:none; }
.nav A:Hover{ color:#ffc600; text-decoration:none; }
.nav A:Focus{  color:#ffc600; text-decoration:none; }
.nav A:Active{ color:#ffc600; text-decoration:none; }
.nav A:Visited{ color:#000000; text-decoration:none; }

.subnav_f
{
	font-weight:normal; 
	color:#000000;
	font-size:12px;
	font-family:Arial; 
	font-variant:normal;
	font-style:normal;
	text-decoration:none; 
}

.subnav_f A:Link{ color:#000000; text-decoration:none; }
.subnav_f A:Hover{ color:#357206; text-decoration:none; }
.subnav_f A:Focus{  color:#357206; text-decoration:none; }
.subnav_f A:Active{ color:#357206; text-decoration:underline; }
.subnav_f A:Visited{ color:#000000; text-decoration:none; }

/*/TEXT*/

/*LAYER*/

#pathfinder
{
	position:relative;
	margin:4px 0px 0px 208px;
	padding:6px 0px 0px 5px;
	width:555px;
	height:18px;
	background-image:url(../assets/bg_pathfinder.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#pathfinder img
{	
	float:left;
}

#main_top
{
	position:relative;
	margin:2px 0px 0px 0px;
	padding:0px;
	height:165px;
	width:100%;
	min-width:810px;
	/*IE...*/
	background-image:url(../assets/img_topbg.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#ci
{
	position:absolute;
	margin:0px;
	padding:0px;
	width:208px;
	height:104px;
}

#shdw
{
	position:absolute;
	width:40px;
	height:108px;
	margin:0px;
	left:768px;
	background-image:url(../assets/img_shdw.gif);
	background-position:left;
	background-repeat:no-repeat;
}	

#top_pic_bg
{
	position:absolute;
	width:561px;
	height:136px;
	margin:1px 0px 0px 0px;
	left:207px;
	background-image:url(../assets/top_mainboarder_bow.png) !important;
	background-position:bottom;
	background-repeat:no-repeat;
	/* Mozilla and Co. will Ignore this - IE PNG */
    background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='assets/top_mainboarder_bow_ie6.png');
	z-index:70;
}

#top_pic_hold
{
	position:absolute;
	width:561px;
	height:135px;
	margin:0px;
	left:207px;
	background-position:top;
	background-repeat:no-repeat;
	z-index:20;
}

.skip_precontent, .skip_precontent A
{
	display:none;
	visibility:hidden;
}

.hold_width
{
	position:relative;
	width:810px; /*IE 6 unterstützt min-width nicht.*/
}

#mainborder
{
	position:relative;
	margin:-30px 0px 0px 0px;
	width:770px;
	padding:0px;
	background-image:url(../assets/bg_maincontent.gif);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
}

#mainnavigation
{
	float:left;
	position:relative;
	margin:-19px 0px 0px 0px;
	padding:0px;
	width:207px;
}

#mainnavigation ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	position:relative;
	width:207px;
}

#mainnavigation ul li
{
	margin:0px 0px 1px 0px;
	padding:0px;
}

#mainnavigation ul li A
{
	display:block;
	padding:5px 0px 0px 19px;
	margin:0px;
}

#mainnavigation ul li.normal A,#mainnavigation ul li.normal A:Visited
{
	display:block;
	background-image:url(../assets/bg_linkgroupnormal.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:188px;
	height:20px;
}

#mainnavigation ul li.normal A:Hover,#mainnavigation ul li.normal A:Focus,#mainnavigation ul li.normal A:Active,#mainnavigation ul li.active A
{
	display:block;
	background-image:url(../assets/bg_linkgroupactive.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:188px;
	height:20px;
	color:#ffc600;
}

#mainnavigation  ul.subnav
{
	list-style:none;
	margin:0px;
	padding:0px;
}

#mainnavigation ul.subnav li
{
	margin:0px 0px 1px 0px;
	padding:0px;
	height:22px;
}

#mainnavigation ul.subnav li A
{
	display:block;
	margin:0px;
	padding:3px 0px 0px 20px;
}

#mainnavigation ul.subnav li.normal A,#mainnavigation ul.subnav li.normal A:Visited
{
	display:block;
	background-image:url(../assets/img_subarrow_black.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	width:187px;
	height:18px;
	color:#000000;
}

#mainnavigation ul.subnav li.normal A:Hover,#mainnavigation ul.subnav li.normal A:Focus,#mainnavigation ul.subnav li.normal A:Active
{
	display:block;
	background-image:url(../assets/img_subarrow_green.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	width:187px;
	height:18px;
	color:#357206;
}

#mainnavigation ul.subnav li.active A
{
	display:block;
	background-image:url(../assets/img_subarrow_green.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	width:187px;
	height:18px;
	color:#357206;
	text-decoration:underline;
}

#font_sizer
{
	text-align:right;
	position:relative;
	margin:-3px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	width:200px;
	height:22px;
	float:right;
}

#main_content
{
	position:relative;
	margin:0px 0px 0px 1px;
	padding:0px 15px 0px 15px;
	width:328px;
	float:left;
}

.yline
{
	width:360px;
	left:207px;
	position:absolute;
	bottom:0px !important;
	bottom:-1px;
	height:2px;
	border-bottom:1px solid #ffc600;
}

#pinboard h4
{
	margin:3px 0px 0px 0px;
	padding:0px;
	text-align:center;
}

#pinboard
{
	position:relative;
	margin:0px;
	padding:0px 0px 0px 8px;
	width:193px;
	float:left;
}

.pb
{
	margin:5px 0px 0px 0px !important;
	margin:14px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	width:172px;
	background-image:url(../assets/yellow_spacer.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	float:left;
}

/*.pb:last-child
{
	background-image:none;
}*/


.details img
{
	border:0px;
	margin:0px 4px 0px 0px;
}
.details
{
	position:relative;
	margin:0px 0px 5px 0px;
	padding:0px;
	float:right;
}

.mixcontent
{
	border-bottom:1px solid #357206;
	float:left;
	width:328px;
}

#footer
{
	position:relative;
	margin:0px;
	border-bottom:4px solid #ffc600;
	padding:0px;
	width:100%;
	height:30px;
	background-color:#f1f1f1;
	float:left;
}

.page_opt
{
	width:328px;
	height:30px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	float:left;
}

.readarticle
{
	width:160px;
	height:30px;
	float:right;
	text-align:right;
}

#main_content .page_opt ul 
{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	float:right;
}

#main_content .page_opt ul li 
{
	display:block;
	margin:0px 0px 0px 17px;
	padding:0px;
	float:left;
}

#main_content .page_opt ul li A img, .readarticle A img
{
	border:0px;
	margin:0px 5px 0px 0px;
}

#main_content .page_opt ul li A
{
	display:block;
}

#inpfield
{
}

#inpfield .inpbig
{
	width:322px;
}

#inpfield ul
{
	list-style:none;
	padding:0px 0px 0px 85px;
	margin:-20px 0px 0px 0px;
	float:left;
}

#inpfield .keep_left, #inpfield .keep_left li
{
	margin:11px 0px 0px 0px;
	padding:0px;
}
#inpfield ul li
{	
	float:left;
}
.contactinp_half
{
	margin:12px 0px 0px 0px;
	width:103px !important; /*FireFox und Co*/
	width:102px; /*Internetverborer*/
	float:left;
}
.contactinp_big
{
	margin:12px 0px 0px 0px;
	width:210px !important; /*FireFox und Co*/
	width:209px; /*Internetverborer*/
	float:left;
}
.contactinp_mid
{
	margin:12px 0px 0px 0px;
	width:130px !important; /*FireFox und Co*/
	width:129px; /*Internetverborer*/
	float:left;
}
.contactinp_small
{
	margin:12px 0px 0px 0px;
	width:76px !important; /*FireFox und Co*/
	width:75px; /*Internetverborer*/
	float:left;
}

#inpfield label
{	
	float:left;
	width:95px !important; /*FireFox und Co*/
	width:94px; /*Internetverborer*/
	margin:12px 0px 0px 0px;
}
#inpfield br
{
	clear:left;
}
#inpfield .button
{
	float:right;
	margin:20px 20px 20px 0px;
	font-weight:bold;
}
#main_content .ext_linkbg
{
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	width:324px;
	border:1px solid #357206;
	background-color:#E9E9E9; 
	float:left;
}
#main_content .ext_linkbg ul
{
	margin:0px;
	padding:0px 0px 0px 20px;
	list-style:square;
}
#main_content .ext_linkbg ul li
{
	margin:3px 0px 0px 0px;
}
#inst_info
{
	float:left;
	display:none;
	visibility:hidden;
}
##bankeinzug_info
{
	isplay:block;
	visibility:visible;
}
#inst_info input
{
	background-color:#FFFFB0;
}
/*/LAYER*/
px 0px;
}
#inpfield br
{
	clear:left;
}
#inpfield .button
{
	float:right;
	margin:20px 20px 20px 0px;
	font-weight:bold;
}
#main_content .ext_linkbg
{
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	width:324px;
	border:1px solid #357206;
	background-color:#E9E9E9; 
	float:left;
}
#main_content .ext_linkbg ul
{
	margin:0px;
	padding:0px 0px 0px 20px;
	list-style:square;
}
#main_content .ext_linkbg ul li
{
	margin:3px 0px 0px 0px;
}
#inst_info
{
	float:left;
	display:none;
	visibility:hidden;
}
##bankeinzug_info
{
	isplay:block;
	visibility:visible;
}
#inst_info input
{
	background-color:#FFFFB0;
}
/*/LAYER*/