/* CSS Martin Möller 2008 */

/* 	Global Reset */
/**********************************************************/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
em, img, small, strike, strong, sub, sup, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* IE hasLayout Trigger */
* html ul,
* html ol { /* for IE6 */
		overflow: visible;
		height: 1%;
}
ul li {
	list-style-type: none;
}

/* Anti Jumping Layout Fix  - adds permanent Scrollbar */
html { height: 100% } 
body { min-height: 101%; }


/* 	Body */
/**********************************************************/

body {
	font-family: Arial;
	background: #000 url("../images/bg_body.png") 0 0 repeat-x;
	text-align: center;
}

div#wrapper {
	width: 762px;
	margin:0 auto;
	text-align: left;
	background: transparent url("../images/bg_strahler.png") left top no-repeat;
}

div#header {
	width: 762px;
	height: 113px;	
	color:#fff;
}
div#leftNavi {
	width: 116px;
	float:left;
	display: inline;
}
div#content {
	float:left;
	display: inline;
	width: 520px;
	background-color:#1e0031;
	border:5px solid #fff;
	color:#fff;
}
div#innerContent {
	padding:30px;
	position: relative;
}


/* 	Header */
/**********************************************************/
div#header {}

div#header h1 a span { display: none;}
div#header h1 a {
	display: block;
	width: 762px;
	height: 113px;	
	background: transparent url("../images/bg_h1_normal.png") 120px 10px no-repeat;
}
* html div#header h1 a { background: transparent url("../images/bg_h1_ie6.png") 110px 10px no-repeat; }

/* 	Navi */
/**********************************************************/

div#leftNavi {padding: 20px 0 0 0; }
div#leftNavi ul li { display: inline; }
* html div#leftNavi ul li {	float:left;	}  /*ie6*/
div#leftNavi ul li a{
	display: block;
	font-size: 11px;
	height: 15px;
	color:#fff;
	padding:5px 5px 5px 10px;
	background-color: #1e0031;
	margin-bottom: 2px;
	text-decoration: none;
	/*background: transparent url("../images/button_leftNavi_sprite.jpg") 0 -20px no-repeat;*/
}
div#leftNavi ul li a:hover,
div#leftNavi ul li a.activ{
	background-color:#12abcf;
	text-decoration: none;
	/*background: transparent url("../images/button_leftNavi_sprite.jpg") 0 0 no-repeat;*/
}


/* 	Content */
/**********************************************************/

div#content h2{ font-size: 18px; margin-bottom: 30px;}
div#content h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px;}
div#content img{ margin-bottom: 20px; }
div#content p{ font-size: 12px; margin-bottom: 20px; }
div#content a{	font-size: 12px; color: #12abcf; text-decoration:underline; margin-bottom: 20px;}
div#content a:hover{ text-decoration:none; }

div.machMit {
	position: absolute;
	left: 476px;
	top: 40px;
	
}
div.machMit a {
	display: block;
	width: 150px;
	height:150px;
	background: transparent url("../images/button_deine_stimme.png") 0 0 no-repeat;
}

div#content p.datenschutz {font-size:10px;}

/* 	Petition List */
/**********************************************************/

.petition { position: relative; margin-left:20px; list-style-type: none}
.petition li { position: relative; margin-bottom: 20px; font-weight:normal;  letter-spacing: 0;}
.posid {
	position: absolute;
	left: -36px;	
	top:3px;
	font-weight:normal;
	font-size:14px;
}
.petition li strong {font-weight:bold; font-size: 16px; letter-spacing: 0;}


/* 	Presse List */
/**********************************************************/

.presse {margin:0 0 10px 0;}
.presse a {display: block; margin:0!important; padding:0!important;}
.presse li { font-weight:normal; font-size:12px; margin-bottom:10px;}
.presse li ul li{ font-weight:normal; font-size:12px; margin-bottom:1px;}
.presse li ul {margin-left:20px;}


/* 	About Us */
/**********************************************************/

ul.about {
	position: relative;
}
 
ul.about li .image {
	float:left;
	border:1px solid white;
}
ul.about li .image img { margin:0!important; padding:0!important;}

ul.about li {
	clear:both;
	margin-bottom:40px;
}
ul.about li blockquote {
	padding-left:110px;
}
ul.about li blockquote p {
	margin:0!important;
}

ul.about li blockquote { quotes: "\201C" "\201D"; font-size: 20px; } 
ul.about li blockquote:before { content: open-quote; font-weight: bold; }
ul.about li blockquote:after { content: close-quote; font-weight: bold; } 

ul.about li cite {
	position:relative;
	left:160px;
	font-style: italic;
	font-size: 12px;
}


/* 	Formular */
/**********************************************************/

form fieldset { padding:20px 0 20px 0;}
form fieldset div { clear:both; margin-bottom: 10px; }
form fieldset label { font-size: 12px; width: 150px;  float:left; margin-bottom: 10px; }
form input { background-color:#eee;	width: 200px; }
form fieldset textarea#nachricht { width: 300px; height:150px;   }

form fieldset div.buttonrow {text-align:right;}
form fieldset div.buttonrow input {
	font-size: 20px;

}

.error {
	color:red;
	font-size:12px;
	display: none;
	position: absolute;
	top: 295px;
	left:120px;
	border:1px solid red;
	background-color: #1E0031;
	padding:20px;
}

.error a.schliessen {
	color: fff!important;
	font-size: 11px!important;
	position: absolute;
	left:120px;
	top:2px;
}

/* Pager */

div.pager {
	position: relative;	
	padding:0 0 40px 0;
	background: transparent url("../images/line_dotted.gif") 0 30px repeat-x;
	color:#12ABCF;
}

div.pager a {
		font-size:16px!important;
}

/* 	Footer */
/**********************************************************/
div#footer {
	padding: 10px 0 0 0;
	clear:both;
	color:#fff;
	font-size: 0.7em;
	text-align: center;
}


/* 	Clearfix */
/**********************************************************/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix {  display: block; }
* html .clearfix { height: 1%; }