/* Normalisieren der Browser Default Styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Headlines auf Dokumentschriftgroesse setzen */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Listenpunkte ausschalten */
ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}

a {
	outline: none;
}

/* Layout
================================================================================ */

.clearfix:after { /* automatisches Clearing von Floats */
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}


body {
	/* Basis */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	line-height: 128%;
	color: #666;
	background-color: #FFFFFF;
	background: #FFFFFF url(/media/images/blog/bg-header.gif) left 62px repeat-x;
}

input, select, textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
}

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

a:hover {
	text-decoration: underline;
}

.clearer {
	clear: both;
}

p.error {
	color: red !important;
	margin-bottom: 1em;
}

#wrapper {
	width: 960px;
	margin: 25px auto 0 auto;
}

#header {
	margin-bottom: 65px;
	width: 100%;
}

#header #logout {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	margin-left: 30px;
	display: inline;
	line-height: normal;
}

#header #logout li {
	display: inline;
	margin-right: 20px;
}

#header #logout li a.profil {
	text-decoration: underline;
}

#header #metanavi {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	width: 350px;
	line-height: normal;
}

#header #metanavi li {
	display: inline;
	margin-right: 20px;
}

#header h1 {
	margin-top: 21px;
	margin-left: 10px;
	height: 42px;
	clear: both;
} 

#header h2 {
	color: #FFFFFF;
	font-size: 160%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-left: 30px;
	font-weight: normal;
	line-height: normal;
} 

.links,
.rechts,
.mitte {
	width: 465px;
}
.mitte {
	margin: auto;
}

.links {
	float: left;
}

.rechts {
	float: right;
}

.gelb {
	color: #D9A24A;
}

/* contentHead (Editorial, Kandidaten usw.) */
#contentHead {
	margin-bottom: 75px;
	padding-bottom: 1em;
	width: 100%;
}

#contentHeadProfil {
	margin-bottom: 25px;
	padding-bottom: 1em;
	width: 100%;
}

#contentHead .startLeft {
	padding: 30px;
	width: 385px;
	border: 1px solid #ccc;
}

#contentHead .startLeft h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: normal;
	line-height: 120%;
	color: #333;
	margin-bottom: 15px;
	
}

#contentHead .startLeft p {
	font-size: 160%;
	line-height: 135%; 
	color: #666;
}

#contentHead .startRight {
	width: 483px;
	/* margin-right: 30px; */
	text-align: right;
}

ul.themen6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #D9A24A;
	margin-left: 30px;
	float: left;
	width: 930px;
	display: inline;
}

ul.themen6 li {
	float: left;
	border: 1px solid #ccc;
	padding: 10px 11px;
	margin-right: 11px;
}

li.last {
	margin-right: 0 !important;
}

ul.themen6 li.active {
	background-color: #eee;
}

ul.themen6 li a {
	color: #D9A24A;
}

ul.themen6 li.active a {
	text-decoration: underline;
}

h3.stellungUebersch,
h3profilUbersch {
	font-size: 180%;
	font-weight: normal;
	margin-left: 30px;
	margin-bottom: 1em;
	padding-top: 10px;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
}

p.stellungFrage {
	font-size: 140%;
	margin-left: 30px;
	line-height: 130%;
}



/* Portlets 3er (Inhaltsbereich) */
.content {
	margin-bottom: 65px;
	width: 100%;
}

.portletWrapper {
	margin-left: 30px;
}

.portlet {
	width: 230px;
	float: left;
	margin-right: 120px;
	margin-bottom: 50px;
}

.third {
	margin-right: 0;
}

.content .portlet h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 100%;
	margin-bottom: 15px;
	color: #d9a24a;
}

.portlet p,
.inhalt p {
	font-size: 140%;
	line-height: 130%;
	margin-bottom: 0.5em;
}

.inhalt ul {
	font-size: 140%;
	line-height: 130%;
	margin: 0 0 0.5em 25px;
	list-style-type: disc;
}


.portlet p a,
.inhalt p a {
	color: #c79544;
}



/* Portlets 2er (Inhaltsbereich) */
.portlet2er {
	width: 405px;
}



/* Detailseite mit Marginalspalte (Inhaltsbereich) */
.inhalt {
	width: 500px;
	margin-right: 120px;
	margin-left: 30px;
	display: inline;
}

.content .inhalt h2 {
	margin-left: 0 !important;
}

.marginal {
	width: 310px;
}

.marginal h2 {
	margin-bottom: 0.5em;
	line-height: 150%;
	font-size: 180%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 0 !important;
}

.marginal p {
	margin-bottom: 0.5em;
	line-height: 130%;
	font-size: 140%;
}

.marginal img {
	margin-bottom: 1em;
}

.marginal ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	list-style-type: none;
	line-height: 130%;
}

.marginal ul li ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	margin-left: 10px;
}



/* Allgemein Content (Inhaltsbereich) */
.content h2.thema,
.content .inhalt h2.thema {
	font-size: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	margin-left: 30px;
	line-height: 100%;
	color: #D9A24A;
}


.content h2.profilThema {
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 100%;
	color: #D9A24A;
	margin-left: 25px;
}

.content h2.profilFrage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 130%;
	margin-bottom: 20px;
	margin-left: 25px;
/*	line-height: 100%;*/
	color: #000;
}

.content h3.frage,
.content .inhalt h3.frage {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 20px;
	line-height: 130%;
	color: #000;
}



/* Uebersicht Stellungnahmen */
#filter {
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin-bottom: 2em;
	display: inline;
	float: left;
	width: 690px;
}

#filter select {
	margin-left: 8px;
}

#suche {
	text-align: right;
}

#formSuche {
	float: right;
	width: 230px;
}

#suche #formSuche .feld {
	padding: 0;
	height: 18px;
	width: 120px;
}

.filter {
	margin-left: 7px;
}

.stellungWrapper {
	margin-left: 30px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 120%;
	margin-bottom: 2em;
	clear: left;
	float: left;
}

.profilWrapper {
	margin-left: 30px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 120%;
	margin-bottom: 2em;
	clear: left;
	float: left;
}

.kommentarWrapper {
	margin-bottom: 2em;
	clear: left;
	float: left;
	font-size: 90%;
}

*html .stellungWrapper,
*html .kommentarWrapper,
*html .profilWrapper {
	overflow: auto;
	float: none;
}

.stellungWrapper p,
.kommentarWrapper p,
.profilWrapper p{
	line-height: 130%;
	margin-bottom: 0.5em;
}

.stellungWrapper .stellungDatum,
.kommentarWrapper .kommentarDatum,
.profilWrapper  .profilReiter {
	margin-top: 8px;
}

.stellungWrapper .stellungDatum h4 span,
.profilWrapper .profilReiter h4 span,
.kommentarWrapper .kommentarDatum h4 span {
	background-color: #eee;
	padding: 5px 40px 5px 5px;
	border: 1px solid #ccc;
}

.kommentarWrapper .kommentarDatum h4 span {
	font-size: 140%;
}

.kommentarWrapper .kandidat {
	background-color: #fde6c5;
}

.kommentarWrapper .secondRow {
	background-color: #eee;
}

.stellungWrapper .stellungContent,
.profilWrapper .stellungContent,
.kommentarWrapper .kommentarContent {
	border: 1px solid #ccc;
	margin-top: 6px;
	padding: 5px;
	float: left;
	margin-bottom: 0.3em;
}

.stellungWrapper .stellungContent,
.profilWrapper .stellungContent {
	width: 920px;
}

.kommentarWrapper .kommentarContent {
	width: 483px;
}

.width580 {
	width: 580px !important;
}

.stellungWrapper .stellungContent .stellungLeft {
	float: left;
	width: 405px;
}

.stellungWrapper .stellungContent .stellungRight {
	float: right;
	width: 405px;
}

.stellungWrapper .stellungContent .stellungLeft img,
.profilWrapper .stellungContent .stellungLeft img {
	float: left;
	margin: 0 15px 5px 0;
}

.stellungWrapper .stellungContent .stellungRight p a,
.profilWrapper .profilContent p a, {
	color: #D9A24A;
}

.ergebnisSuche {
	clear: both;
	margin-bottom: 3em;
	margin-top: 1em;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
}

.ergebnisSuche h2 {
	font-size: 150%;
	line-height: normal;
	font-weight: normal;
}

.ergebnisSuche p {
	margin-bottom: 1em;
	margin-top: 0.5em;
}

.formRow {
	margin-top: 10px;
}

#profilBearbeiten .formRow label {
	width: 95px !important;
	display: block;
	float: left;
	padding-top: 8px;
	line-height: normal;
}

#profilBearbeiten input {
	width: 443px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#profilBearbeiten input.homepage {
	width: 400px;
	padding: 5px;
	margin-left: 2px;
	border: 1px solid #CCCCCC;
}

#profilBearbeiten input.upload {
	width: 343px;
}

#profilBearbeiten .formRow input.buttonUpload {
	width: 90px !important;
	border: 1px solid #666666;
	padding: 4px 10px;
	margin-left: 10px;
}

#profilBearbeiten input.button {
	border: 1px solid #666;
	margin-left: 95px;
	margin-top: 15px;
	padding: 0;
	width: 453px;
}

form input {
	padding: 5px;
	border: 1px solid #CCCCCC;
}

form textarea {
	padding: 5px;
}

form .button {
	border: 1px solid #666666;
	padding: 0 10px;
}	



/* MARGINALSPALTE KOMMENTAR ABGEBEN */
#meinKommentar {
	border: 1px solid #ccc;
	padding: 10px;
	width: 210px;
}

#meinKommentar form input,
#meinKommentar form textarea {
	border: 1px solid #ccc;
}
#meinKommentar form input.button {
	border: 1px solid #666;
}

#meinKommentar form input.inputerror,
#meinKommentar form textarea.inputerror
{
	border: red 1px solid; 
}

#profilBearbeiten select.inputerror
{
	border: red 1px solid; 

}

#meinKommentar form textarea {
	height: 200px;
	width: 200px;
}

/* Footer */
#footerWrapper {
	float: left;
	width: 100%;
	background-color: #ffcb7f;
}

#footer {
	margin: 35px auto 15px auto;
	width: 960px;
}

#footer h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #000;
	margin-bottom: 17px;
	margin-left: 30px;
}

#footer ul.alleKandidaten {
	color: #6e6e6e;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 130%;
	margin-left: 30px;
	margin-bottom: 50px;
}

#footer ul.alleKandidaten li {
	float: left;
	width: 230px;
	margin-right: 120px;
}

#footer ul.alleKandidaten li.third {
	margin-right: 0;
}

#footer ul.alleKandidaten li a {
	color: #6e6e6e;
}

#footer .social {
	width: 100%;
	float: left;
}

#footer .social li {
	float: left;
	font-size: 140%;
	margin-right: 15px; 
	padding: 3px 0px 3px 30px;
}

#footer .social li,
#footer .social li a {
	color: #000;
}

#footer .social .copy {
	margin-right: 40px;
	padding-left: 0px;
}	

#footer .social .wong {
	padding-left: 22px;
}

#footer .social .wong {
	background: transparent url(/media/images/wong.gif) center left no-repeat;
}

#footer .social .yigg {
	background: transparent url(/media/images/yigg.gif) center left no-repeat;
}

#footer .social .linkarena {
	background: transparent url(/media/images/linkarena.gif) center left no-repeat;
}

#footer .social .google {
	background: transparent url(/media/images/google.gif) center left no-repeat;
}
/*
#footer .extLink a {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 140%;
}
*/

#profil input,
#profil textarea {
	border: 1px solid #ccc;
	margin-left: 25px;
	width: 423px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 5px;
}
#profil input.button {
	border: 1px solid #666;
	margin-top: 25px;
	padding: 0 10px;
	width: 433px;
}

.meldung {
		margin: 15px 0;
}

.errortext {
	color: red;
	margin-bottom: 10px;
}


.bildwrapper {

	height: 90px;
	float: left;
}

/* Hintergrundbilder fuer Portletkaesten */
.portlet {
	position: relative;
}

#kasten_0, #kasten_1, #kasten_2, #kasten_3, #kasten_4, #kasten_5 {
	position: absolute;
	top: 10px;
	left: -75px;
}