/* - - - - - - - - - - - - - - - - - */
/* angelika-harm.de                  */ 
/* 2009-03-10                        */
/* stefan.goersch@bytebetrieb.com    */
/*                                   */
/* Allgemeine Stylesheets            */
/* - - - - - - - - - - - - - - - - - */








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

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0 auto;
	width:				830px;
	height:				100%;
	background:			#00569a;
	color:				#000;
	font-family:		Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:			12px;
	line-height:		1.2em;
}


a,
a:link 		{ text-decoration: none; color: #000; border-bottom:1px dotted #ff9900; }
a:visited 	{ text-decoration: none; color: #333; border-bottom:1px dotted #333; }
a:hover 	{ text-decoration: none; color: #00569a; border-bottom:none; }
a:active 	{ text-decoration: none; color: #f60; border-bottom:none; }
a:focus 	{ text-decoration: none; color: #f60; border-bottom:none; }
a img, img,
a.bildlink 	{ border: none; }

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

fieldset { border:none; }

h1 { }
h2 {
	font-weight:		bold;
	font-size:			26px;
	margin:				0 0 10px;
	color:				#ff9900;
	line-height:		1.2em;
}

h3 { 
	font-weight:		bold;
	font-size:			12px;
	margin:				0 0 5px;
	line-height:		1.5em;
}

h4 {
	font-weight:		bold;
	font-size:			12px;
	color:				#ff9900;
}


h5 {
	font-weight:		bold;
	color:				#00569a;
	font-size:			12px;
}
h6 { }

strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

p {
	margin:				0 0 12px;
	font-size:			12px;
	line-height:		1.4em;
	letter-spacing:		0.01em;
}




form 				{ }
fieldset 			{ border:none; }
legend 				{ }
label 				{font-size: 10px; text-align:left; }
select 				{margin: 5px 0 5px; width: 305px; float: left;}
input 				{color: #ff9900; }
input[type=text] 	{margin: 5px 0 5px; height: 20px; width: 300px; float:left;}
input[type=submit] 	{margin: 5px 10px 5px; width: 180px; float:right; color: #000;}
textarea 			{margin: 5px 0 5px; height: 150px; width: 485px; color: #ff9900;}
input:focus 		{background-color: #e9eaea; color: #00569a;}
textarea:focus 		{background-color: #e9eaea; color: #00569a;}



table {
	table-layout:		auto;
	border-collapse:	collapse;
	empty-cells:		show;
}
tr { }
td, th {
	padding:			5px;
	border:				none;
	color:				#000;
	vertical-align:		top;
}
th { font-size: 12px; }







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

#seitenblock {
	background:			#fff url(/_p/bg-seitenblock.jpg) 0 0 repeat-y;
}



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

/* MEISTENS GIBT ES EINE KOPFZEILE (MASTHEAD) IN IRGEND EINER FORM
--------------------------------------------------------------------------------------------------*/
#head {
	width:				830px;
	height:				140px;
	display:			block;
	background:	 		url(/_p/head.jpg) no-repeat;
}

/* - - - - */
/* F U S S */
/* - - - - */

/* MEISTENS GIBT ES EINE FUSSZEILE (FOOTER) IN IRGEND EINER FORM
--------------------------------------------------------------------------------------------------*/
#footer {
	clear:				both;
	width:				830px;
	height:				53px;
	background:			transparent url(/_p/footer.png) no-repeat;
	text-align:			center;
	font-size:			10px;
	padding-top:		7px;
}

#footer a{
	text-decoration:	none;
	border:				none;
	color:				#00569a;
}

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

#footer a.bytebetrieb {
	color:				#000;
	border-bottom:		1px dotted #000;
}

#footer a.bytebetrieb:hover {
	color:				#000;
	border-bottom:		none;
}



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

/* HAUPTNAVI, SUBNAVI, METANAVI
--------------------------------------------------------------------------------------------------*/
#linke_spalte {
	width: 				150px;
	height: 			550px;
	background:			transparent	url(/_p/links.jpg) 0 0 repeat-x;
	float: 				left;
	display:			block;
}
html>body #linke_spalte {
	height: 			auto;
	min-height:			550px;
}

ul#hauptnavi {
	width:				130px;
	list-style-type:	none;
	margin:				20px 0 0 20px;
}

#hauptnavi a {
	display:			block;
	height:				17px;
	width:				110px;
	padding:			3px 0 0 20px;
	background:			#d9dadb;
	margin:				0 0 10px 0;
	text-decoration:	none;
	border:				none;
}

#hauptnavi .aktiv a {
	background:			#fff url(/_p/icn-navi-blau.png) 10px 7px no-repeat;
	color:				#00569a;
}

#hauptnavi a:hover {
	background:			#fff url(/_p/icn-navi-blau.png) 10px 7px no-repeat;
	color:				#00569a;
}

ul.banner {
	list-style:			none;
}

ul.banner a{
	margin-left: 		25px;
	width: 				122px; 
	height: 			50px; 
	display:			block;
	text-indent:		-99999px;
	border:				none;
	text-decoration:	none;
}

a.wahlaufruf{
	background: 		transparent url(/_p/wahlaufruf.png)
}

a.wahlaufruf:hover{
	background-position: 0 -50px;
}

a.meinung{
	background:			transparent url(/_p/meinung.png) no-repeat;
}
	
a.meinung:hover {
	background-position: 0 -50px;
}


/* - - - - - - - */
/* I N H A L T E */
/* - - - - - - - */

/* DIE JEWEILIGEN VERSCHIEDENEN BEREICHE EINER SEITE: NEWSBLOCK, EINSCHUB, EXTRA-LISTEN,...
--------------------------------------------------------------------------------------------------*/
#inhalt {
	width: 				530px;
	background: 		transparent url(/_p/inhalt_top.jpg) 0 0 no-repeat;
	display:			block;
	background-color:	#fff;
	float:				left;
	height:				550px;
}

html>body #inhalt {
	height: 			auto;
	min-height:			550px;
}

.inhaltsblock {
	padding: 			14px 10px 20px 20px;
}

.inhaltsblock p {}

.inhaltsblock img {
	float:				right; 
	margin: 			8px 0px 10px 10px;
}

.inhaltsblock ul {
	list-style-image:	url(/_p/list_style_type.jpg);
	margin-left:		16px;
}

.inhaltsblock li {
	margin-bottom: 		14px;
}

.newsblock {
	width: 				510px;
	margin:				5px 5px 20px 10px;
	padding-top:		0px;
	
	display:table;
}

.newsblock img{
	float: 				left;
	padding:			5px 10px 10px 0;
}

.newsblock p {padding-top: 2px;}

.newsblock h4 { 
	width: 				510px;
	font-size:			12px;
	color:				#00569a;
	padding:			0px 0 5px;
	margin:				20px 0 5px;
	border-bottom:		2px solid #d9dadb;
	font-weight:		bold;
}

.zurueck,
.news-meta {
	clear:				both;
	width: 				510px;
	font-size:			10px;
	font-weight:		bold;
	display: 			block;
	height:				24px;
	background-color:	#d9dadb;
}
.zurueck {
	margin: 			0 0 10px 10px;
}


span.datum {
	width:				390px;
	height:				13px;
	display:			block;
	float: 				left;
	padding:			5px 0 6px 10px;
}

.mehr{
	width:				110px;
	height:				13px;
	background-color:	#00569a;
	display:			block;
	float: 				left;
	text-align:			center;
	position:			relative;
	padding:			5px 0 6px;
}

a.mehr{
	text-decoration:	none;
	border:				none;
	color:				#fff;
}

a.mehr:hover{
	color:				#ff9900;
}




.zurueck a {
	width:				110px;
	height:				13px;
	background-color:	#00569a;
	display:			block;
	float: 				left;
	text-align:			center;
	position:			relative;
	padding:			5px 0 6px;
	text-decoration:	none;
	border:				none;
	color:				#fff;
}
.zurueck a:hover{
	color:				#ff9900;
}


.linkliste h4 a{
	font-weight:		bold;
	font-size:			12px;
	color:				#00569a;
	text-decoration:	none;
	border:				none;
}

.linkliste h4 a:hover{
	color:				#ff9900;
	text-decoration:	none;
	border:				none;
}


/* - - - - - - - - - - - */
/* R A N D N O T I Z E N */
/* - - - - - - - - - - - */

/* WEITER INHALTE, DIE AM (MEIST RECHTEN) RAND SIND
--------------------------------------------------------------------------------------------------*/
#buttons {
	width: 				150px;
	background:			transparent	url(/_p/rechts.jpg) no-repeat;
	float: 				left;
	display:			block;
	height:				550px;	
}
html>body #buttons {
	height:				auto;	
	min-height:			550px;	
}

#buttons ul{
	width:				110px; 
	list-style-type:	none;
	margin: 			20px 0 0 10px;
}

#buttons a {
	color:				 #fff;
	text-align: 		 left;
	margin-bottom:		 10px;
	text-decoration:	 none;
	border:  			 none;
	display:			 block;
	min-height:			 30px;
	font-weight:		 bold;
}

#buttons span {
	display:			block;
	font-weight:		normal;
}

#buttons a.kontakt {
	background: 		transparent url(/_p/kontakt.png) 0 0 no-repeat;
	padding: 			4px 0 0 40px;
}

#buttons a.xing {
	background: 		transparent url(/_p/xing.png) 0 0 no-repeat;
	padding: 			6px 0 0 40px;
}

#buttons a.facebook {
	background: 		transparent url(/_p/facebook.png) 0 0 no-repeat;
	padding: 			6px 0 0 40px;
}

#buttons a.youtube {
	background: 		transparent url(/_p/youtube.png) 0 0 no-repeat;
	padding: 			0px 0 0 42px;
}

#buttons a.rss {
	background: 		transparent url(/_p/rss.png) 0 0 no-repeat;
	padding: 			0px 0 0 40px;
	margin:				20px 0 0 0;
}

#buttons a.mitglied {
	background: 		transparent url(/_p/mitglied.png) 0 0 no-repeat;
	padding: 			2px 0 0 40px;
	margin-top:			18px;
}

#buttons a:hover {
	color:				#00569a
}

#buttons li {}




.kontaktformular {
	padding: 			10px 10px 20px 20px;
}

.feedback {
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #ff9c08;
	background:			#e5e5e5;
	color:				#ff9c08;
	font-weight:		bold;
}
.feedback.error {
	border-color:		#000;
	background:			#ff9c08;
	color:				#000;
}