/* @override http://localhost:8888/gewerbeverein/gewerbeverein-hainleite/_css/gv_basic_01.css */




body {
	margin: 0; 
	padding: 0;
	background: #b9c31e url(../images/bg.jpg) repeat-x top center;
	font-family: "trebuchet ms", helvetica, sans-serif; 
	font-size: small;
	line-height: 1.4em;
	color: #555;
}

/* @end */




/* @group Text */


h1, h2, h3, h4 {
	font-family: "trebuchet ms", helvetica, sans-serif; 
	color: #aabb00;
	margin-bottom: .5em;
	line-height: 1.2em;
}

h1 			{ font-size: 180%; color: #004488; margin-top: 0em; margin-bottom: 1em; text-transform: uppercase; 
	font-style: italic }

h2			{ font-size: 135%; color: #004488; font-weight: bold; margin: 1em 0 .8em 0; text-transform: uppercase; letter-spacing: .1em }

h3 			{ font-size: 110%; font-weight: bold; margin-top: 2.5em; margin-bottom: .7em; text-transform: uppercase; font-weight: normal;  }

h4 			{ font-size: 100%; color: #004488;  }



.abstand_gering 		{ margin-bottom: 0 }
.abstand_gering_oben	{ margin-top: 0 }
.abstand				{ margin-top: 1.5em; float: left; width: 99% }
.abstand_viel			{ margin-top: 2.7em; float: left; width: 99%; margin-bottom: .8em }
.abstand_viel_orange	{ margin-top: 2.7em; float: left; width: 99%; margin-bottom: .8em; color: #ff8800 }

.border 		{ border-top: #ddd 1px solid; margin-top: 1.5em; padding-top: 1.4em; clear: both }
	h1.border	{ margin-top: 1.5em; padding-top: 1.2em }
	h2.border	{ margin-top: 1.5em; padding-top: 1.2em }
	h3.border	{ margin-top: 1.7em; padding-top: 1.4em }
	h4.border	{  }
	h5.border	{  }


a		{ color: #aabb00; text-decoration: none }
a:hover	{ color: #004488; text-decoration: none }


p		{ }

.k		{ font-size: 85%; color: #999; line-height: 1.2em }

.uppercase		{ font-size: 75%; color: #003366; letter-spacing: 1px }

.mehr		{ float: right; clear: both; margin-top: 1.5em }



#content ul		{ 
	margin: 0; padding: 0; 
	list-style: none ;
	}
	
#content ul li	{ 
	list-style: none;
	margin: 0 0 .6em 10px; padding: 0 0 0 11px; 
	background: url(../images/pfeile/pfeil.gif) no-repeat top left; }


.back, .next, .pfeil, .druckversion {	margin: 0 0 1em 0 }

.back			{ background: url(../images/pfeile/pfeil_back.gif) no-repeat left;		padding-left: 10px;  margin-right: 5px; margin-left: 0 }
.next			{ background: url(../images/pfeile/pfeil_next.gif) no-repeat right;		padding: 0 10px 0 0; margin-left: 5px; }
.pfeil			{ background: url(../images/pfeile/pfeil_next.gif) no-repeat left;		padding-left: 10px; clear: left; float: left }




/* @end */


/* @group Jobs */


#content ul.aufzaehlung			{ 
	display: inline; 
	list-style: none; 
	padding: 0; 
	margin: 0; list-style-type: none;  
	color: #aabb00; 
	line-height: 1.7em;
	 font-size: 115% 
	}
#content ul.aufzaehlung a 		{ text-decoration: none; color: #aabb00; text-decoration: underline;}
#content ul.aufzaehlung a:hover	{ text-decoration: none; color: #004488; }

#content ul li.aufzaehlung_even, #content ul li.aufzaehlung_odd {
	background-image: none;
	padding: .6em .6em;
	
	clear: both; float: left;
	display: inline;
	list-style: none;
	margin: .3em 0;
	width: 95%;
}

#content ul li.aufzaehlung_odd {
	background: #f6f6f6;
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
	 }
#content ul li.aufzaehlung_even { 
	 }	
	
	
	
.daten {
	font-size: 85%;
	color: #555;
	line-height: 1.4;
	clear: both 
	}	
#content ul.aufzaehlung .daten a 		{ color: #555; text-decoration: none }	
#content ul.aufzaehlung .daten a:hover	{ color: #555; text-decoration: underline }	

/* @end */





/* @group Aufbau */



#wrapper {
	width: 960px;
	margin: 0 auto 1em auto;
	padding-left: 10px;
	background: url(../images/bg_content.jpg) no-repeat top left;
	}

#head {
	width: 960px;
	height: 190px;
	margin: 0;
	padding: 0
	}
	

	
.postit {
	background: url(../images/postit_anim2.gif) no-repeat top left;
	height: 170px;
	width: 150px;
	padding: 15px 135px 0 675px;
	color: #fff;
	font-size: 100%
	}	
	.postit h1 {
	font-style: normal;
	font-size: 105%;
	color: #fff;
	margin: 0 0 .5em 0;
	line-height: 1.3em
	}
	.postit a {
	color: #fff;
	line-height: 1.2em }
	.postit a:hover {
	color: #004488 }	
	
	

#menu {
	float: left;
	clear: both;
	width: 960px;
	}
	
	#suchen {
		float: left;
		clear: both;
		width: 220px;
		margin-right: 20px;
		background-color: #ee0000;
		padding: 15px 0 0 15px;
		height: 45px;
		}	
		.suche	{ width: 120px; float: left; margin-right: 5px }
		
	
	
	a.home {
	float: left;
	background: url(../images/home_hov.gif) no-repeat center;
	width: 25px;
	height: 25px;
	margin-right: 10px
	}
	
	a.home:hover {
		text-decoration: none;
		background: url(../images/home.gif) no-repeat center }
		
		
		
	#menu ul {
		list-style: none;
		display: inline;
		float: left;
		width: 705px;
		padding: 0;
		margin: 0;
		background-color: #004488;
		color: #aabb00;
		
		min-height: 60px;
	  	height: auto !important;  /* für moderne Browser */
	  	height: 60px;  /*für den IE */
	}
		
	#menu ul li {
		list-style: none;
		display: inline;
		text-transform: uppercase;
		position: relative
	}

	
		
	#menu ul li a {
		float: left;
		text-decoration: none; 
		font-size: 120%;
		line-height: 1.1em;
		font-style: italic;
		font-weight: bold;
		color: #aabb00;
		padding: .1em .5em 0 0;
		margin: 12px 0 0 1.8em;
		text-transform: .1em;
		border-right: #aabb00 1px solid;
		height: 35px;
		text-align: right
		}
		#menu li a:hover {
			color: #fff;
			text-decoration: none;
			border-right: #fff 1px solid; }
		#menu li a.active {
			color: #fff;
			border-right: #fff 1px solid; }
		
	
	.subline {
		font-size: 65%;
		color: #d9e3ed;
		font-style: normal;
		font-weight: normal
	}





/* linksbündig

	#menu ul {
		list-style: none;
		display: inline;
		float: left;
		width: 680px;
		height: 60px;
		padding: 0;
		margin: 0;
		background-color: #004488;
		color: #aabb00;
		padding-left: 25px
	}
		
	#menu ul li {
		float: left;
		list-style: none;
	}
	
	#menu ul li .subline {
		float: left;
		clear: both;
		font-size: 75%;
		text-transform: uppercase;
		color: #d9e3ed;
		display: block;
		margin-left: .8em;
		margin-top: -1.6em;
		position: relative
	}
		
	#menu ul li a {
		float: left;
		text-decoration: none; 
		font-size: 120%;
		line-height: 1.1em;
		text-transform: uppercase;
		font-style: italic;
		font-weight: bold;
		color: #aabb00;
		padding: .1em 2.7em 0 .5em;
		margin: 12px 0 0 0;
		text-transform: .1em;
		border-left: #aabb00 1px solid;
		height: 35px;
	}
		
	#menu li a:hover {
		color: #fff;
		text-decoration: none;
		border-left: #fff 1px solid;
	}
		
	#menu li a.active {
		color: #fff;
		border-left: #fff 1px solid;
	}
*/



#bg_content {
	float: left;
	width: 770px;
	padding-bottom: 2em;
	background: #fff url(../images/bg_content_innen.jpg) no-repeat top left;
	}
	
	#sidebar_left,
	#sidebar_left_bg {
		float: left;
		clear: both;
		width: 195px;
		margin-right: 20px;
		padding: 20px;
		margin-top: 6em;
		}
	#sidebar_left_bg {
		background-color: #eef2f5 }	
	
	
	.bildvorschau {
		float: left;
		clear: both;
		width: 165px;
		margin: 0 0 1.5em 20px;
		border: #ccc 1px solid;
		padding: 2px
		
		}
	a.bildvorschau img {
		}		

			
	#content {
		float: left;
		width: 490px;
		padding: 0 25px 0 0;
		margin-top: 3.5em;
		}	



#sidebar_right {
	float: left;
	width: 190px;
	margin-top: 3em;
	}
	
	#sidebar_right ul {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: 2em
	}
	
	#sidebar_right ul li {
		list-style: none;
		padding: .7em 0;
		border-bottom: #9db87d 1px solid;
		margin: 0; 
		width: 190px; 
		float:left;  
		clear: left;	
	}
	
	#sidebar_right ul li a {
		padding-left: 27px;
		color: #004488;
		text-transform: uppercase;
		font-size: 85%;
		letter-spacing: .1em
	}
		
	#sidebar_right li a:hover { 
		color: #ee0000;
	}
		
	#sidebar_right li a.active { 
		color: #ee0000;
		background: none;
		padding-bottom: .7em;
		margin-bottom: .7em;
	}
	
	
	.marginalie {
		clear: both;
		width: 140px;
		background: #fff;
		font-size: 85%;
		padding: 15px;
		margin-left: 20px;
		border: none;
		margin-top: 2em
		}
	
	.marginalie h1 {
		font-size: 160%;
		font-style: normal
		}	
	.marginalie h2 {
		margin: 1em 0 .6em 0;
		font-size: 130%;
		line-height: 1.3em;
		color: #aabb00; 
		}
	.marginalie h3 {
		margin: 1em 0 .3em 0;
		font-size: 115%;
		line-height: 1.3em;
		color: #004488; 
		text-transform: none;
		font-weight: bold
		}			
	
	.marginalie.logo {
		width: 140px;
		margin-bottom: .5em;
		}
		.marginalie.logo img {
		width: 140px;
		}		
		
				
	.banner {
		float: left;
		clear: both;
		width: 170px;
		margin: 3em 0 2em 20px;
		
		}
	a.banner img {
		width: 170px;
		border: none
		}	
				



#footer {
	clear: both;
	width: 495px;
	padding: 1em 0 1em 250px;
	color: #004488;
	font-size: 85%;
	}

	
	#footer ul {
		list-style: none;
		display: inline;
		margin: 0;
		padding: 0
		}
	
	#footer ul li {
		display: inline;
		list-style: none;
	}
	
	#footer ul li a {
		color: #004488;
		padding: 0 10px 0 5px;
		border-right: #99b4cf 1px solid;
		display: inline;
		list-style: none;
	}
	
	#footer ul li a:hover {
		color: #aabb00;
		text-decoration: none
	}
	
	#footer a.home_footer,
	#footer a.impr {
		text-transform: uppercase;
		color: #99b4cf;
	}
	#footer a.impr {
		border: none;
	}


/* @end */




/* @group News */

.news {
	float: left; 
	clear: both;
	width: 490px;
}


.news_headline {
	float: left;
	clear: both;
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-bottom: 0;
	color: #004488
	}
	.news_headline a {
	font-size: 100%; 
	color: #004488
	}
	
	.news_headline a:hover {
	text-decoration: none;
	color: #aabb00
	}
	

.news_datum {
	clear: both;
	font-size: 90%;
	color: #aabb00;
	padding-bottom: 3px; /* unterer Abstand bei Langnews größer */
	margin-bottom: .3em
}
	

.news_lang_headline {
	margin: .2em 0 0 0;
	color: #004488;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: .1em;
	margin-bottom: .3em;
	font-style: normal
 }
	
.news_lang_datum {
	font-size: 90%;
	color: #aabb00;
	margin-bottom: 2em; /* unterer Abstand bei Kurznews kleiner */
}

#news_lang_bottom	{	
	margin: 1em 0 .5em 0; 
	padding: .1em .2em; 
	clear: left; float: left; 
	width: 98%; 
/*	background: #000; */
	text-align: left;
	margin-top: 1em }

#news_lang_bottom a			{ color: #004488 }
#news_lang_bottom a:hover	{ color: #aabb00; text-decoration: none}

.news_footer {
	position: relative;
	border-bottom: #ddd solid 1px;
	clear: both;
	margin-bottom: .6em;
	padding-bottom: .5em;
	height: 2em;
}


#content .news_footer ul {
	list-style: none;
	position: absolute;
	right: 0px;
	margin-bottom: 0;
	padding-right: 5px
}

#content .news_footer ul li {
	display: inline;
	padding-left: 10px; /* Abstand Icon zum Text */
	margin: 0 0 0 15px; /* Abstand Text zum Icon bzw. zwischen "Komentar" u. "mehr lesen" */
	background: no-repeat 0 50%; /* vertikale ausrichtung – mittig */
}

#content .news_footer ul li a 			{ color: #004488 }
#content .news_footer ul li a:hover 	{ color: #aabb00; text-decoration: none }

#content .news_footer ul li.lesen		{ background: url(../images/pfeile/pfeil_next.gif) no-repeat 0 50%; }




.news img						{ margin: 3px 0 5px 20px; float: right; border: solid 1px #ddd; padding: 2px }
.news img.news_kurzbildlinks	{ margin: 3px 20px 5px 0; float: left }
.news img.news_kurzildrechts	{ margin: 3px 15px 5px 20px; float: right }



.galerie	{ 
	border: 1px #ccc solid;
	margin-bottom: 10px;
	padding: 3px;
	margin-right: 15px;
	width: 135px;
}

#sidebar_left .galerie	{ 
	border: 1px #ccc solid;
	margin-bottom: 10px;
	padding: 2px;
	margin-right: 10px;
	width: 79px;
}

#sidebar_right .galerie {
		width: 170px;
		margin-top: 20px;
		margin-bottom: 0;
		padding: 0;
		border: none;
		margin-left: 20px
		}



.galerie_zeile a { .galerie_zeile {
float: left;
clear: both;
width: 655px;
margin-bottom: 15px
}

font-size: 110%;
line-height: 1.3em
}




.galerie_zeile a img,
.galerie_zeile .galerie a img {
	float: left;
	border: 1px solid #ccc;
	padding: 2px;
	height: 70px;
	margin: 0 0 .5em 0
	}
	.galerie_zeile a img { margin: 0 20px 0 0 }



.galerie_zeile_ob a img,
.galerie_zeile_ob .galerie a img {
	float: left;
	padding: 2px;
	height: 70px;
	margin: 0 0 .5em 0
	}
	.galerie_zeile_ob a img { margin: 0 20px 0 0 }



/* @end */





/* @group Termine */


.termin 		{ 	
				float: left;
				width: 490px;
				border-bottom: #ddd 1px solid;
				margin-bottom: 2em;
				padding-bottom: 2em
				}	
							

.termin_datum { 
				clear: both;	
				font-size: 110%;
				margin-bottom: .5em;
				font-weight: bold;
				text-transform: uppercase;
				color: #aabb00
				}				
				
.termin_headline 		{ 	
				float: left;
				clear: both;
				font-size: 120%;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: .1em;
				line-height: 1.4em;
				margin-bottom: .6em;
				color: #004488
				}	
				
.termin_text 	{ 	
				clear: both;
				float: left;
				margin-bottom: .6em;
				color: #004488;
				margin-top: -.5em;
				position: relative;
				display: inline
				}					
	
.termin_zeit, 
.termin_ort, 
.termin_kontakt	{ 
				float: left;
				clear: both;
				line-height: 1.3em;
				margin-bottom: .3em;
				 }

.termin .li 	{ float: left; 
				clear: left; 
				width: 80px; 
				font-weight: bold;  }



				
				
				
				
				

.term_lang_headline { 	
				font-size: 150%;
				line-height: 1.4em;
				margin-bottom: .3em;
				color: #aabb00
				}

.term_datum { 	font-size: 105%;
				font-weight: bold;
				margin: 3.5em 0 1.5em 0;
				padding: .1em .2em;
				background: #f3f3f3;
				color: #222
				}

.term_termin1	{  }
.term_termin2	{  }

.term_l			{ color: #000000; float: left  }

.term_r1, 
.term_r2		{ 
				margin: 0 0 .8em 85px;
				padding: 0 0 .8em 0;
				border-bottom: 1px solid #ddd;  }


				 
.term_text		{ margin-bottom: 1em; line-height: 1.3em; padding-right: 10%}
.term_text_k	{ font-size: 10px; }

.term_headline1, .term_headline2,
.term_headline1 a, .term_headline2 a	{ 
				margin: 0 0 .3em 0; 
				font-size: 110%; 
				line-height: 1.3em; 
				color: #aabb00;
				}
				.term_headline1 a, .term_headline2 a	{ 
				font-size: 100% }

.term_zeitraum, .term_zeit, .term_ort, .term_kontakt	{ 
				font-size: 85%; 
				color: #aaa; 
				line-height: 1.3em;
				margin-bottom: .3em }
				
.term_zeitraum	{ margin-bottom: .4em }


.term_logo		{ margin-right: 10px; }
.term_link		{ border: none; padding-top: .3em; float: right}

				  
.term_dauer		{ 
				margin: 2em 0 1em 0; 
				margin-left: 85px; 
				color: #222; 
				font-weight: bold;
				font-size: 100%;
				clear: left }
	
	
.term_form		{ margin: 2em 0 0 0 }	


/* BILDER bei Termine  unten bei Bilderrahmen definiert */



/* @group PopUp */


#term_daten {
				clear: left;
				float: left;
				margin-top: 3em;
				margin-right: 20px;
				padding: 1em;
				font-size: 85%;
				color: #000;
				background: #f3f3f3
}

#term_daten .li { float: left; clear: left; width: 100px; font-weight: bold; font-size: 100%;   }
#term_daten .re { float: left; margin-bottom: .8em; width: 250px;   }



.term_r1 .li, .term_r2 .li,
.term_r1 .re, .term_r2 .re { float: left; clear: left; width: 80px; font-weight: bold; color: #aaa  }
.term_r1 .re, .term_r2 .re { clear: none; width: 300px; font-weight: normal }




/* @end */




/* @group Kontakt */


.ansprech, 
.zimmer, 
.instanz,
.status,  
.adresse, 
.telefon, 
.fax, 
.email, 
.web, 
.paragraph, 
.zeit, 
.bemerkungen, 
.links, 
.leer, 
.pdf, 
.mov, 
.mp3  { margin:0; padding: .2em 0 .5em 25px; line-height: 1.3em; clear: both; }
.pdf  { padding-left: 23px }

#content .pdf  { float: left }

.ansprech	{ background: url(../images/icons/ansprech.gif) no-repeat; }
.adresse	{ background: url(../images/icons/adress.gif) no-repeat; }
.telefon	{ background: url(../images/icons/telefon.gif) no-repeat; }
.fax		{ background: url(../images/icons/fax.gif) no-repeat; }
.email		{ background: url(../images/icons/mail.gif) no-repeat; }
.web		{ background: url(../images/icons/inet.gif) no-repeat; }
.paragraph	{ background: url(../images/icons/paragraph.gif) no-repeat; }
.zeit		{ background: url(../images/icons/zeit.gif) no-repeat; }
.links		{ background: url(../images/icons/inet.gif) no-repeat; }
.pdf		{ background: url(../images/icons/pdf_k.gif) no-repeat; }



.marginalie .ansprech, 
.marginalie .zimmer, 
.marginalie .instanz,
.marginalie .status,  
.marginalie .adresse, 
.marginalie .telefon, 
.marginalie .fax, 
.marginalie .email, 
.marginalie .web, 
.marginalie .paragraph, 
.marginalie .zeit, 
.marginalie .bemerkungen, 
.marginalie .links, 
.marginalie .leer, 
.marginalie .pdf, 
.marginalie .mov, 
.marginalie .mp3  { padding-bottom: .4em }

/* @end */




.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte  	{ border: #ccc 1px solid; padding: 2px						}

img.bild 				{ margin: 0 0 4px; 								border: none }
img.bildlinks 			{ margin: 0px 12px 10px 0px;	float: left; 	border: none }
img.bildrechts 			{ margin: 0px 0px 10px 12px;	float: right; 	border: none }

img.bildrahmen  		{ margin: 0px 0px 4px 0px;  					}
img.bildrahmenlinks  	{ margin: 3px 12px 3px 0px;		float: left; 	}
img.bildrahmenrechts  	{ margin: 3px 0px 5px 12px;		float: right;	}
img.bildrahmenmitte  	{ margin: 0px 0px 4px 0px;						}

img.bildrahmenreihe  	{ margin: 3px 5px;				float: left; 	}
img.bildrahmenreihe2  	{ margin: 3px 5px;								}
img.bildkurzlinks 	 	{ margin: 3px 7px 3px 0;		float: left;	}
img.bildkurzrechts  	{ margin: 3px 0 3px 7px;		float: right; 	}

 
 
 
 
 
 /* @group STARTSEITE */

/*.tabelle_start { 
	clear: both;
	background: url(../images/foot_verlauf.gif) repeat-x bottom right;
	margin-bottom: 1.5em;
	margin-right: -25px;
	padding: .5em 25px 0 0;
	border-bottom: #e4e4e4 solid 1px;
	width: 490px;
	
	
	min-height:150px;
  	height:auto !important; 
   	height:150px;  
}*/

.tabelle_start_rot,
.tabelle_start_blau,
.tabelle_start_gruen { 
	clear: both;
	background: url(../images/foot_verlauf.gif) repeat-x bottom right;
	margin-bottom: 1.5em;
	padding: 1em 25px 0 30px;
	border-bottom: #e4e4e4 solid 1px;
	width: 445px;
	border-left: 15px solid #ee0000;
	
	min-height:150px;
  	height:auto !important; 
   	height:150px;  
	}
	.tabelle_start_blau { border-left-color: #004488 }
	.tabelle_start_gruen { border-left-color: #aabb00 }
	

img.startbild	{ 
	float: left;
	height: 130px;
	border-right: 10px solid #aabb00;
	margin-right: 20px;
	width: 160px
}

.tabelle_start_rot h2 a,
.tabelle_start_blau h2 a,
.tabelle_start_gruen h2 a	{ 
	margin: 0 0 .5em 0;
	font-style: italic;
	line-height: 1.3em;
	color: #ee0000
	}	
	.tabelle_start_blau h2 a { color: #004488  }
	.tabelle_start_gruen h2 a { color: #aabb00 }
	
	.tabelle_start_rot h2 a:hover,
	.tabelle_start_blau h2 a:hover,
	.tabelle_start_gruen h2 a:hover	{ text-decoration: underline }	


.tabelle_start_rot a.mehr,
.tabelle_start_blau a.mehr,
.tabelle_start_gruen a.mehr { color: #555 }

.tabelle_start_rot a:hover.mehr,
.tabelle_start_blau a:hover.mehr,
.tabelle_start_gruen a:hover.mehr { color: #555; text-decoration: underline }

.startrechts { 
}	

.clearer { clear: both  }