/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

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



/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* Page Layout:
   ===========
   
   1000
   
   216 | 761 = 977
   
   216 | 472 | 223 = 911
   
   216 | 390 | 371 = 977
   
   630 | 314 = 944
   
   Structure:
   ==========
   
	<html>
		<head>
		</head>
		<body>
			<div id="container">   
			   <header>
			   </header>
			   <div id="main">
				   <div class="content">							// teaser // greybg // no-blue-navi
						<div class="centered">						// aktuell
							<div class="layout-wide-narrow">		// narrow-wide // wide-narrow // narrow-wide-narrow // narrow-wide-wide
								<div class="col1">
									<div class="cols clearfix">
										<p>
										</p>
										<p class="last">
										</p>
									</div>
								</div>
								<div class="col2">
								</div>
							</div>
						</div>
					</div>	
			   </div>
			   <footer>
			   </footer>
			</div>
			<div id="modal">
			</div>
			<div id="modalbig">
			</div>
		</body>
	</html>
   		
   Mehrspaltige Formulare:
   =======================
   
   <div class="cols clearfix">
      <p></p>
      <p class="last"></p>
   </div>
   		
   
   tag {}
   .class {}
   #id {}
   attribute coordinates: top right bottom left    OR	 top/bottom left/right
   ========================================================================== */
   

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,button,input,select,textarea{color:#7c7c7c;}
body{position:relative; min-height:100%; top:0!important;font-size:1em;line-height:1.4;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}


/* ==========================================================================
   Webfont openPetition
   ========================================================================== */

@font-face {font-family: 'graublau'; src: url('fonts/graublauweb.eot');  src: url('fonts/graublauweb.eot?#iefix') format('embedded-opentype'), url('fonts/graublauweb.woff') format('woff'), url('fonts/graublauweb.ttf') format('truetype'), url('fonts/graublauweb.svg#graublau_webregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'graublau'; src: url('fonts/graublauwebbold.eot'); src: url('fonts/graublauwebbold.eot?#iefix') format('embedded-opentype'), url('fonts/graublauwebbold.woff') format('woff'), url('fonts/graublauwebbold.ttf') format('truetype'), url('fonts/graublauwebbold.svg#graublau_web_boldregular') format('svg'); font-weight: bold;  font-style: normal;}


/* ==========================================================================
   Custom styles openPetition
   ========================================================================== */
      
html, body {width:100%;	height:100%;}
body {background:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:20px;color:#6c6c6c;} 
#container {position:relative;height:auto !important;height:100%;min-height:100%;margin:0px;} 
div#minheight {height:645px;}

a {color:#9d0d15; text-decoration:none; word-wrap: break-word;}	/* used to be #45d1e7 */
a:hover {text-decoration:underline;}
h1, h2, h2.h1, h3 {color:#4a4e4f;font-size:30px;line-height:1.25em;font-family:Georgia, serif; font-style:italic;font-weight:normal;margin:0 0 10px 0;padding:0;}
h2 {font-size:18px;}
.col2 h3, .text h3 {font-size:14px;margin: 10px 0 0 0;line-height:20px;}
h1 span {font-size:17px;color:#666;display:block;line-height:1em;margin-bottom:10px;}
p {margin: 0 0 10px 0; padding:0;}
h4 {font-family:Georgia, serif;font-size:15px;font-weight:normal;font-style:italic;color:#4a4e4f;margin:0;padding:3px 0 0 5px;}
h6 {font-size:12px;font-weight:bold;color:#4a4e4f;margin:0;padding:3px 0 0 0;}
hr {margin:35px 0;padding:0;height:1px;}
article {margin-bottom:20px;}
option {font-size:12px;padding:3px 2px;}
input:focus, textarea:focus, select:focus {outline:none;}

.centered {max-width:1020px;margin:0 auto;}  
.greybg {background:url(../img/bg_grey.png);border-bottom:solid 1px #666;padding-bottom:20px;}
.widget .greybg {background:none;}
.greybg h1 {padding:40px 0 10px 0;}
.col2 {margin:-5px 0 60px 0;}
.col2 .distance {margin-left:20px;}
.twocol {float:left;width:330px;margin:0 10px 0 20px;}
.indent {margin-left:20px !important;}
.divide {background:url(../img/vertical-line2.gif) 361px 10px repeat-y;}
.text h2 {margin-top:20px;}
.right {text-align:right;}
.avatar {margin-bottom:40px;}
.sticked {position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000;}
.sticked .petition-schritte-horizontal, .sticked .petition-zeichnen-horizontal .login-registration-form {padding-top:10px;padding-bottom:5px;margin-top:0;margin-bottom:0;}
.simplepage {margin-top:50px;margin-bottom:100px;}

.layout-wide .col1 {width:960px;float:left;margin-right:18px;} 
 
.layout-narrow-wide {margin-top:30px;}
	.layout-narrow-wide .col1 {width:216px;float:left;margin-right:18px;} 
	.layout-narrow-wide .col2 {width:761px;float:left;}
 
.layout-narrow-wide-narrow {margin-top:35px;}
	.layout-narrow-wide-narrow .col1 {width:216px;float:left;margin-right:18px;}
	.layout-narrow-wide-narrow .col2 {width:472px;float:left;margin-left:25px;padding-right:30px;border-right:solid 1px #a3a3a3;}
	.layout-narrow-wide-narrow .col3 {width:223px;float:left;padding-left:10px;}

.layout-narrow-wide-wide .col1 {width:216px;float:left;margin-right:18px;}
	.layout-narrow-wide-wide .col2 {width:390px;float:left;} 
	.layout-narrow-wide-wide .col3 {width:371px;float:left;}
  
.layout-wide-narrow {padding:0 0 0 0;}
	.layout-wide-narrow .col1 {width:630px;float:left;padding-right:68px;}
	.layout-wide-narrow .col2 {width:274px;float:left;margin:0;padding-left:20px;}
	.greybg .layout-wide-narrow .col1 {border-right:solid 1px #666;}

.layout-wide-narrow div.colored-link a { background: url("../img/icon-triangle.png") no-repeat scroll 250px 4px #8a8a8a; color: #FFFFFF; display: block; line-height: 25px; padding: 0 10px;font-size: 12pt; text-transform:uppercase;font-family: graublau, sans-serif;}
	.layout-wide-narrow div.colored-link a:hover {text-decoration:none ;background-color:#EE9C02;}
	.layout-wide-narrow .col2 h4 {padding:0;}
	.layout-wide-narrow .col2 h5 {font-size:18px;color:#666;padding:20px 0 5px 0;margin:0}
    .layout-wide-narrow .col2 p {font-size:11px;}
	.layout-wide-narrow .col2 hr {margin:5px 0;padding:0;height:1;}
    .layout-wide-narrow.agb-submit {margin:30px 0 20px 0;}
	.layout-wide-narrow.agb-submit label span.bigger {padding-top:0; display:block;}

.layout-middle-middle .col1 {width:500px;float:left;margin:0px;}
	.middle-middle .col2 {width:500px;float:left;margin:0px;} 
  	
.small-small-small .col1 {width:220px;float:left;margin:0px;}
	.small-small-small .col2 {width:220px;float:left;margin:0px;} 
	.small-small-small .col3 {width:220px;float:left;margin:0px;}
  	.small-small-small p {font-size:10px;}
  
.middle-middle .col1 {width:250px;float:left;margin:0px;}
	.middle-middle .col2 {width:250px;float:left;margin:0px;} 
  	.middle-middle p {font-size:10px;}
  	
a.back { float:right;font-family:Georgia, serif; font-size:18px; line-height:19px;font-style:italic; color:#5cadd6; text-decoration:none; display:block; background:url(../img/more-liste.png) left 3px  no-repeat; margin-top:10px;padding-left:30px;}
a.back:hover {background-position:left -66px; color:#E07D28;}


header {margin:20px 0;}
	header #logo {width:225px;float:left;}
	header nav {float:right;width:625px;text-align:right; position: relative;}
	header nav ul {margin:0;padding:25px 0 0 0;right:3px;top:24px;list-style:none;}
	header nav ul li {display:inline-block;border-right:solid 1px #bdc5c9; vertical-align:middle; position: relative;}
	header nav ul li.last {border-right:none;}
	header nav ul li a {font-family:graublau, sans-serif;font-size:11pt;text-transform:uppercase;color:#797979;text-decoration:none;line-height:1em;display:block;margin-left:9px;padding-right:9px;}
	header nav ul li.active a, header nav ul li a:hover {color:#e07d28;text-decoration:none;}
	header nav ul ul { display:none; position:absolute; top:100%; left:0; background:#fff; padding:0; }
	header nav ul ul li { float:none; width:200px; border-right:none; left:-20px;}
	header nav ul ul a { line-height:150%; padding:10px 15px; text-align: left; }
	header nav ul li:hover > ul { display:block }
	
	

/*#google_translate_element {margin-left:2px;}*/
	#google_translate_element .goog-te-menu-value:hover {text-decoration:none;}
	#google_translate_element .goog-te-menu-value span:first-child {color:#797979;}
	#google_translate_element .goog-te-menu-value span {border:none !important;}
	#google_translate_element .goog-te-menu-value span:last-child{display:none !important;}
	#google_translate_element .goog-te-gadget-simple img {display:none;}
	#google_translate_element .goog-te-gadget-simple {border:none !important;background:transparent;}


.toolbar {background:url(../img/bg_toolbar.png) repeat;padding-top:1px}
	.toolbar ul {margin:0;padding:0;position:relative;height:44px;}
	.toolbar li {display:block; float:left;color:#fff;} 
	.toolbar li a {display:block; color:#fff;padding:10px 20px;font-size:14px; line-height:24px;}
	.toolbar li a:hover { text-decoration:none;background-color:#fff;color:#494D4F;}
	.toolbar li.active a {background:#fff url(../img/bg_grey.png); color:#494D4F;height:25px;}
	
	.toolbar div a {display:block; color:#fff;padding:10px 20px;font-size:14px; line-height:24px;}
	.toolbar div a:hover { text-decoration:none;background-color:#fff;color:#494D4F;}

	.toolbar li.logout  {border-left:solid 1px #666;border-right:solid 1px #666;background:#fff;}
	
	.toolbar li.logout a { background:url(../img/btn-logout.png) center center no-repeat; width:40px;white-space:nowrap;height:44px;padding:0;} 
	.toolbar li.logout a:hover { background-color:#eee;}

	.toolbar li.settings {}
	.toolbar li.settings a { background:url(../img/btn-settings-40.png) center center no-repeat; width:40px;white-space:nowrap;height:44px;padding:0;} 
	.toolbar li.settings a:hover { background-color:#eee;}
	
	.toolbar li.user-dropdown {float:right;}
	.toolbar .dropdown { padding:0;border-right:solid 1px #666;height:44px}   
	.toolbar div.dropdown {float:right;}
	.toolbar .lt-ie9 .dropdown { max-width:240px; }
	.toolbar .dropdown a:hover{text-decoration:none;background-position:right -40px;color:#494D4F;}	
	.toolbar .dropdown-toggle { max-width:240px;overflow:hidden;height:27px;white-space:nowrap;overflow:hidden;display:block;background:url(../img/btn-dropdown-inverted.png) right 10px no-repeat;padding:10px 60px 10px 20px;}

	.toolbar .dropdown-menu {background:#fff;color:#494D4F;float:none; width:460px; padding:5px 5px 25px 5px;height:auto;position:absolute;top:44px;left:0;right:auto;border:solid 1px #666;}
	.toolbar .user-dropdown .dropdown-menu {right:0;left:auto;}
	.toolbar .dropdown-menu li {border:none;border-bottom:solid 1px #ccc; padding:0;margin:0 5px;background:none; float:none; }
	.toolbar .dropdown-menu li a, .toolbar .dropdown-menu li span {color:#8a8a8a;padding:2px 0;margin:0 8px;width:auto;overflow:hidden;background:none;}   
	.toolbar .dropdown-menu li span {display:block;margin-top:20px;font-weight:bold;}
	.toolbar .dropdown-menu li > a:hover, .toolbar .dropdown-menu .active > a, .toolbar .dropdown-menu .active > a:hover{color:#e07d28;}
	
	.toolbar .dropdown-menu li.beta a {color:#0ca5b0;}
	.toolbar .dropdown-menu li.beta a:hover {color:#e07d28;}	


.teaser {height:337px;background:url(../img/bg_teaser_lang.png) 0 0 repeat-x;padding:31px 0 25px 0;border-top:solid 1px #666;border-bottom:solid 1px #666;}
	.teaser-text {background:url(../img/teaser-taubenschlag.png) 0 0 no-repeat;padding-left:100px;height:331px;max-width:302px;float:left;position:relative;color:#8a8a8a;}
	.teaser-text h1 {font-family:Georgia, serif; font-size:18px;font-weight:normal;font-style:italic;line-height:1.5em;color:#666;}
	.teaser-text p {color:#666;}
	.teaser-text table {border-collapse:collapse;position:absolute;left:100px;bottom:0;}
	.teaser-text table tr.separated td {padding-top:5px;}
	.teaser-text table th, .teaser-text table td{text-align:left;font-family:graublau, sans-serif;font-size:11pt;font-weight:bold;color:8a8a8a;padding-right:10px;text-transform:uppercase;} 
	.teaser-text table td strong{color:#666;font-size:16px;}
	.teaser-text table td{font-size:14px;font-weight:normal;padding-top:5px;} 
	.teaser-text table .second {border-left:solid 1px #bababa;padding-left:20px;padding-right:0;}

	.teaser .newsletter-home input[type="text"] {width:200px; display:inline-block;}
	
	.petition-text {width:435px;float:left;position:relative;color:#8a8a8a;line-height:1.25em;padding:15px 0;background:url(../img/vertical-line.png) left 55px bottom 115px no-repeat;}
	.widget .petition-text {padding-top:0;}
	.petition-text strong {display:block;color:#666;}
	
	.petition-text .unterstuetzer .skalabg {background:url(../img/skala-bg.png) 0 0 no-repeat;width:303px;height:8px;margin:10px 0 5px 0;position:relative;overflow:hidden;}
	.petition-text .unterstuetzer .skalanoskala {width:303px;height:8px;margin:10px 0 5px 0;position:relative;overflow:hidden;}	
	.petition-text .unterstuetzer .skalaleft {background:url(../img/skala-filled-left.png) 0 0 no-repeat; height:8px;width:3px; top:0;left:0;position:absolute;}
	.petition-text .unterstuetzer .skala {background:url(../img/skala-filled-right.png) 0 0 no-repeat; height:8px;width:303px; top:0;left:0;position:absolute;}
	
	body.widget .petition-text .unterstuetzer .skalabg {width:90%; background: transparent; border:solid 1px #000; border-radius: 5px;}
	body.widget .petition-text .unterstuetzer .skalaleft {display:none;}
	body.widget .petition-text .unterstuetzer .skala {background:none; background-color: #30B9D0; border-radius: 5px; width:100%;}
	body.widget .petition-text .unterstuetzer .skalanoskala {width:auto; max-width:303px;}
	
	.petition-text .restzeit, .petition-text .unterstuetzer {font-family:graublau, sans-serif; font-size:11pt; text-transform:uppercase; height:auto; min-height:auto;}
	.petition-text .restzeit {margin-bottom:3px;}
	.petition-text .restzeit strong, .petition-text .unterstuetzer strong {padding-top:2px;font-size:14pt;line-height:1.4em; }
	.petition-text .restzeit strong {display:inline;padding-right:5px;}
	.petition-text .restzeit strong span {font-size:14pt;line-height:1.4em; }
	.petition-text .unterstuetzer div div {float:left;width:50%;}
	.petition-text .ziel {color:#e07d28;font-size:12px;font-family:Arial,sans-serif;margin-left:50%;text-transform:none;}
	.petition-text .ziel.percentage{margin-left: 0px; float:left;}

	.petition-stats {list-style:none;padding:0;margin:0;}
	.petition-stats li {min-height:38px;padding:0 0 0 70px;margin-bottom:10px;}
	
	.widget .minimal .petition-stats li {padding-left:0;}
	.widget h4 {padding-left:0;}
	
	textarea.widgetcode {border:none; width:100%; height:240px; display:block;}
	
	.petition-stats li.petent {background:url(../img/icon-petent.png) 0 0 no-repeat;}
	.petition-stats li.region {background:url(../img/icon-region.png) 0 0 no-repeat;}
	.petition-stats li.unterstuetzer {background:url(../img/icon-unterstuetzer.png) 0 8px no-repeat;}
	
	.petition-stats li.empfaenger-bundestag {background:url(../img/icon-status-gerichtet-an.png) 0 0 no-repeat;}
	
	.petition-stats li.status0 {background:url(../img/icon-status-entwurf.png) 0 0 no-repeat;}
	.petition-stats li.status1 {background:url(../img/icon-status-in-zeichnung.png) 0 0 no-repeat;}
	.petition-stats li.status2 {background:url(../img/icon-status-zeichnungsfrist-beendet.png) 0 0 no-repeat;}
	.petition-stats li.status3 {background:url(../img/icon-status-gesperrt.png) 0 0 no-repeat;}
	.petition-stats li.status4, .petition-stats li.status5 {background:url(../img/icon-status-eingereicht.png) 0 0 no-repeat;}
	.petition-stats li.status6 {background:url(../img/icon-status-empfangen.png) 0 0 no-repeat;}
	.petition-stats li.status7, .petition-stats li.status8 {background:url(../img/icon-status-in-pruefung.png) 0 0 no-repeat;}
	.petition-stats li.status9 {background:url(../img/icon-status-nicht-entsprochen.png) 0 0 no-repeat;}
	.petition-stats li.status10, .petition-stats li.status11 {background:url(../img/icon-status-erfolgreich.png) 0 0 no-repeat;}
	.petition-stats li.status12 {background:url(../img/icon-status-zurueckgezogen.png) 0 0 no-repeat;}
	
	.slideshow  {background:url(../img/bg_slideshow.png) 0 0 no-repeat;width:560px;height:341px;position:relative;float:left;}
	.slideshow ul {padding:0;margin:0;list-style:none;}
	.slideshow li {margin:13px 54px;} 
	.slideshow .cycle li {display:none;}
	.slideshow .cycle li.first {display:list-item;}
	.slideshow li a {display:block;position:relative;}
	.slideshow li a:hover {text-decoration:none;}
	.slideshow li a div {position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.6;filter: alpha(opacity=50);background:#fff;}
	.slideshow li a span.text{display:block;position:absolute;top:10px;left:20px;overflow:hidden;width:400px;height:200px;font-family:Georgia,serif;font-style:italic;font-size:32px;color:#666;line-height:1.25em;}
	.slideshow li a img {width:450px;height:300px;overflow:hidden;}
	.slideshow li a span.more {display:block;position:absolute;bottom:15px;right:20px;font-family:Georgia,serif;line-height:40px;color:transparent;font-style:italic;font-size:0px;line-height:0;}
	.slideshow li a:hover span.more {color:#fff;font-size:20px;line-height:1em;text-shadow: #666666 0.1em 0.1em 0.1em}
	.slideshow #cyclenav {position:absolute;left:530px;bottom:15px;}
	.slideshow #cyclenav a {text-indent:-10000px;display:block;width:10px;height:11px;background:url(../img/icons-slideshow.png) 0 0 no-repeat;padding-bottom:5px;}
	.slideshow #cyclenav a.activeSlide {background-position:0 -30px;}
	.slideshow #cyclenav a:focus { outline: none; }

/* breite alles: 641, 1. 203, 2. 235, 3. 157 */
.petition-schritte-horizontal {padding:40px 35px 35px 0;border-bottom:solid 1px #666;margin-bottom:30px;}     
	.petition-schritte-horizontal ul {float:left;max-width:701px;height:54px;background:url(../img/petition-starten-horizontal.png) 0 0 no-repeat;margin:5px 0;padding:0 0 0 0px; list-style-type: none;}  
	.petition-schritte-horizontal ul li {font-family:Georgia,serif;font-size:20px;line-height:54px;color:#666;font-style:italic;float:left;text-align:left;margin:0;padding:0;text-indent:0;}
	.petition-schritte-horizontal ul li.first { width:203px;padding-left:40px;}
	.petition-schritte-horizontal ul li.second {width:235px; }
	.petition-schritte-horizontal ul li.third {	width:190px; }
	.petition-schritte-horizontal ul li.mouseover {	font-size:15px;line-height:21px;padding-top:6px;padding-bottom:6px; }	

.petition-zeichnen-horizontal {padding:25px 0 20px 0;border-bottom:solid 1px #666;margin-bottom:35px;}
	.widget .petition-zeichnen-horizontal {padding-top:0;}
	/* first row 720 / 4 = 180 */
	.petition-zeichnen-horizontal div.row1 {width:720px; float:left;}
	.petition-zeichnen-horizontal div.row1 div { width:160px;margin-right:20px;float:left;}
	.petition-zeichnen-horizontal div.row2 {width:720px; float:left;margin-top:20px;}
	.petition-zeichnen-horizontal div.row2 .cb_anonymous {padding-left:10px;}
	
	.widget .white select.custom.replaced, 	.widget .white .custom-select , .widget .petition-zeichnen-horizontal .custom-select-container  {width:96% !important;}
	.widget .petition-zeichnen-horizontal select  {margin-bottom:10px !important;}
	.widget .cb_country {width:43%; float:right; }
	.widget .petition-zeichnen-horizontal div.row2 .cb_anonymous {width:50%; float:left;padding-left:0;}
	.widget .petition-zeichnen-horizontal div.row2 label {margin-top:5px; line-height:14px;}
	.widget .cb_info, .widget .cb_news {float:none; width:100%; margin-bottom:10px;}
	
	/* second row 720 / 4 = 180 */
	.petition-zeichnen-horizontal div.row2 div select { width:160px ;margin-right:0px;float:left;}
	.petition-zeichnen-horizontal div.row2 div.clearfix {float:left;} 
	.petition-zeichnen-horizontal div.row2 div input { width:25px;margin-top:5px; margin-left:5px;margin-right:0px;float:left;}	/* 720 / 4 = 180 */
	.petition-zeichnen-horizontal div.row2 div label { width:150px;margin-left:0px;margin-right:0px;float:left;}	/* 720 / 4 = 180 */

.leftnavigation {margin-bottom:50px;}
	.leftnavigation ul {margin:0;padding:0;}
	.leftnavigation li a {font-family:graublau, serif;font-size:11pt;line-height:1em;text-transform:uppercase;text-decoration:none;color:#8a8a8a;display:block;padding:0 12px 16px 12px;margin-bottom:20px;border-bottom:solid 1px #bdc5c9;}
	.leftnavigation li a:hover, .leftnavigation li.active a {color:#e07d28;}
	.leftnavigation li.active a:before {content:"> ";}
	.leftnavigation li.beta a {color:#0ca5b0;}
	.leftnavigation li.beta a:hover {color:#e07d28;}
	.leftnavigation form {margin:20px 10px 0 10px;}
	.leftnavigation label {font-family:Georgia;font-size:12px;font-style:italic;color:#666;text-transform:uppercase;display:block;margin-bottom:15px;}
    .leftnavigation .filter option {font-size:14px;padding:3px 2px;}


.petitionen-liste {list-style:none;padding:0;margin:0;}
	.petitionen-liste li{border-bottom:solid 1px #bfbfbe;padding:0 25px 30px 25px; margin-bottom:30px;}
	.petitionen-liste h2 {color:#4a4e4f; font-family:Georgia, serif; font-size:24px; font-weight:normal; line-height:1.25em; font-style:italic;margin:0 0 0 0;padding:0;}
	.petitionen-liste h2 a {text-decoration:none; color:inherit;}       
	.petitionen-liste h2 a:hover {color:#45d1e7;}
	.petitionen-liste .text {width:400px;float:left;}
	.petitionen-liste .text.blocked {width:auto;}
	.petitionen-liste a.image {display:block; width:220px;float:right;}
	.petitionen-liste a.image:hover  {opacity:0.6;filter: alpha(opacity=60);}
	.petitionen-liste img {width:210px;max-height:140px; overflow:hidden;background: url(../img/bg_liste_bild.png) 0 0 no-repeat;padding:10px;}
	.petitionen-liste p {margin:10px 0 0 0;padding:0;}
	.petitionen-liste p.tags {color:#a8a8a8;}
	.petitionen-liste .tags_col2 {color:#a8a8a8;float:right;}	
	.petitionen-liste p.tags strong {}
	.petitionen-liste p.num-signings {color:#a8a8a8; font-size:14px;text-transform:uppercase;width:200px;float:left;}
	.petitionen-liste p.num-signings strong {color:#666;font-size:18px;padding-right:5px;}
	a.more { float:right;font-family:Georgia, serif; font-size:18px; line-height:19px;font-style:italic; color:#5cadd6; text-decoration:none; display:block; background:url(../img/more-liste.png) left 3px  no-repeat; margin-top:10px;padding-left:30px;}
    a.more:hover {background-position:left -66px; color:#E07D28;}

p.sorter { float:left; margin:0 0 40px 0;padding:0 0 0 2px;}
	p.sorter a, p.sorter span {font-family:graublau,sans-serif; font-size:12pt; line-height:25px;color:#8a8a8a;text-decoration:none;border-right:solid 1px #bdc5c9;padding:0 10px 0 8px;}
	p.sorter a:hover, p.sorter	 a.active {color:#e07d28; }

p.pager {float:right; margin:0 0 40px 0;padding:0 0 0 2px;}
	p.pager a, p.pager span {font-family:graublau,sans-serif; font-size:12pt; line-height:25px;color:#8a8a8a;text-decoration:none;border-right:solid 1px #bdc5c9;padding:0 10px 0 8px;}
	p.pager a:hover, p.pager a.active {color:#e07d28; }

.colored-links {list-style:none;margin:10px 0 30px 0;padding:0;}
	.colored-links li {margin:0 0 5px 0;}
	.colored-links li a {color:#fff;line-height:25px; display:block;padding:0 10px; background:#b5b5b5 url(../img/icon-triangle.png) 200px 4px no-repeat;}
	.greybg .colored-links li a {background-position: 250px 4px;background-color:#19b0ce;}
	.colored-links li a:hover, .colored-links li.current_page_item > a{background-color:#EE9C02 !important; text-decoration:none;}
	.colored-links li.facebook a {background-color:#5575ad;}
	.colored-links li.twitter a {background-color:#22c7e4;}
	.colored-links li.google a {background-color:#e9854e;}
	.colored-links li.whatsapp a {background-color:#5DB913;}
	.colored-links li.email a {background-color:#7b3b3b;}
	.colored-links li.feed a {background-color:#F6C03D;}
	.colored-links li.flyer a {background-color:#4a4e4f;}	
	.colored-links li.boegen a {background-color:#8A8A8A;}
	.colored-links li.widget a {background-color:#7646aa;}	
     .colored-links ul {margin:0;padding:5px 0 1px 0;list-style:none;background-color:#7E7E7E;}  
	.greybg .colored-links ul li a {background:#9e9e9e url(../img/icon-triangle.png) 250px 4px no-repeat; padding-left:20px;  }
	
.unterzeichner-liste {list-style:none;margin:10px 0 30px 0;padding:0;}
	.unterzeichner-liste li {font-size:14px;color:#8a8a8a;border-bottom:solid 1px #c4ced3;padding:0 10px 5px 10px;margin-bottom:15px;}
	.unterzeichner-liste li strong {font-size:18px;color:#666;display:block;}
	.unterzeichner-liste li span {display:block;float:right;}

.widget .unterzeichner-liste {list-style:none;margin:10px 0 30px 0;padding:0;}
	.widget	.unterzeichner-liste li {font-size:12px; line-height:1.2;color:#8a8a8a;border-bottom:solid 1px #c4ced3;padding:0 10px 2px 10px;margin-bottom:2px;}
	.widget	.unterzeichner-liste li strong {font-size:14px;color:#666;display:block;}
	.widget	.unterzeichner-liste li span {display:block;float:right;}


form.grey p {margin-bottom:30px;}
	form.grey input[type="text"], form.grey input[type="password"], form.grey textarea, .boxshadow .petition-zeichnen-horizontal input[type="text"], .lt-ie9 form.grey input,  .lt-ie9 form.grey textarea  { line-height:1em;padding:8px;color:#8a8a8a;font-size:12px;-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);border-radius:4px;-webkit-border-radius: 4px;}
	form.grey input[type="text"], form.grey input[type="password"], form.grey textarea, .lt-ie9 form.grey input, .lt-ie9 form.grey textarea {border:solid 6px #fff;width:550px;font-size:13px;line-height:1.25em;height:auto;}
	form.grey .cols input[type="text"], form.grey .cols input[type="password"] {width:260px;}
	form.grey input[type="text"]:focus, form.grey input[type="password"]:focus, form.grey textarea:focus {border:solid 6px #43BBD3;}
	form.grey input[type="text"].error, form.grey input[type="password"].error, form.grey textarea.error {border:solid 6px #E07D28;}
	form.grey label{display:block;color:#4a4e4f;font-size:18px;font-family:Georgia, serif; font-style:italic;margin-bottom:10px;line-height:18px;}
	form.grey label span {font-family:Arial, sans-serif; font-size:11px;font-style:normal; padding-top:4px; color:#7c7c7c;}
    form.grey label span.bigger {font-size:12px;}
	form.grey label span.biggest strong {font-size:14px;font-weight:normal;}
	form.grey .cols p {width:280px;float:left;} 
	form.grey .cols p.last {  margin-left:20px;}
	form.grey textarea, .boxshadow form.grey textarea {height:150px; width:550px;}
    form.grey label.checkbox {float:right;width:550px;display:block;}                                                         
    form.grey label.radio {margin-right:20px;display:inline-block;}
	.lt-ie9 form.grey label.checkbox { width:520px;}
    .lt-ie9 form.grey input.checkbox {margin-right:10px;display:inline!important;width:2.5em!important;border:none;padding:0;}
    form.grey p.agb {margin: 20px 0 20px 0;}
    form.grey span.error {border: solid 6px #E07D28; border-radius: 4px; padding:4px; margin:5px 0px; display:block}
	form.grey p.agb.error {border: solid 6px #E07D28; border-radius: 4px; padding:4px;}
    form.grey p.agb.error label.checkbox {width:540px; }
    form.grey .submit-inline {position:relative;width: 275px;}
	form.grey .submit-inline .inline {position:absolute;top:9px;right:10px;width:25px;height:25px;background:url(../img/btn-submit-inline.png) 0 0 no-repeat;padding:0;border:none;}     
    form.grey .submit-inline .holder {padding-right:40px;}

form#representResponse label{margin-bottom:5px;}

form.white {color:#8a8a8a;}
	form.white div.row1 label {display:block;margin-bottom:4px;}
	.widget .petition-zeichnen-horizontal label {  margin-bottom: 0 !important;  margin-top: 10px;}
	form.white div.row2 label {font-size: 11px;line-height:25px;}
	.boxshadow form.white input[type="text"], .boxshadow form.white textarea  {border:solid 2px #fff;line-height:1.2em;padding:6px;color:#8a8a8a;font-size:12px;-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);border-radius:4px; -webkit-border-radius: 4px;}   
	form.white input[type="text"], form.white textarea {width:98%;}
	form.white textarea  {height:80px;}
	form.white input[type="text"]:focus, form.white textarea:focus  {border-color: #43BBD3;} 
	form.white input[type="text"].error, form.white textarea.error  {border-color: #E07D28;}
	form.white input.checkbox {margin-right:10px;}
	form.white .custom-select > span, form.white .custom-select.active > span { color:#8a8a8a;margin:2px 0 0 3px;border:solid 1px #d2d9dc;border-top-color:#acadb2; box-shadow:0; -webkit-box-shadow: 0;border-radius:0 0 0 0;-webkit-border-radius: 0 0 0 0 ;font-size:12px;line-height:1.5em;height:1.5em;}
 


.btn-gelb {
    background: rgba(0, 0, 0, 0) url("../img/btn-gelb.png") no-repeat scroll 0 -127px;
    border: medium none;
    color: #53514a;
    float: right;
    font-family: Georgia,serif;
    font-size: 20px;
    height: 72px;
    line-height: 62px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 229px;
}
	.btn-gelb:hover {background-position:0 0;text-decoration:none;color:#333;}
	input.btn-gelb {padding-bottom:5px;}
	#btn-container {float:right;width:230px; margin-top:-30px;} 
	.widget #btn-container {margin-top:15px; float:none; margin:0 auto;}
	.widget .btn-gelb {height:62px; font-size:22px; margin-bottom:10px;}
	
	
	.link_prvc {text-align: center;}
	a.data-privacy{font-size: 11px; color: #8A8A8A; text-align: center;  width: 229px;}
	.btn-gelb-gross {border:none; padding:0!important;margin:-3px 0 0 0;width:291px!important;vertical-align:middle;height:72px!important;text-align:center;background:url(../img/btn-gelb-gross.png) 0 3px no-repeat;font-family:Georgia,serif;font-size:20px;line-height:62px;text-decoration:none;color:#53514a; display:inline-block;}
	.btn-gelb-gross:hover {background-position:0 -125px; text-decoration:none; color:#333;}
	.lt-ie9 form.grey .btn-gelb-gross { width:305px!important;height:88px!important;font-size:20px!important;color:#53514a!important;}
	.btn-gelb-klein {float:right; border:none; padding:0!important;margin:-3px 0 0 0;width:161px!important;vertical-align:middle;height:55px!important;text-align:center;background:url(../img/btn-gelb-klein.png) 0 3px no-repeat;font-family:Georgia,serif;font-size:14px;line-height:51px;text-decoration:none;color:#53514a; display:inline-block;}
	.btn-gelb-klein:hover {background-position:0 -95px; text-decoration:none; color:#333; }
	.lt-ie9 form.grey .btn-gelb-klein { border:none!important;color:#342509!important;}      
	.btn-gelb-mini {float:right; border:none; padding:0!important;margin:0px 0 0 0;width:100px!important;vertical-align:middle;height:35px!important;text-align:center;background:url(../img/btn-gelb-mini.png) 0 3px no-repeat;font-family:Georgia,serif;font-size:11px;line-height:35px;text-decoration:none;color:#53514a; display:inline-block;}
	.btn-gelb-mini:hover {background-position:0 -58px; text-decoration:none; color:#333; }
	.lt-ie9 form.grey .btn-gelb-mini { border:none!important;color:#342509!important;}   
		
.btn-grau {background:url(../img/btn-grau-left.png) 0 0 no-repeat;height:40px;padding-left:10px;display:inline-block;}
	.btn-grau input, .btn-grau a {background:url(../img/btn-grau-right.png) right 0 no-repeat;height:40px !important;width:auto !important;border:none !important;padding:0 20px 0 10px!important;font-size:14px;color:#989797;text-shadow:#fff 1px 1px 1px;}
	.btn-grau:hover {background-position:0 -72px;}
	.btn-grau:hover input, .btn-grau:hover a {background-position:right -72px;}
	.white .btn-grau {background-image:url(../img/btn-grau-hell-left.png);}
	.white .btn-grau input {background-image:url(../img/btn-grau-hell-right.png);}  

.btn-spenden {border:none; padding:0;margin:0;width:181px;vertical-align:middle;height:39px;;text-align:center;background:url(../img/jetzt-spenden.png);font-family:Arial;font-size:15px;font-weight:bold;line-height:39px;text-decoration:none;color:#FFFFFF;}
.btn-spenden:hover {border:none; padding:0;margin:0;width:181px;vertical-align:middle;height:39px;;text-align:center;background:url(../img/jetzt-spenden.png);font-family:Arial;font-size:15px;font-weight:bold;line-height:39px;text-decoration:none;color:#FFFFFF;}


body.widget .minimal .centered {padding-top:20px;}
body.widget .petitiontext {width:470px; float:left; margin:0; padding: 20px 45px;}
body.widget .petitionform {width:365px; float:left; margin:0; padding: 20px 0 20px 65px;}
body.widget .minimal .petitionform {width:435px; padding: 20px 0 20px 25px;float:right;}
body.widget .minimal .petitiontext {float:left;}
body.widget .minimal  h1 {padding-left:45px; padding-right:45px;}
body.widget .minimal .petitionform h1{ margin:10px 0 0 0;}
body.widget .petition-zeichnen-horizontal div.row1 {width:auto; float:none;}
body.widget .petition-zeichnen-horizontal div.row2 {width:95%;float:none;}
body.widget .petition-zeichnen-horizontal div.row1 div {width:90%;}
body.widget .petition-zeichnen-horizontal .btn-gelb {margin-top:10px; background: #5cadd6; color:#fff;  border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);opacity:0.9;}
body.widget .petition-zeichnen-horizontal .btn-gelb:hover {background: #6DC7D8;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;opacity:1.0;}
body.widget .petition-zeichnen-horizontal div.row2 div label {width:auto;}
body.widget .petition-zeichnen-horizontal div.row2 div.cb_news label, body.widget .petition-zeichnen-horizontal div.row2 div.cb_info label {width:85%;}
body.widget #container {position:static; height:auto; min-height:auto; }
body.widget .petitionform #logo {color:#8a8a8a;}

.thing p {font-family:Georgia, serif; color:#999;}
	.thing h3 {font-size:16px; color:#666;}
	.thing .date {font-family:Arial, sans-serif;color:#7c7c7c;font-size:10px;}
	.thing .image {width:80px;float:left;margin-top:3px}
	.thing .text {width:380px;float:left;} 
	.thing form h5 {font-weight:normal;font-size:14px;color:#8a8a8a; margin:10px 0 5px 0;padding:0;}
	.thing .ir {background:url(../img/icon-debatte-like.png) 0 0 no-repeat; width:30px;height:32px;display:inline-block;}
	.thing .like:hover, .thing .like.active {background-position:0 -31px; } 
	.thing .dislike {background-image:url(../img/icon-debatte-dislike.png); }
	.thing .dislike:hover, .thing .dislike.active {background-position: 0 -37px ; }
	.thing .watching {background-image:url(../img/icon-watching.png); }
	.thing .watching:hover, .thing .watching.active  {background-position: 0 -31px ; }

.kommentar p {font-family:Georgia, serif; color:#6c6c6c;;}
	.kommentar h3 {font-size:16px; color:#666;}
	.kommentar p.date {font-family:Arial, sans-serif;color:#7c7c7c;}
	.kommentar .image {width:50px;float:left;margin-top:2em;}
	.kommentar .text {width:600px;float:left;} 
	.kommentar .gewicht {background:url(../img/icon-debatte-gewicht-klein.png) 0 0 no-repeat;width:53px;height:25px;display:inline-block;position:static;padding:22px 0px 5px 0;margin:0 10px 0 0;text-align:center;font-size:15px;font-weight:bold;color:#fff;}
	.kommentar .ir {background:url(../img/icon-debatte-like.png) 0 0 no-repeat; width:34px;height:32px;display:inline-block;vertical-align:-8px;}	
	.kommentar .like:hover, .kommentar .like.active {background-position:0 -31px; }	
	.kommentar .dislike {background-image:url(../img/icon-debatte-dislike.png); }
	.kommentar .dislike:hover,.kommentar .dislike.active   {background-position: 0 -37px ; }
	.kommentar .report {background-image:url(../img/icon-debatte-report.png); }
	.kommentar .report:hover, .kommentar .report.active {background-position: 0 -36px ; }	

.toggler {background:url(../img/icon-toggler.png) right 0 no-repeat; padding-right:25px;padding-top:1px;height:16px;line-height:16px;display:inline-block;float:right;color:#45D1E7;font-family:graublau, sans-serif;text-transform:uppercase;font-size:11pt;text-decoration:none;}
	.toggler:hover {background-position:  right -16px;text-decoration:none;color:#fe8f00;}
	.toggler.out {background-position: right -32px ;color:#fe8f00;}
	.toggler.left {background:url(../img/icon-toggler.png) left 0 no-repeat; padding-left:25px;height:16px;line-height:16px;display:inline-block;float:none;color:#45D1E7;font-family:graublau, sans-serif;text-transform:uppercase;font-size:11pt;text-decoration:none;}
	.toggler.left:hover {background-position:  left -16px;text-decoration:none;color:#fe8f00;}
	.toggler.left.out {background-position: left -32px ;color:#fe8f00;}

.toggler-thing {background:url(../img/icon-toggler.png) right 0 no-repeat; padding-right:25px;padding-top:1px;height:16px;line-height:16px;display:inline-block;float:right;color:#45D1E7;font-family:graublau, sans-serif;text-transform:uppercase;font-size:11pt;text-decoration:none;}
	.toggler-thing:hover {background-position:  right -16px;text-decoration:none;color:#fe8f00;}
	.toggler-thing.out {background-position: right -32px ;color:#fe8f00;}
	.toggler-thing.left {background:url(../img/icon-toggler.png) left 0 no-repeat; padding-left:25px;height:16px;line-height:16px;display:inline-block;float:none;color:#45D1E7;font-family:graublau, sans-serif;text-transform:uppercase;font-size:11pt;text-decoration:none;}
	.toggler-thing.left:hover {background-position:  left -16px;text-decoration:none;color:#fe8f00;}
	.toggler-thing.left.out {background-position: left -32px ;color:#fe8f00;}


    .petition-argumente article {border-bottom: solid 1px #d1d1d1;margin-bottom:10px;padding-bottom:20px;}
    .petition-argumente article .text a, .gegenargumente .source a{ /**fix overlapping links */
        display: block;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }
	.petition-argumente ul.tags {list-style:none;background:url(../img/icon-tags.png) 0 0 no-repeat;padding: 0 0 0 25px;margin:0 0 10px 0;}
	.petition-argumente ul.tags li {display:inline-block;font-family:graublau, sans-serif;text-transform:uppercase;font-size:11pt;color:#666;height:16px;line-height:16px;}
	.petition-argumente ul.tags li:before { content:" | ";} 
	.petition-argumente ul.tags li:first-child:before { content:"";}
	.petition-argumente form.debatte h5 {font-weight:normal;font-size:14px;color:#8a8a8a; margin:10px 0 5px 0;padding:0;}
	
	.petition-argumente .tools {margin:0 0 20px 0;height:70px;padding-top:0px;}	
	.petition-argumente .tools a { position:relative;top:7px;}     
	.petition-argumente .tools span{margin:0 10px 0 0; padding: 0 10px 0 0;border-right:solid 1px #ccc;height:55px;display:inline-block;top:15px;position:relative;}
	.petition-argumente .tools span.noborder {border-right:solid 0px #ccc;}	
	.petition-argumente .tools span.gewicht {background:url(../img/icon-debatte-gewicht.png) 0 0 no-repeat;width:53px;height:25px;display:inline-block;position:static;padding:24px 12px 5px 0;margin:0 10px 0 0;text-align:center;font-size:15px;font-weight:bold;color:#fff;}
	.petition-argumente .ir {background:url(../img/icon-debatte-like.png) 0 0 no-repeat; width:30px;height:32px;display:inline-block;}
	.petition-argumente .like:hover, .petition-argumente .like.active {background-position:0 -31px; } 
	.petition-argumente .dislike {background-image:url(../img/icon-debatte-dislike.png); }
	.petition-argumente .dislike:hover, .petition-argumente .dislike.active {background-position: 0 -37px ; }
	.petition-argumente .report {background-image:url(../img/icon-debatte-report.png); }
	.petition-argumente .report:hover, .petition-argumente .report.active {background-position: 0 -36px ; }
	.petition-argumente .reverse {background-image:url(../img/icon-debatte-reverse.png); }
	.petition-argumente .reverse:hover, .petition-argumente .reverse.active {background-position: 0 -32px ; }
	
	.petition-argumente .source {color:#999999;}

	.petition-argumente .gegenargumente ul {list-style:none; margin:0;padding:12px 0 0 0;}
	.petition-argumente .gegenargumente li em {font-size:14px;}	
	
	.petition-argumente .gegenargumente .tools {height:65px;padding-top:0px;}	
	.petition-argumente .gegenargumente .tools span {height:50px; top:14px; }	
	.petition-argumente .gegenargumente .tools span.gewicht {background:url(../img/icon-debatte-gewicht-klein.png) 0 0 no-repeat;width:53px;height:25px;display:inline-block;position:static;padding:22px 12px 5px 0;margin:0 10px 0 0;text-align:center;font-size:15px;font-weight:bold;color:#fff;}
	.petition-argumente .gegenargumente .ir {background:url(../img/icon-debatte-like-klein.png) 0 -10px no-repeat; width:30px;height:22px;display:inline-block;}
	.petition-argumente .gegenargumente .like:hover, .petition-argumente .gegenargumente .like.active {background-position:0 -33px; } 
	.petition-argumente .gegenargumente .dislike {background-image:url(../img/icon-debatte-dislike-klein.png); }
	.petition-argumente .gegenargumente .dislike:hover, .petition-argumente .gegenargumente .dislike.active {background-position: 0 -38px ; }
	.petition-argumente .gegenargumente .report {background-image:url(../img/icon-debatte-report-klein.png); }
	.petition-argumente .gegenargumente .report:hover, .petition-argumente .gegenargumente .report.active {background-position: 0 -37px ; }
	.petition-argumente .gegenargumente .reverse {background-image:url(../img/icon-debatte-reverse-klein.png); }
	.petition-argumente .gegenargumente .reverse:hover, .petition-argumente .gegenargumente .reverse.active {background-position: 0 -34px ; }

.social {padding:40px 0 40px 0;}	
	.socialmedia {list-style:none;padding:0;margin:20px 0 0 0;}
	.socialmedia li {display:inline-block;margin-right:10px;}
	.socialmedia li a {display:block;width:142px;height:49px;background:url(../img/socialbuttons2.png) 0 0 no-repeat;}
	.socialmedia li.twitter a {background-position:-166px 0;} 
	.socialmedia li.google a {background-position:-331px 0;} 
	.socialmedia li.whatsapp a {background-position:-650px 0;} 
	.socialmedia li.email a {background-position:-493px 0;}
	.socialmedia li a:hover {background-position: 0 -86px;}
	.socialmedia li.twitter a:hover {background-position:-166px -86px;} 
	.socialmedia li.google a:hover {background-position:-331px -86px;} 
	.socialmedia li.whatsapp a:hover {background-position:-650px -86px;} 
	.socialmedia li.email a:hover {background-position:-493px -86px;} 	
    .greybg .socialmedia {margin-bottom:30px;}

.verwaltung-neuigkeiten {list-style:none;margin:20px 0 30px 0;padding:10px 0; border-top:solid 1px #666;} 
	.verwaltung-neuigkeiten li {margin:10px 0 10px 0;padding:10px 0 20px 0; border-bottom:solid 1px #666;} 

.share-email {margin-bottom:30px;}

.carousel, .jcarousel-container-horizontal {width:855px;list-style:none;padding:0 20px;margin:0;}
	.carousel li {width:430px;height:170px;}
	.carousel img {float:left;background:url(../img/bg_carousel.png) 0 0 no-repeat;padding:9px 15px 15px 15px;}
	.carousel .item  .text, .carousel .jcarousel-item  .text {width:199px;float:right;}
	.jcarousel-clip { overflow: hidden;}
	.carousel a.more {float:left;}
	.carousel h3 {margin-bottom:5px;}
	.carousel h3 a{font-size:15px;color:#4A4E4E;text-decoration:none;line-height:120%;}
	.carousel p {font-size:12px;color:#8A8A8A;line-height:120%;}
	.jcarousel-next-horizontal {background: url("../img/btn-carousel.png") no-repeat scroll 0 0 transparent;cursor: pointer; height: 32px; position: absolute; right: -15px;top: 50px;  width: 22px;}
	.jcarousel-direction-rtl .jcarousel-next-horizontal { background-image: url("../img/btn-carousel.png") 0 0 no-repeat; left: 5px; right: auto;}
	.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:focus { background-position: 0 -40px;}
	.jcarousel-next-horizontal:active {background-position: 0 -40px;}
	.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:focus, .jcarousel-next-disabled-horizontal:active { background-position:0 0; cursor: default;}
	.jcarousel-prev-horizontal {background: url("../img/btn-carousel.png") no-repeat scroll 0 -80px transparent;  cursor: pointer; height: 32px;left: -15px; position: absolute;  top: 50px; width: 22px;}
	.jcarousel-direction-rtl .jcarousel-prev-horizontal { background-image: url("../img/btn-carousel.png");  left: auto;  right: 5px; }
	.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:focus { background-position: 0 -120px;}
	.jcarousel-prev-horizontal:active { background-position: 0 -120px; 	}
	.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active { background-position:  0 -80px;cursor: default;}
    #aktuelle-projekte p {font-size:12px;text-transform:uppercase;} 
	#aktuelle-projekte p strong {font-size:16px;} 
    .campact, .aktuell {padding: 40px 0;}
	.campact h2, .aktuell h2 {padding-bottom:15px;}
	
#perso {border-bottom:solid 1px #666;padding-bottom:20px;margin-bottom:30px;}
a.nolinkstyle { color:inherit !important;}

ul#representatives {margin:0 0 40px 0; padding:0; list-style:none;}
ul#representatives li {float:left;  margin: 0 12px 20px 12px;
	background: url("../img/bg_avatar_representatives.png") no-repeat scroll 0 0 #fff;
	height: 203px;
    overflow: hidden;
    width: 226px;
	padding:35px 25px;
	padding:10px 12px 20px 12px;
	box-sizing: border-box;}
ul#representatives li .wrapper {padding:10px 10px 20px 10px;}
ul#representatives li .wrapper:hover {background-color:#eee; cursor:pointer;}
ul#representatives li strong {display:inline-block; max-width: 120px; line-height:1.2;}
ul#representatives li div.contact div {float:left; width:29%;line-height: 1.2; margin-top:4px;}
ul#representatives li div.contact div+div {text-align:center; width:35%;}
ul#representatives li div.contact div+div+div {float:right; text-align:right;}
ul#representatives li p {margin:4px 0 0 0; line-height: 1.2; }
ul#representatives li p.homepage { font-size:11px;}
ul#representatives li p.vote {height:auto; text-align:center;}
ul#representatives li p.editbtn {text-align:right; margin-top:8px;}
ul#representatives li div.contact div.phone {float:right !important;}

#main .blog { border-top:solid 1px #666;font-size:13px;color:#444;}
	.blog div.meta {border-top:solid 1px #666;border-bottom:solid 1px #666;margin:10px 0;padding:10px 10px;}
	.blog div.tags {width:400px; float:left; }
	.blog div.tags span {font-family: graublau, sans-serif; font-size:11pt;color:#656565;display:inline-block;margin-right:10px;text-transform:uppercase;line-height:1em;}
	.blog div.date {width:150px; float:right;text-align:right;font-family:Georgia, serif; color:#656565;}
	.blog .meta span em {font-size:24pt;font-style:normal;position:relative;top:4px;display:inline-block;}   
	.blog .meta span.tag-aussenpolitik em {color:#D77624;}
	.blog .meta span.tag-tipps em {color:#32A0D3;}
	.blog h2  {padding:10px 0;}
	.blog h2 a {color:#4A4E4E;}
	.blog article div a {color:#9d0d15;}
	.blog .artikel-wrapper {border-bottom:solid 1px #666;padding-bottom:10px;margin-bottom:20px;}   
	.blog .widget {margin-bottom:40px;}
	.blog .widget .grey input[type="text"]{width:250px;}
	.blog .widget form.grey .submit-inline .holder {width:220px;}  
	.blog article img {border:solid 12px #fff; max-width:95%; height:auto;}
	.blog article .commentbar {border-top:solid 1px #666;border-bottom:solid 1px #666;margin:20px 0 10px 0;padding:10px 10px;background:#F9F8F8;}
	.blog article .commentbar a, .blog article .commentbar span {display:block;float:left; width:50%;color:#656565;}
	.blog article .commentbar a:hover {text-decoration:none; color:#45d1e7;}
	.blog article .commentbar span {text-align:right;font-family:Georgia, serif; font-style:italic;}
	.blog article .commentbar a {font-family:graublau, sans-serif; font-size:11pt;text-transform:uppercase;}
	.blog article .grey.comment label {font-size:15px;}
	.blog article h2 span {font-size:11px; font-family:Arial, sans-serif;display:block;font-style:normal;}
	.blog .toggler {background:none;width:auto;display:inline;padding-right:0;}
	.blog #commentlist ul {list-style:none;margin:0;padding:0;}
	.blog #commentlist ul li {border-bottom:solid 1px #666;font-family:Georgia, serif; font-style:italic;margin:10px 0;padding: 10px 0;}
	.blog #commentlist ul li p.autor { font-family:Arial, sans-serif;font-style:normal;}  
	.blog article .text, .blog #commentlist ul li {padding-left:10px;padding-right:10px;}
	.blog article h1 {padding-top:10px;} 
	.blog .col1 {min-height:1200px;}

.no-blue-navi { border-top:solid 1px #666;}

footer {min-height:595px;background:url(../img/bg_footer3.png) 0 0 repeat-x;padding-top:50px;	position:absolute;border-top:1px solid #666;
	bottom:0px !important;width:100%;}
	footer .logo {width:252px;float:left;}
	footer nav {max-width:742px;float:left;} 
	footer nav ul {width:246px;float:left;margin:0;padding:18px 0 0 0;border-left:solid 1px #666;height:480px;} 
	footer nav ul li {margin:0 20px 20px 8px;}   
	footer nav ul li.flattr, footer nav ul li.facebook {margin-left:17px;} 
	footer nav ul li.facebook {padding-top:3px;} 
	footer nav ul li a {font-family:graublau, sans-serif;font-size:11pt;line-height:20px;color:#797979;background:#fff;padding:2px 5px 2px 10px;display:block;text-decoration:none;text-transform:uppercase;}
	footer nav ul li.active a, footer nav ul li a:hover {background-color:#42bbd3;color:#fff;text-decoration:none;}
	footer nav ul li.heading, footer nav ul li.widget {background:transparent;}
	footer nav ul li a.inverted {font-family:graublau, sans-serif;font-size:11pt;line-height:20px;color:#fff;background:#797979;padding:2px 5px 2px 10px;display:block;text-decoration:none;text-transform:uppercase;}
	footer nav ul li a.inverted:hover {background-color:#42bbd3;color:#fff;text-decoration:none;}

.modalform {width:720px;}
	.modalform form {margin-bottom:20px;}
	.modalform .btn-gelb-klein {float:none;margin:5px 0 10px 0;color:#342509 !important;}   
	.modalform .col1, .modalform .col2 {width:300px; float:left;}
	.modalform .col2 { margin:0 0 0 45px; padding-left:45px;border-left:solid 1px #666;}
    .modalform label {display:block;font-size:14px;color:#8a8a8a;} 
	.modalform h2 {font-size:22px;color:#4a4e4f}
    .modalform .inline label, .modalform label.checkbox, .modalform span , .modalform a {font-size:11px;}
	.modalform .inline label, .modalform span {color:#7c7c7c;}     
	.modalform input[type="text"], .modalform input[type="password"], .modalform textarea, .boxshadow .petition-zeichnen-horizontal input[type="text"], .lt-ie9 .modalform input,  .lt-ie9 .modalform textarea  { line-height:1em;padding:8px;color:#8a8a8a;font-size:12px;-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);border-radius:4px;-webkit-border-radius: 4px;}
	.modalform input[type="text"], .modalform input[type="password"], .modalformtextarea, .modalformtextarea .lt-ie9 form.grey input, .lt-ie9 .modalform textarea {border:solid 6px #fff;width:270px;font-size:13px;line-height:1.25em;height:auto;}
	.modalform input[type="text"]:focus, .modalform input[type="password"]:focus, .modalform textarea:focus  {border:solid 6px #43BBD3;}
	.modalform input[type="text"].error, .modalform input[type="password"].error, .modalform textarea.error  {border:solid 6px #E07D28;}
	.modalform .inline input, .modalform .inline label {display:inline; width:auto;}
    .modalform .inline label {padding-left:10px;}
    .modalform label.checkbox {float:right;width:280px;line-height:1.25em;} 
	.lt-ie9 .modalform label.checkbox {width:260px;}
    #loginform .col1,#loginform .col2 {height:400px;}
    #loginform .oder {position:absolute;top:47%;left:50%;background:#fff;padding:0 10px;border:solid 1px #666; margin-left:-35px;font-family:Georgia, serif;font-size:12px;font-style:italic;color:#666;}
    .lt-ie9 #loginform .oder {margin-left:-35px; }
    #login {padding:40px 0;}
    #loginform {position:relative;}

.record div p{
	margin-right: 3%;
	float: left;
	margin-left: 0px;
	width: 20%;
}

/* ==========================================================================
   Javascript related
   ========================================================================== */

/*	<select> hübscher machen +/
/*  .white ist das petition zeichnen form	*/
/*  .grey ist das petition erstellen form   */
.custom-select-container {position: relative;}
	select.custom.replaced {border: 0 none; line-height: 1;opacity: 0; filter: alpha(opacity=0);  position: relative; width: 100%;  z-index: 10;}
	.white select.custom.replaced {border: 0 none; line-height: 1;opacity: 0; filter: alpha(opacity=0);  position: relative; width: 170px;  z-index: 10;}
	.custom-select { display: block;  left: 0;  position: absolute;  top: 0;  width: 100%;  z-index: 1;   }
	.white .custom-select { display: block;  left: 0;  position: absolute;  top: 0;  width: 170px;  z-index: 1;   }
	.custom-select span span {display: block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.custom-select > span {display:block;background: url("../img/select.png") no-repeat scroll right center #fff;padding: 0 25px 0 6px;}
	.filter .custom-select > span, .grey .custom-select > span { background: url("../img/custom-select-bg2.png") no-repeat scroll right top #FFFFFF; border: 1px solid #D2D9DC; border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);color: #8A8A8A; display: block; font-size: 14px;line-height: 2;padding: 0 25px 0 6px;}
	.filter .custom-select-container, .grey .custom-select-container {margin-bottom:20px;}
	.grey .custom-select > span, .grey .custom-select.active > span {border: 6px solid #fff; color:#8a8a8a;-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2);border-radius:4px; -webkit-border-radius: 4px; font-size: 14px;line-height: 2;padding: 2px 25px 2px 6px;background-position:right 2px;} 
	.grey .custom-select.active > span {border-color:#43BBD3;}    
	.grey select.custom.replaced {height:3em;}
	#ziel.disabled + span.custom-select > span, #goal.disabled + span.custom-select > span{ background-color: #F0F0F0; } /*grey background for disabled custom select boxes */

/*	<input type="file"> hübscher machen	*/ 
	span.stylefileinput-container { position:relative;}
	span.stylefileinput-container span { position:absolute; display:block; top:4px;  overflow:hidden; z-index:1; width:150px; height:48px; opacity:0; filter:alpha(opacity=0)}
	span.stylefileinput-container span input { position:absolute; left:-120px; height:48px;cursor:pointer}
	span.stylefileinput-container input.stylefileinput-button { position:relative;  z-index:0 }
    form.grey span.stylefileinput-container input.stylefileinput-text  {border:none;background:none;border-radius:0; -webkit-border-radius: 0;box-shadow:none; -webkit-box-shadow: none; display:inline-block;margin-left:20px;width:300px;font-family:Georgia, serif; font-style:italic;color:#666;font-size:14px;}
	form.grey span.stylefileinput-container a, form.grey span.stylefileinput-container .btn-grau {display:inline-block;}
	form.grey span.stylefileinput-container a {margin-left:20px;}
	.stylefileinput-container  .btn-grau:hover {background-position:0 0;}
	.stylefileinput-container .btn-grau:hover input {background-position:right 0;}
	
/*	<select> ohne Submit abschicken		*/
.js input.autosubmit {display:none;}
 
/*	tooltip		*/

	.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:11px;line-height:12px;direction:ltr;}
	.qtip.narrow{max-width:150px;}
	.qtip-content{position:relative;overflow:hidden;text-align:left;word-wrap:break-word;padding:10px 16px;}
	.qtip-default{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#fff;color:#8a8a8a;border-color:#43BBD3;border-style:solid;border-width:6px;}
	.qtip-default.error{border-color:#E07D28;}
	.qtip .qtip-tip{overflow:hidden;z-index:10;margin:0 auto;}
	.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml{position:absolute;color:#123456;background:transparent;border:0 dashed transparent;}
	.qtip .qtip-tip canvas{top:0;left:0;}
	.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible;}

/*		carousel		*/
.carousel{position:relative;margin-bottom:18px;line-height:1;}
	.carousel-inner{position:relative;width:100%;overflow:hidden;}
	.carousel .item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-ms-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left;}
	.carousel .item > img{display:block;line-height:1;}
	.carousel .active,.carousel .next,.carousel .prev{display:block;}
	.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
	.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}
	.carousel-control.right{right:15px;left:auto;}
	.carousel-control:hover{color:#fff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
	.carousel-caption{position:absolute;right:0;bottom:0;left:0;background:rgba(0,0,0,0.75);padding:10px 15px 5px;}
	.carousel-caption h4,.carousel-caption p{color:#fff;}
	.carousel .active,.carousel .next.left,.carousel .prev.right{left:0;}
	.carousel .next,.carousel .active.right{left:100%;}
	.carousel .prev,.carousel .active.left{left:-100%;}

/*	   dropdown admin 	*/
.dropup,.dropdown{position:relative;}
	.dropdown-toggle{margin-bottom:-3px;}
	.dropdown-toggle span {display: block; max-width: 100%; overflow: hidden; padding: 0;}
	.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
	.dropdown-menu{position:absolute;top:100%;left:0;z-index:1020;display:none;float:left;min-width:160px;list-style:none; margin: 0 0 0 7px; padding:5px 0 0 0px;}
	.dropdown-menu .divider{width:100%;height:1px;overflow:hidden;margin:-5px 0 5px;}
	.dropdown-menu a{display:block;clear:both;white-space:nowrap;padding:3px 15px;}
	.open{z-index:799;}
	.open .dropdown-menu{display:block;}
	.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
	.dropdown-menu.pull-right,.pull-right .dropdown-menu{right:0;left:auto;}	

/*		modal window 	*/  
	.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#000;}
	.modal-backdrop.fade{opacity:0;}
	.modal-backdrop,.modal-backdrop.fade.in{opacity:0.6;filter:alpha(opacity=60);}
	.modal{position:fixed;top:50%;left:50%;z-index:1500;width:800px;overflow:auto;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;margin:-250px 0 0 -390px;}
	.modal-header{height:22px;background:transparent;}
	.modal-header .close{margin-top:2px;}
	.modal-body{max-height:540px;overflow-y:auto;margin-right:20px;padding:40px;background-color:#f2f2f2;border:1px solid #333;}
	.modal-form{margin-bottom:0;}
	.modal-footer{margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;zoom:1;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;padding:14px 15px 15px;}
	.modal-footer:before,.modal-footer:after{display:table;content:"";}
	.modal-footer:after{clear:both;}
	.modal-footer .btn + .btn{margin-bottom:0;margin-left:5px;}
	.modal-footer .btn-group .btn + .btn{margin-left:-1px;}
	.modal-open .dropdown-menu,.modal-open .dropdown.open{z-index:250;}	
	.hide { display: none;}
	.modal-close {position:absolute;right:10px;top:10px;z-index:2000;height:22px;width:21px;background:url(../img/btn-modal.png) 0 0 no-repeat;cursor:pointer;}	

	#modalbig.modal{width:1039px;margin:-300px 0 0 -505px;}
	#modalbig .modal-body {padding:0px;min-height:600px;}
     
	.ajaxloader {
		height:50px;
		background-image:url('../images/ajaxloadw.gif');
		background-repeat:no-repeat;
		background-position:center;
	}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:100%;}
.js .hidden{display:none!important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;}
.invisible{visibility:hidden;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1; position:relative}

/* ==========================================================================
   Old Stuff
   ========================================================================== */
.form_error {
	color: #222222; 			  
	font-weight: bold;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #fd9f97;    /* postit red */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	line-height: 1.7em;
	margin-bottom:15px;
}

.form_success {
	color: #222222; 			  
	font-weight: bold;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color: #b7d63f;    /* postit gruen */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	
	line-height: 1.7em;
	margin-bottom: 15px;
}

.votes{
	border-radius: 5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	background-color: #fbff92;    /* postit yellow */
	
	margin-left: 5px; 
	margin-right: 30px; 
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	
	text-align: center;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial;
	color: #525252;  
}

.secondBg {	background-image:url(/images/purpur_bg.gif); }

/*------ TAG CLOUD ------*/
.word {
  	font-family: Verdana, Tahoma, Arial;
  	padding: 4px 4px 4px 4px;
  	letter-spacing: 3px;
  	text-decoration: none;
  	font-weight: normal;
}
.size9 {
  	color: #000;
  	font-size: 22px;
}
.size8 {
  	color: #111;
  	font-size: 20px;
}
.size7 {
  	color: #222;
  	font-size: 18px;
}
.size6 {
  	color: #333;
  	font-size: 16px;
}
.size5 {
  	color: #444;
  	font-size: 14px;
}
.size4 {
  	color: #555;
  	font-size: 12px;
}
.size3 {
  	color: #666;
  	font-size: 10px;
}
  .size2 {
  	color: #777;
  	font-size: 8px;
}
.size1 {
  	color: #888;
  	font-size: 7px;
}
.size0 {
  	color: #999;
  	font-size: 6px;
}
/* PRO und CONTRA */
.red {
	color: #c10315;
}
.red a {
	color:#c10315;
}
.red a:hover {
	color:#c10315;
}

.blue {
	color: #5575ad;
}
.blue a {
	color:#5575ad;
}
.blue a:hover {
	color:#5575ad;
}
.bold {
	font-weight: bold;  
}


[disabled]  {
	color:#cccccc;  
}

ins {
	color:#c10315;
}

del {
	color: #5575ad;
}


@media print {
    
	* {
        color: #000 !important; 
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	div#minheight, .qtip {display:none !important;}    		/* 	f�r print layout verbergen	*/ 
	footer,.sticky {position:static;}                  	 	/* 	in den normalen DOM-Flow einf�gen	*/ 
	.layout-narrow-wide .col2 {float: right;}				/* 	sonst rutscht auf Seite 2... die Mittelspalte nach links	*/
	.teaser, footer, .greybg {background:none !important;} 	/* 	Tinte/Toner sparen 	*/ 
}

/* war devcustom.css: */
.signerlist	.country  {font-family:Georgia, serif;font-size:20px;font-style:italic;margin:0;padding:5px 0 0 8px;color:#d6254d;}
.signerlist	.city {font-family:Georgia, serif;font-size:15px;font-weight:normal;font-style:italic;color:#7b3b3b;margin:0;padding:3px 0 0 5px;}
.signerlist	.signer  {font-size:12px;margin-bottom:15px;}

.isanonym { opacity: 0.6; }
.isquorum {color:#5575ad; }

.black {color:#444444;}
.notblack {color:#888888; }

.rowhighlighter:hover{
	background-color:#ddd;
}                                      

/* jqplot container */
.col2 .jqplot-target {
	width: 715px;
	height: 400px;
	margin: 40px 0;
}

.col3 .jqplot-target {
	width: 223px;
	height: 140px;
}

/* Signer Map */
#map {width:100%;height:715px;background:#fff;border:solid 1px #000;margin-bottom:50px;} 
/*
.opIconMini {border-radius:12px;background:rgba(105, 210, 231,0.7); color:#000; margin:-10px 0 0 -10px;width:20px; height:20px;text-align:center;line-height:20px; font-size:10px} 
.opIconSmall {border-radius:18px;background:rgba(123, 59, 59,0.7); color:#fff; margin:-10px 0 0 -10px;width:30px; height:30px;text-align:center;line-height:30px} 
.opIconMedium {border-radius:24px;background:rgba(243, 134, 48,0.7);color:#000;margin:-20px 0 0 -20px; width:40px; height:40px;text-align:center;line-height:40px} 
.opIconLarge {border-radius:48px;background:rgba(246, 215, 107,0.7);color:#000;margin:-25px 0 0 -25px; width:50px; height:50px;text-align:center;line-height:50px;} 
.opIconXXL {border-radius:68px;background:rgba(214, 37, 77,0.7);color:#fff;margin:-34px 0 0 -34px; width:68px; height:68px;text-align:center;line-height:68px}
*/

table.infobox td, table.infobox th {padding:10px 10px 10px 0; text-align:left; vertical-align:top; word-wrap: break-word; line-height:1.25;}
table.infobox th {line-height:24px;}
table.infobox td a {word-wrap: break-word !important;}

.opIconMini {border-radius:12px;background:rgba(70, 100, 130, 0.7); color:#fff; margin:-5px 0 0 -10px;width:20px; height:20px;text-align:center;line-height:20px; font-size:9px} 
.opIconSmall {border-radius:18px;background:rgba(12, 165, 176, 0.7); color:#fff; margin:-5px 0 0 -15px;width:30px; height:30px;text-align:center;line-height:30px} 
.opIconMedium {border-radius:24px;background:rgba(246, 215, 107, 0.7);color:#000;margin:-10px 0 0 -20px; width:40px; height:40px;text-align:center;line-height:40px} 
.opIconLarge {border-radius:48px;background:rgba(223, 134, 48, 0.7);color:#000;margin:-15px 0 0 -25px; width:50px; height:50px;text-align:center;line-height:50px;} 
.opIconXXL {border-radius:68px;background:rgba(214, 37, 77, 0.7);color:#fff;margin:-24px 0 0 -34px; width:68px; height:68px;text-align:center;line-height:68px}

.eu2ecifailed {background:rgba(246, 215,107,0.7);color:#000;}
.eu2ecisuccess {background:rgba(162, 193, 0, 0.7);color:#000;}
.eu2eciignore {background:rgba(200,200,200,0.7);color:rgba(0,0,0,0.7);}

table.signertable {float:left; width:46%; margin:0 2% 70px 0;border-bottom:solid 1px #666; }
table.signertable th, table.signertable td {padding-right:10px;padding-left:10px; }
table.signertable th {text-align:left; border-bottom:solid 1px #666;line-height:1;height:24px; vertical-align:bottom;}
table.signertable th.right {text-align:right;}
table.signertable tr:nth-child(even) {background:#eee;}
table.signertable#signertable_eu {width:70%;}

table.signer_mini {margin: 10px 0 10px 10px; width: 90%;}
table.signer_mini th, table.signer_mini td {font-size:12px; padding-right:4px;}

div.responses_summary {margin:20px 0 10px 0;}
table.responses {line-height:1;text-align:right; margin-top:20px; }
table.responses th, table.responses td {vertical-align:bottom; padding:4px 5px;}
table.responses td span{border-radius:10px;height:10px;width:10px;display:inline-block;}


#would-stats .balken {width:270px; height:10px; border:solid 1px #ccc; margin-bottom: 20px; float:left; border-radius:5px;}
#would-stats .balken-wrap:last-child .balken {margin-bottom:0;}
#would-stats .balken span {height:100%; background:#45d1e7; display:block;}
#would-stats .balken-wrap .text {float:left;   width:379px; line-height:1;  height:20px;  margin-left:70px; text-indent: -40px;} 
#would-stats .balken-wrap .text strong {display:inline-block; width:3em; text-align:right;}
	
	
#map_legend {margin: 20px 0; white-space: nowrap;}
#map_legend span {}
.leaflet-popup-content {text-align:center;}
a#gtrans {background:url(../images/globe.png) center center no-repeat; width:15px; height:15px;  }

code, samp, kbd, textarea.widgetcode {
	font-family: "Courier New", Courier, monospace, sans-serif;
	text-align: left;
	color: #555;
	}
pre code {
	line-height: 1.6em;
	font-size: 11px;
	white-space:nowrap;
	}
pre, textarea.widgetcode {
	padding: 10px;
	border: 1px solid #ccc;
	background:#eee;
	overflow: auto;
	width: 90%;
	}

.demokratie-video .col1	{padding-right: 30px; width:668px;}
.demokratie-video h1 {font-family:graublau, sans-serif; font-weight:normal; font-size: 4.0em; line-height:1.2em; font-style:normal; }
.demokratie-video a {color:#6DC7D8;}
.demokratie-video h1 a:hover {text-decoration: none;}
.demokratie-video p a:hover {text-decoration: underline;}
.demokratie-video  .col2 p {margin-top:30px;font-size:14px; font-family:Arial; line-height:1.5; }

/*	responsive styles	*/

#mobile-menu {display:none;color:#fff;font-size:12px;background:#6DC7D8;border-radius:4px;padding:5px 15px;text-transform:uppercase;margin-top:20px;text-decoration:none; position:relative;} 
#mobile-menu:hover {background-color:#ccc;}  

.widget .only-mobile {display:none;}
.widget .only-desktop {display:block;}

@media screen and (max-width: 1010px) {
	/*	bis hier Mobilmenu */
	
	.teaser {
	    background: url("../img/bg_teaser_lang.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);   
		padding-bottom: 20px;
		height:auto;
	}
	.teaser-text {margin:60px auto 0 auto;float:none;}
	.petition-text {margin:40px auto 0 auto;float:none;}
	.petition-zeichnen-horizontal div.row1, .petition-zeichnen-horizontal div.row2 {float:none;} 	
	.slideshow {margin:0 auto;float:none; }
	
	body.widget .petition-text {margin:0 0 0 0;background:none; padding-bottom:0; width:44%; float:left;}
	body.widget .full .petition-text {width:435px; float:none; margin:0 auto;}
	body.widget .slideshow {background:none; height:auto; min-height:150px; width:560px; max-width:100%; float:none;}
	body.widget .minimal .slideshow { width:56%; float:left;}
	body.widget .petitiontext {width:40%; padding-left:5%; padding-right:5%;}
	body.widget .minimal h1 {padding-left:5%; padding-right:5%;}
	body.widget .minimal .petitionform {width:45%; padding-left:5%;}
	body.widget .full .petitionform {width:auto; padding-left:5%; float:none;}
	body.widget .slideshow li a span.text {
	    font-size: 20px;
	    font-style: italic;
	    height: 150px;
	    left: 0px;
	    line-height: 1.25em;
	    overflow: hidden;
	    position: absolute;
	    top: 0px;
	    width: auto;
	}
	body.widget .minimal .slideshow li a span.text {width:250px;}
	body.widget .full .slideshow li a span.text {width:auto;}
	body.widget .full .only-mobile {display:block;}
	body.widget .full .only-desktop {display:none;}
	
	body.widget .minimal .petition-text {width:100%;}
	
	body.widget .full .slideshow li a img {width:400px; max-width:100%; height:auto;}
	body.widget .full .petitiontext {width:auto; float:none;}
	body.widget .full .petitionfor {width:auto;float:none;}
	body.widget .full .petitionform {padding: 0 45px;}
	body.widget .full .centered .centered {margin:0;}
	body.widget .full .col2 .petition-text {float:none;}
	body.widget .full .petent, body.widget .full ul.petition-stats li:nth-child(2), body.widget .full .region, body.widget .full .line {display:none;}
	body.widget .full ul.petition-stats .unterstuetzer, body.widget .full .restzeit {background:none; padding:0 0 0 25px; border:none;}
	body.widget .full h1{ font-size:24px; margin-bottom:0; margin-top:30px;}
	body.widget .full .petition-stats {margin-top:20px;padding:0 25px;}
	body.widget .full .cb_country {margin-right:0;}
	
	#btn-container {margin-top:0; float:none; margin:0 auto 0 auto;}
	.petition-zeichnen-horizontal {margin-left:20px;}
	.petition-zeichnen-horizontal div.row2 {margin-bottom:15px;}
	.petition-zeichnen-horizontal div.row2 .cb_anonymous {padding-left:0px;}
	
	.petition-zeichnen-horizontal div.row1, .petition-zeichnen-horizontal div.row2 {float:none;} 
	
	footer nav ul {width:auto;float:none; height:auto;} 
	footer nav {margin:20px 0 50px 0;float:none;} 
	footer nav ul li {width: 275px;}
	footer .logo {float:none;}
	footer {position:static;height:100%;}
	#minheight{display:none ;}
	.layout-narrow-wide .col1 {float:none;width:auto;margin-right:0;}
	.leftnavigation ul {text-align:center;border-bottom:solid 1px #ccc;}
	.leftnavigation ul li {margin-right:10px;display:inline-block;}
	.leftnavigation ul li a {border-bottom:none;}
	header nav {position:static;}
	.layout-narrow-wide .col2, .twocol, #would-stats .balken-wrap .text, #would-stats .balken  {width:auto;float:none;}
	#would-stats .balken  {max-width:270px; margin-bottom:5px;}
	#would-stats .balken-wrap .text {margin-bottom:20px; margin-left:45px;} 
	.twocol {margin-bottom:40px;}
	.divide {background:none;}
	
	.layout-narrow-wide-narrow .col1 {width:auto;float:none;margin-right:0;}
	.layout-narrow-wide-narrow .col2 {width:auto; float:none;}
	.layout-narrow-wide-narrow .col2 {
	    	border-right: none;
	    	float: none;
		}
	.layout-wide-narrow .col1 {width:auto;float:none;padding-right:0;}  
	.layout-wide-narrow .col2 {width:auto;float:none;}
	
	.layout-middle-middle .col1 {width:auto;float:none;padding-right:0;}
	.layout-middle-middle .col2 {width:auto;float:none;padding-top:10px;}
	
	.greybg .layout-wide-narrow .col1 {border-right:none;}
	.blog .col1 {min-height:0;} 
	 .layout-narrow-wide-narrow .col3 {width:97%;} 
	.colored-links li { width: 275px;} 
	.colored-links li a {
	    background-position: 250px 4px ;
		padding: 5px 10px;
	 }
	.layout-wide-narrow div.colored-link a {background-position: 99.7% 4px ; }
	.slideshow ul {padding-top:1px;}
	.carousel, .jcarousel-container-horizontal {width:425px;margin:0 auto; } 
	.toolbar .dropdown-menu {}  
	
	.centered {margin:0 10px;}	
	.sticky.schritte {display:none;} 
	.petition-zeichnen-horizontal {margin:0 10px 35px 10px;}
	.modalform, #modalbig.modal { width: auto;	}

	#demokratie-right-col {margin:60px 0;}
	.filmpage_vidlist li {float:left; margin.right:50px;}
	
	.greybg .col2 {margin-bottom:0;}
	.greybg .col2 h1 {padding-top:0;}
	
}   

@media screen and (max-width: 890px) {
   #mobile-menu {display:block;float:right;}
   header nav ul {display:none;right:80px; background:#fff;z-index:10000;padding:10px 10px 20px 10px;}
   header nav {width:100%;}
   #google_translate_element {width:100%;}
   header nav ul li{display:block;text-align:left;border-right:none;border-bottom:solid 1px #ccc;}
   header nav ul li a{padding:15px 20px;margin-left:0;} 
   header nav ul.dropdown-menu {float:none; position:static; padding-left:50px;}
   .modal, #modalbig.modal {
 	   left: 20px;
	    margin: 0;
	    position: fixed;
	    right: 20px;
	    top: 20px;
	    width: auto;
	}
	.modal.fade, #modalbig.modal.fade {
	    top: -100px;
	}
	.modal.fade.in, #modalbig.modal.fade.in {
	    top: 20px;
	}

	.teaser {border-top:none;}	
}


@media screen and (max-width: 795px) { 
   .petitionen-liste img {display:none;}
	.petitionen-liste .text {float:none;width:auto;}
    .toolbar ul {height:auto;}
	.toolbar li, .toolbar li.user-dropdown {float:none;width:auto;} 
	.toolbar li.logout {float:left;width:auto; margin-left:0;}
	.toolbar li {margin-left:40px;} 
	.toolbar .dropdown-menu {width:90%;left:0;height:auto;} 
	.toolbar .dropdown-toggle { margin-bottom: 0;    } 
	.toolbar .dropdown, .toolbar .user_actions {height:auto;border-right:none;} 
	.toolbar .user-dropdown {margin-top:-1px;float:none;}
	.petition-zeichnen-horizontal div.row1, .petition-zeichnen-horizontal div.row2 {width:auto;max-width:100%; float:none;}
	.petition-zeichnen-horizontal label { margin-top: 10px; margin-bottom:0 !important;}
	.petition-zeichnen-horizontal .btn-gelb {float:none;margin-top:20px;} 
	.petition-zeichnen-horizontal div.row1 div, .petition-zeichnen-horizontal div.row2 div  {float:none;}                                                                     
	.petition-zeichnen-horizontal div.row2 div select {float:none;}
	.petition-zeichnen-horizontal div.row1 div {width:90%;}    
	.petition-zeichnen-horizontal div.row2 div input {margin-top:15px;}
	.widget .petition-zeichnen-horizontal div.row2 div input[type="checkbox"] {margin-top:5px;}
	.white select.custom.replaced {width:90%;margin-bottom:20px;}
	.white .custom-select {width:90%;}    
	form.grey p {margin-left:20px;}   
	form.grey label.checkbox {max-width:90%;}  
	form.grey textarea, .boxshadow form.grey textarea {max-width:90%;}
	form.grey input[type="text"], form.grey input[type="password"], form.grey textarea, .lt-ie9 form.grey input, .lt-ie9 form.grey textarea {width:90%;}
	.responsive-tooltip {display:block;line-height:1.2em;}  
	.greybg  .responsive-tooltip {margin-top:4px;}
	.responsive-tooltip.error {color:#E07D28;}
	
	.widget .petition-zeichnen-horizontal div.row2 div.cb_country {
	    float: right;
	    margin-right: 0;
	    width: 43%;
	}
	.widget .petition-zeichnen-horizontal div.row2 .cb_anonymous {
	    float: left;
	    padding-left: 0;
	    width: 50%;
	}
	.widget .modal-body {max-height:none;}
	
} 

@media screen and (max-width: 600px) {
	.widget .minimal .teaser {height:auto;}
	.widget .minimal .petition-text {margin-left:20px;float:left;}
	.widget .minimal .petition-text {margin:0 0 0 0;background:none; padding-bottom:0;}
	.widget .minimal .slideshow {background:none; height:auto; min-height:150px;}
	.widget .minimal .slideshow li a span.text {
	    font-size: 20px;
	    font-style: italic;
	    height: 150px;
	    left: 0px;
	    line-height: 1.25em;
	    overflow: hidden;
	    position: absolute;
	    top: 0px;
	    width: 250px;
	}
	.widget .only-mobile {display:block;}
	.widget .only-desktop {display:none;}
	
	.widget .minimal.slideshow li a img {width:auto; max-width:100%; height:auto;}
	body.widget .petitiontext {width:auto; float:none;}
	body.widget .petitionform, body.widget .minimal .petitionform {width:auto;float:none;}
	body.widget .minimal .petitionform , body.widget .full .petitionform {padding-left:5%; padding-right:5%;}
	body.widget .petition-zeichnen-horizontal {margin-left:0; margin-right:0;}
	.widget .centered .centered {margin:0;}
	.widget .col2 .petition-text {float:none;}
	.widget .petent, .widget .full ul.petition-stats li:nth-child(2), .widget .region, .widget .line {display:none;}
	.widget ul.petition-stats .unterstuetzer, .widget .restzeit {background:none; padding:0 0 0 25px; border:none;}
	.widget h1{ font-size:24px; margin-bottom:0; margin-top:30px;}
	.widget .full .petition-stats {margin-top:20px; padding-left:20px;}
	.widget .full .petition-stats {padding:0 25px;}
	.widget .cb_country {margin-right:0;}
}

@media screen and (max-width: 580px) { 
   .slideshow {background:none;height:auto;width:auto;}
   .slideshow li {margin:16px auto;width:100%;max-width:460px;overflow:hidden;}
	.slideshow li a div {height:100%;width:460px;}
	.slideshow li a {text-align:center;}
	.slideshow li a img {max-width:100%;height:auto;width:auto;max-height:none; }
   .slideshow li a span.text {height:94%;width:94%;font-size:24px;left:3%; top:3%;text-align:left;} 
   .slideshow-home {display:none;}
   form.grey label.checkbox {width: 100%;}
	.petition-text {max-width:100%;}
	.petition-text .unterstuetzer .skalabg {max-width:100%;} 
	.teaser-home {height:auto;}
	.teaser-home table{position:static;} 
	.teaser-home .teaser-text {margin-top:0; height:auto;}
	.layout-wide-narrow .col2 {padding-left:0;} 
	.btn-gelb-gross {margin-left:-20px;}
	#epaident {display:none;} 
	campact, .aktuell {display:none;} 
	.modal, #modalbig.modal {
	    left: 10px;
	    right: 10px;
	    top: 10px;
	}
	
	#signingsuccessform.modalform #kommentar p.col1 {width:200px;}
}

.chooseLang {
	display: none;
	border: 3px solid;
	border-color: #2EB8E6;
    border-radius: 5px;
    padding:  5px;
    background-color: #ffffff;
    width: 100px;
    text-align: center;
    position: absolute;
    right: -30px;
    top: 55px;
    z-index: 10;
}
  
/*
* language admin
*/
.admin_frame {
	padding: 0 0 0 30px;
}
.admin_th {
	background-color: #5FC0D6;
	color: #ffffff;
	font-size: 11pt;
	text-align: left;
	vertical-align: middle;
	width: 310px;
	height: 30px;
	padding: 5px;
	border-top: 1px solid #1F3337;
	border-bottom: 1px solid #1F3337;
}

.admin_td_line_even {
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	width: 310px;
	padding: 5px;
}

.admin_td_line_odd {
	background-color: #E6E6E6;
	text-align: left;
	vertical-align: top;
	width: 310px;
	padding: 5px;
}

.admin_textarea_msgstr {
	width: 300px;
	height: 100px;
	background:  #ffffff;
}

.admin_textarea_tcomment {
	width: 300px;
	height: 60px;
	background:  #ffffff;
}

.admin_success_msg {
	font: italic bold 11pt Georgia, serif;
	color: #0B610B;
}

.admin_error_msg {
	font: italic bold 11pt Georgia, serif;
	color: #DF0101;
}

.admin_save_btn {
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #c9c9c9);
	background-image: -moz-linear-gradient(top, #f0f0f0, #c9c9c9);
	background-image: -ms-linear-gradient(top, #f0f0f0, #c9c9c9);
	background-image: -o-linear-gradient(top, #f0f0f0, #c9c9c9);
	background-image: linear-gradient(to bottom, #f0f0f0, #c9c9c9);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	text-shadow: 1px 0px 1px #f5f5f5;
	-webkit-box-shadow: 1px 1px 3px #383738;
	-moz-box-shadow: 1px 1px 3px #383738;
	box-shadow: 1px 1px 3px #383738;
	font-family: Georgia;
	color: #7c7c7c;
	font-size: 12px;
	padding: 8px 15px 8px 15px;
	border: solid #d9d9d9 3px;
	text-decoration: none;
}

.admin_save_btn:hover {
	border: solid #5FC0D6 3px;
}

.admin_response {
	position: fixed;
	top: 100px;
	margin-left: 30%; 
	width: 300px;
	height: 80px;
	padding: 10px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #5FC0D6 solid 3px;
	z-index: 1;
	visibility: hidden;
}

.admin_close_btn {
	position: absolute;
	top: 5px;
	left: 300px;
}


/* ==========================================================================
   Landing Page Film Campaign 2015 /demokratie 
   ========================================================================== */
	a.filmpage:link {
		color: #999999;
		text-decoration:none;
	}
	a.filmpage:visited {
		color: #999999;
		text-decoration:none;
	}	
	a.filmpage:hover {
		color: #1bb0ce;
		text-decoration:none;
	}
	a.filmpage:active {
		color: #1bb0ce;
		text-decoration:none;
	}
	
	a.filmcontact:link {
		color: #6c6c6c;
		text-decoration:none;
	}
	a.filmcontact:visited {
		color: #6c6c6c;
		text-decoration:none;
	}	
	a.filmcontact:hover {
		color: #6c6c6c;
		text-decoration:underline;
	}
	a.filmcontact:active {
		color: #6c6c6c;
		text-decoration:underline;
	}
	
	.filmpage_float3 { float: left; width: 150px; margin-top:0px;}	
	.filmpage_float3.bluebuttons {display:block; background-color:#4f8699; color:#ffffff;  width:290px; height:25px; padding-top:8px; padding-left:10px; border-radius:5px; margin: 20px 10px 0 0;}
	.filmpage_float3.coloredbuttons {display:block; float:left; color:#ffffff; width:190px; height:80px; margin:0 15px 15px 0; padding-top:10px; padding-left:10px; border-radius:5px;text-decoration:none;}
	.filmpage_float3.coloredbuttons:last-child {margin-right:0;}
	.filmpage_float3.coloredbuttons span {display:block;font-size:0.7em; line-height:1.1em; margin-top:6px; color:#ffffff;}
	.filmpage_vidlist {list-style-type: none; list-style-position: inside;  padding: 0em; margin:0px;}	
	.filmpage_vidlist li {width:275px;color:#999999; font-size:1.2em;}
	.filmpage_vidlist li a.posterimg {float:left; clear:left; display:block; margin-bottom:7px;}
	.filmpage_vidlist li .vidname {float:left; margin-left:20px;}
