/*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* * 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 223 | 761 = 988 223 | 472 | 223 = 918 630 | 314 = 944 Structure: ==========

// teaser // greybg // no-blue-navi

// aktuell

// narrow-wide // wide-narrow // narrow-wide-narrow // narrow-wide-wide

Mehrspaltige Formulare: =======================

tag {} .class {} #id {} attribute coordinates: top right bottom left OR top/bottom left/right ========================================================================== */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ #main-legacy article, #main-legacy aside, #main-legacy details, #main-legacy figcaption, #main-legacy figure, #main-legacy hgroup, #main-legacy nav, #main-legacy section, #main-legacy summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ #main-legacy audio, #main-legacy canvas, #main-legacy video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #main-legacy 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. */ #main-legacy [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ button, input, select, textarea { font-family: sans-serif; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ #main-legacy a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ #main-legacy a:active, #main-legacy a:hover { outline: 0; } /* Disable dotted line when clicked on a button in Firefox */ #main-legacy ::-moz-focus-inner, #main-legacy ::-moz-focus-outer { border: 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. */ #main-legacy h1 { margin: 0 0 10px 0; font: 700 21px/26px 'op__roboto--slab', serif; text-transform: uppercase; } #main-legacy h2 { margin: 0.83em 0; font: 900 19px/24px 'op__roboto', serif; text-transform: uppercase; } #main-legacy h3 { font: 700 18px/24px 'op__roboto--slab', serif; } #main-legacy h4 { font-size: 1em; margin: 1.33em 0; } #main-legacy h5 { font-size: 0.83em; margin: 1.67em 0; } #main-legacy h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ #main-legacy abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } #main-legacy blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ #main-legacy dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ #main-legacy mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ #main-legacy p, #main-legacy pre { margin: 1em 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ #main-legacy code, #main-legacy kbd, #main-legacy pre, #main-legacy samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ #main-legacy pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ #main-legacy q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ #main-legacy q:before, #main-legacy q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ #main-legacy small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ #main-legacy sub, #main-legacy sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #main-legacy sup { top: -0.5em; } #main-legacy sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ #main-legacy dl, #main-legacy menu, #main-legacy ol, #main-legacy ul { margin: 1em 0; } #main-legacy dd { margin: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ #main-legacy nav ul, #main-legacy 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. */ #main-legacy img { border: 0; /* 1 */ max-width: 100%; -ms-interpolation-mode: bicubic; /* 2 */ } .scalableFotoBox > #userAvatar { max-width: unset; } /* * Corrects overflow displayed oddly in IE 9. */ #main-legacy svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ #main-legacy figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ #main-legacy form { margin: 0; } /* * Define consistent border, margin, and padding. */ #main-legacy 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. */ #main-legacy 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. */ #main-legacy button, #main-legacy input, #main-legacy select, #main-legacy textarea { 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. */ #main-legacy button, #main-legacy 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. */ #main-legacy button, html #main-legacy input[type="button"], /* 1 */ #main-legacy input[type="reset"], #main-legacy input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ #main-legacy button[disabled], #main-legacy input[disabled], #main-legacy input[readonly] { 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. */ #main-legacy input[type="checkbox"], #main-legacy input[type="radio"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; 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). */ #main-legacy 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. */ #main-legacy input[type="search"]::-webkit-search-cancel-button, #main-legacy input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ #main-legacy button::-moz-focus-inner, #main-legacy 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. */ #main-legacy textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ #main-legacy table { border-collapse: collapse; border-spacing: 0; } .hyphenation { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ button,input,select,textarea { color:#7c7c7c; } /*body{ 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('/css/legacy/fonts/graublauweb.eot'); src: url('/css/legacy/fonts/graublauweb.eot?#iefix') format('embedded-opentype'), url('/css/legacy/fonts/graublauweb.woff') format('woff'), url('/css/legacy/fonts/graublauweb.ttf') format('truetype'), url('/css/legacy/fonts/graublauweb.svg#graublau_webregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'graublau'; src: url('/css/legacy/fonts/graublauwebbold.eot'); src: url('/css/legacy/fonts/graublauwebbold.eot?#iefix') format('embedded-opentype'), url('/css/legacy/fonts/graublauwebbold.woff') format('woff'), url('/css/legacy/fonts/graublauwebbold.ttf') format('truetype'), url('/css/legacy/fonts/graublauwebbold.svg#graublau_web_boldregular') format('svg'); font-weight: bold; font-style: normal; } /* ========================================================================== Custom styles openPetition ========================================================================== */ #container {position:relative;height:auto !important;height:100%;min-height:100%;margin:0px;-webkit-transition: all 1s ease-in-out;} div#minheight {height:780px;} a {color:#d6254d; text-decoration:none; word-wrap: break-word;} /* used to be #9d0d15 and before that #45d1e7 */ 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;} .col1 h2 a { color: inherit; } .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;} article.petition-blog img {border: 1px solid #000;} article.petition-blog strong {font-size:16px; text-transform: uppercase;} article.petition-blog .socialShareMenuBlog, article.petition-press .socialShareMenuBlog { width: 53px; float: right; } article.petition-blog .clearfix {clear:both;} .socialShareMenuBlog a { text-decoration: none; } .socialShareMenuBlog a svg { fill: #999; transition: all .5s linear; } article.petition-blog .blog-signer-count { color: #d6254d; } article.petition-blog, article.petition-press { border-bottom: 1px solid #ededed; } article.petition-press .socialShareMenuBlog, article.petition-press .socialShareMenuBlog { position: absolute; left:calc(100% - 53px); top: 0; width: 53px; } article.petition-press .date-press { display: block; } article.petition-press .spacer { margin-bottom: 26px; clear: both; } article.petition-press div.headline { width: 100%; } article.petition-press div.image-container { height: 100%; margin-bottom: 10px; } article.petition-press div.image-container img { height: auto; width: 100%; } article.petition-press h2.headline-text { display: block; } article.petition-press h2.headline-text a { color: #4a4e4f; } @media (min-width: 768px) { article.petition-press .socialShareMenuBlog, article.petition-press .socialShareMenuBlog { position: relative; left: 0; float: right; } article.petition-press .socialShareMenuBlog { top: -53px; } article.petition-press .date-press { display: inline-block; margin-right: 10px; } article.petition-press .spacer { margin-bottom: 26px; clear: both; } article.petition-press div.headline { width: 100%; margin-bottom: 0; } article.petition-press div.image-container img { height: 40px; width: auto; margin-top: 5.5px; } article.petition-press h2.headline-text { display: inline; margin: 0; } } #main-legacy option {font-size:12px;padding:3px 2px;} input:focus, textarea:focus, select:focus {outline:none;} .centered {max-width:1160px; padding-left: 20px; padding-right: 20px; margin:0 auto;} .centeredBackend {max-width:90%;min-width: 1280px; margin:0 auto;} .greybg {background-color: #efefef;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;max-width:50%;} .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;} #modal .layout-wide .col1 { width: 100%; box-sizing: border-box; } .layout-narrow-wide {margin-top:30px;} .layout-narrow-wide .col1 {width:223px;float:left;margin-right:18px;} .layout-narrow-wide .col2 {width:919px;float:left;} .layout-narrow-wide-narrow {margin-top:35px;} .layout-narrow-wide-narrow .col1 {width:223px;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-wide-narrow {padding:0 0 0 0;} .layout-wide-narrow .col1 {width:797px;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;} #modal .layout-wide-narrow .col1 { width: 410px; box-sizing: border-box; } #modal .layout-wide-narrow .col2 { width: 100px; box-sizing: border-box; } .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:12px;} .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;} .layout-narrow-narrow-narrow {margin-top:35px; box-sizing:border-box;} .layout-narrow-narrow-narrow .col1 {width:330px;float:left;box-sizing:border-box;} .layout-narrow-narrow-narrow .col2 {width:330px;float:left;box-sizing:border-box;} .layout-narrow-narrow-narrow .col3 {width:330px;float:left;box-sizing:border-box;} 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; cursor: pointer;} /*#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;} #main-legacy .toolbar { line-height:10px; border-bottom: solid 1px #696969; border-top: solid 1px #696969; } #main-legacy .toolbar-blue {background:url(/img/bg_toolbar.png) repeat;} #main-legacy .toolbar-red { padding-top: 0; border-top: 1px solid #666; background: #d6254d; } #main-legacy .toolbar ul {margin:0;padding:0;position:relative;} #main-legacy .toolbar > ul {height:44px;} #main-legacy .toolbar li {display:block; float:left;color:#fff;} #main-legacy .toolbar li a {display:block; color:#494D4F; padding:10px 20px;font-size:14px; line-height:24px;} #main-legacy .toolbar-blue li a, #main-legacy .toolbar-red li a {color:#fff;} #main-legacy .toolbar li a:hover { text-decoration:none;background-color:#fff;color:#494D4F;} #main-legacy .toolbar li.active a {background-color: #efefef; color:#494D4F;height:25px;} #main-legacy .toolbar div a {display:inline-block; color:#494D4F; padding:10px 20px;font-size:14px; line-height:24px;} #main-legacy .toolbar-blue div a, #main-legacy .toolbar-red div a {color:#fff;} #main-legacy .toolbar div a:hover { text-decoration:none;background-color:#efefef;color:#494D4F;} #main-legacy .toolbar li.logout {border-left:solid 1px #666;border-right:solid 1px #666;background:#fff;} #main-legacy .toolbar li.logout a { background:url(/img/btn-logout.png) center center no-repeat; width:40px;white-space:nowrap;height:44px;padding:0;} #main-legacy .toolbar li.logout a:hover { background-color:#eee;} #main-legacy .toolbar li.overview { margin-left: 0; } #main-legacy .toolbar li.settings {} #main-legacy .toolbar li.settings a { background:url(/img/btn-settings-40.png) center center no-repeat; width:40px;white-space:nowrap;height:44px;padding:0;} #main-legacy .toolbar li.settings a:hover { background-color:#eee;} #main-legacy .toolbar li.user-dropdown {float:right;} #main-legacy .toolbar .dropdown { padding:0;border-right:solid 1px #666;height:44px} #main-legacy .toolbar div.dropdown {float:right;} #main-legacy .toolbar .lt-ie9 .dropdown { max-width:240px; } #main-legacy .toolbar .dropdown a:hover{text-decoration:none;background-position:right -40px;color:#494D4F;} #main-legacy .toolbar .dropdown-toggle { max-width:240px;overflow:hidden;height:44px;white-space:nowrap;overflow:hidden;display:block;background:url(/img/btn-dropdown-inverted.png) right 10px no-repeat;padding:10px 60px 10px 20px;box-sizing:border-box;} #main-legacy .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;} #main-legacy .toolbar .user-dropdown .dropdown-menu {right:0;left:auto;} #main-legacy .toolbar .dropdown-menu li {border:none;border-bottom:solid 1px #ccc; padding:0;margin:0 5px;background:none; float:none; } #main-legacy .toolbar .dropdown-menu > li {border:none;} #main-legacy .toolbar .dropdown-menu li a, #main-legacy .toolbar .dropdown-menu li span {color:#696969;padding:2px 0;margin:0 8px;overflow:hidden;background:none;vertical-align: middle;} #main-legacy .toolbar .dropdown-menu li span {display:block;margin-top:20px;font-weight:bold;} #main-legacy .toolbar .dropdown-menu li > a:hover, #main-legacy .toolbar .dropdown-menu .active > a, #main-legacy .toolbar .dropdown-menu .active > a:hover{color:#e07d28;} #main-legacy .toolbar .dropdown-menu li.beta a {color:#0ca5b0;} #main-legacy .toolbar .dropdown-menu li.beta a:hover {color:#e07d28;} .teaser {height:337px;background-color:#efefef;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;} .homepage-teaser { height: auto; padding: 30px 0; } .homepage-teaser .teaser-text { width:300px; z-index: 8; } .homepage-teaser .teaser-text h1 { font-family: graublau, sans-serif; font-weight:normal; font-size: 2.5em; line-height:1.2em; font-style:normal; color: #6dc7d8; margin-bottom: 15px; } .homepage-teaser .teaser-text h1 a:hover { text-decoration: none; } .homepage-teaser .teaser-text a { color: #6dc7d8; } .homepage-teaser .teaser-text p { margin-bottom: 10px; font-size:14px; font-family:Arial; line-height:1.5; } .homepage-teaser .teaser-text p a:hover { text-decoration: underline; } .homepage-teaser .teaser-text #email { width: auto; margin-right: 5px; vertical-align: baseline; background-color: #fff; } .homepage-teaser .teaser-text .btn-grau { vertical-align: middle; margin-left:5px; } .widget .petition-text {padding-top:0;} .petition-text strong {display:block;color:#666;} .petition-text .unterstuetzer .skalabg { width: 303px; height: 6px; border: solid 1px #c5cace; border-radius: 6px; background: #d4d9de; margin: 10px 0 5px 0; position: relative; -webkit-box-shadow: inset 0 1px 2px -1px #999; -moz-box-shadow: inset 0 1px 2px -1px #999; -ms-box-shadow: inset 0 1px 2px -1px #999; box-shadow: inset 0 1px 2px -1px #999; 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;} body.widget .petition-text .unterstuetzer div div { width: auto; } body.widget .petition-text .unterstuetzer div div:not(:first-child) { margin-left: 20px; } .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; resize: none; } .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.featured-blog-article-text-overlay a div {opacity:0;} .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; } .homepage-teaser .slideshow { background: transparent; width: 594px; height: 376px; } .homepage-teaser .slideshow-li { margin: 0; } .homepage-teaser .slideshow-li > a img { width: 564px; height: auto; } .homepage-teaser .slideshow #cyclenav { left: 580px; bottom: 10px; } .homepage-teaser .slideshow .featured-blog-article a span.text { width: 100%; height: auto; left: auto; top: auto; bottom: 10px; right: 0; padding: 0 10px; text-align: left; font-size: 28px; background: #fff; box-sizing: border-box; } .international-teaser-text { font: bolder 50px/55px 'Roboto', sans-serif; white-space: nowrap; color:#fff; position: absolute; top: 5%; left: 50%; background-color: transparent; transform: translate(-50%, -50%); } .international-teaser-text-change { font: bolder 45px/50px 'Roboto', sans-serif; white-space: nowrap; color:#fff; position: absolute; top: 2.5%; left: 50%; background-color: transparent; transform: translate(-50%, -50%); } .featured-blog-article-text-overlay { position: relative; text-align: center; background-color: transparent; } .teaser .slideshow li a span.text { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* breite alles: 641, 1. 203, 2. 235, 3. 157 */ #main-legacy .petition-schritte-horizontal {padding:40px 35px 35px 0;border-bottom:solid 1px #666;margin-bottom:30px;} #main-legacy .petition-schritte-horizontal ul {float:left;width:701px;height:54px;background:url(/img/petition-starten-horizontal.png) 0 0 no-repeat;margin:0;padding:0 0 0 0px; list-style-type: none;} #main-legacy .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;} #main-legacy .petition-schritte-horizontal ul li.first { width:203px;padding-left:40px;} #main-legacy .petition-schritte-horizontal ul li.second {width:235px; } #main-legacy .petition-schritte-horizontal ul li.third { width:190px; } #main-legacy .petition-schritte-horizontal ul li.mouseover { font-size:15px;line-height:21px;padding-top:6px;padding-bottom:6px; } #main-legacy .petition-schritte-horizontal .btn-petition-starten { float: right; } .petition-zeichnen-horizontal {padding:25px 0 20px 0;border-bottom:solid 1px #666;margin-bottom:35px;} .widget .petition-zeichnen-horizontal {padding-top:0;border-bottom:none;} /* 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 */ #main-legacy .leftnavigation {margin-bottom:50px;} #main-legacy .leftnavigation ul {margin:0;padding:0;} #main-legacy .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;} #main-legacy .leftnavigation li a:hover, #main-legacy .leftnavigation li.active a {color:#e07d28;} #main-legacy .leftnavigation li.active a:before {content:"> ";} #main-legacy .leftnavigation li.beta a {color:#0ca5b0;} #main-legacy .leftnavigation li.beta a:hover {color:#e07d28;} #main-legacy .leftnavigation form {margin:20px 10px 0 10px;} #main-legacy .leftnavigation label {font-family:Georgia;font-size:12px;font-style:italic;color:#666;text-transform:uppercase;display:block;margin-bottom:15px;} #main-legacy .leftnavigation .filter option {font-size:14px;padding:3px 2px;} #main-legacy .petitionen-liste {list-style:none;padding:0;margin:0;} #main-legacy .petitionen-liste li{border-bottom:solid 1px #bfbfbe;padding:0 25px 30px 25px; margin-bottom:30px;} #main-legacy .petitionen-liste h2 {color:#4a4e4f; margin:0 0 0 0;padding:0;} #main-legacy .petitionen-liste h2 a {text-decoration:none; color:inherit;} #main-legacy .petitionen-liste h2 a:hover {text-decoration:underline;color:#45d1e7;} #main-legacy .petitionen-liste .text {width:558px;float:left;} #main-legacy .petitionen-liste .text.blocked {width:auto;} #main-legacy .petitionen-liste a.image {display:block; width:220px;float:right;} #main-legacy .petitionen-liste a.image:hover {opacity:0.6;filter: alpha(opacity=60);} #main-legacy .petitionen-liste img {width:210px;max-height:140px; overflow:hidden;background: url(/img/bg_liste_bild.png) 0 0 no-repeat;padding:10px;} #main-legacy .petitionen-liste p {margin:10px 0 0 0;padding:0;} #main-legacy .petitionen-liste p.tags {color:#a8a8a8;} #main-legacy .petitionen-liste .tags_col2 {color:#a8a8a8;float:right;} #main-legacy .petitionen-liste p.tags strong {} #main-legacy .petitionen-liste p.num-signings {color:#a8a8a8; font-size:14px;text-transform:uppercase;width:200px;float:left;} #main-legacy .petitionen-liste p.num-signings strong {color:#666;font-size:18px;padding-right:5px;} a.more { float:right; 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;} .banner-signed .btn-gelb { color: #53514a; } .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;} /*.colored-links li.shortUrl .copyPath {color:#fff;line-height:25px; display:block;padding:0 10px; background:#b5b5b5 url(/img/icon-triangle.png) 200px 4px no-repeat;}*/ .colored-links li.shortUrl { background-color: #eee; } .colored-links li.shortUrl::after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #00ff00; } .colored-links li.shortUrl .copyPath::selection {background-color: #42bbd3;} .colored-links li.shortUrl .copyPath::-moz-selection {background-color: #42bbd3;} .greybg .colored-links li a {background-position: 250px 4px;background-color:#19b0ce;} .greybg .colored-links li a::selection {background-color: #fff;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.youtube a {background-color:#FF0000;} .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 li.instagram a { background-color:#b63a81; } .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; } .greybg .colored-links ul li.page_item_has_children > a { font-weight: bold; background: transparent; } .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;} .unterzeichner-liste li .unconfirmed-signature { clear: both; text-align: left; color: #e07d28; } .widget .unterzeichner-liste {list-style:none;margin:10px 0 80px 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; color:#3e3d40;} form.grey input[type="text"], form.grey input[type="date"], form.grey input[type="url"], form.grey input[type="email"], form.grey input[type="tel"], form.grey input[type="password"], form.grey textarea, form.grey .texteditor, .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;box-sizing: border-box;background-color:#fff;} form.grey input[type="text"], form.grey input[type="date"], form.grey input[type="url"], form.grey input[type="email"], form.grey input[type="tel"], form.grey input[type="password"], form.grey textarea, form.grey .texteditor, .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; box-sizing: border-box;} form.grey .cols input[type="text"], form.grey .cols input[type="date"], form.grey .cols input[type="password"], form.grey .cols input[type="url"], form.grey .cols input[type="email"], form.grey .cols input[type="tel"] {width:260px;} form.grey input[type="text"]:focus, form.grey input[type="date"]:focus, form.grey input[type="url"]:focus, form.grey input[type="email"]:focus, form.grey input[type="tel"]:focus, form.grey input[type="password"]:focus, form.grey textarea:focus, form.grey .texteditor:focus {border:solid 6px #43BBD3;} form.grey input[type="text"].error, form.grey input[type="date"].error, form.grey input[type="url"].error, form.grey input[type="email"].error, form.grey input[type="tel"].error, form.grey input[type="password"].error, form.grey textarea.error, form.grey .texteditor.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:12px;font-style:normal; padding-top:4px; color:#7c7c7c; vertical-align: bottom;} form.grey .tabs label span { display: block; } 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, form.grey textarea, form.grey .texteditor {height:150px; width:550px;} form.grey .texteditor {height:200px; display: none; overflow: auto; resize: both;} 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;} form.white input[type="text"], form.white input[type="date"], 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 input[type="date"].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;} .message-success, .message-success-small { display: inline-block; margin: 40px 0 0; color: #080; font-size: 20px; font-family: Georgia, serif; font-style: italic; font-weight: normal; line-height: 1.25em; } .message-success-small { margin: 0; font-size: 15px; } .message-error, .message-error-small { display: inline-block; margin: 40px 0 0; color: #E07D28; font-size: 20px; font-family: Georgia, serif; font-style: italic; font-weight: normal; line-height: 1.25em; } .message-error-small { margin: 0; font-size: 15px; } #uploadAvatar .message-error-small { margin-bottom: 20px; } .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{text-decoration:underline; 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: solid 2px #fff; border-radius: 7px; box-shadow: 0 0 3px 1px #6ea21b; background-color: #6ea21b; padding: 0; margin: 0; width: 210x; vertical-align: middle; text-align: center; font-family: Arial; font-size: 14px; font-weight: bold; line-height: 28px; text-decoration: none; color: #fff; } .btn-spenden:hover { background-color: #7ea243; } 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:100px;float:left;margin-top:20px} .thing .text {width:370px;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 h3 {font-size:16px; color:#666;} .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:not(:first-child):before { content:" | "; margin-left: 4px;} .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;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 40px;} .petition-argumente .gegenargumente li em {font-size:14px;} .petition-argumente .gegenargumente .tools {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;} .dangerzone .col1 { width: 767px; } .dangerzone h1, .dangerzone h2 { color: #d6254d; } #main-legacy .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;position: absolute; bottom: 0px;} .carousel-title a{line-height:120%; margin-bottom:5px; height: 54px; overflow:hidden; margin-right: -1em; padding-right: 1em;position:relative;font-size:15px;color:#4A4E4E;text-decoration:none;} .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;} #perso {border-bottom:solid 1px #666;padding-bottom:20px;margin-bottom:30px;} a.nolinkstyle { color:inherit !important;} #main-legacy ul.representatives {margin:0 0 40px 0; padding:0; list-style:none;} #main-legacy ul.representatives li { float: left; margin: 0 12px 20px 12px; border: solid 1px #e6e6e6; border-radius: 3px; box-shadow: 0px 8px 10px -6px #999; height: 215px; max-width: 226px; width: 226px; box-sizing: border-box; } #main-legacy ul.representatives li .wrapper {padding:20px;} #main-legacy ul.representatives li .wrapper:hover {background-color:#f9f9f9;} #main-legacy ul.representatives li strong {display:inline-block; max-width: 120px; height:53px; line-height:1.2;} #main-legacy ul.representatives li div.contact div {float:left; width:29%;line-height: 1.2; margin-top:4px;background: white;} #main-legacy ul.representatives li div.contact div+div {text-align:center; width:35%;} #main-legacy ul.representatives li div.contact div+div+div {float:right; text-align:right;} #main-legacy ul.representatives li p {margin:8px 0 0 0; line-height: 1.2em; } #main-legacy ul.representatives li p.homepage { font-size:11px;} #main-legacy ul.representatives li p.vote {height:auto; text-align:center;} #main-legacy ul.representatives li p.editbtn {text-align:right; margin-top:8px;} #main-legacy ul.representatives li div.contact div.phone {float:right !important;} #main-legacy { margin-bottom: 25px; font: normal 15px/23px 'op__roboto', sans-serif; } #main-legacy .blog { border-top:solid 1px #666;font-size:15px;color:#3e3d40;} .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:#d6254d;} .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;} #blog_video_p { max-width: 530px;} .no-blue-navi { border-top:solid 1px #666;} .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 {font-size:11px;} .modalform .inline label, .modalform span {color:#7c7c7c;} .modalform input[type="text"], .modalform input[type="password"], .modalform textarea, .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;} .modalform form.grey label.checkbox {float:none; display:inline; margin-left:5px; vertical-align:top;} #modal .greybg {margin:-40px; padding:40px;} #modal .greybg h1 {padding-top:0;} .record div p{ margin-right: 3%; float: left; margin-left: 0px; width: 20%; } form#form-eingang .formrow {margin-bottom:20px; } form#form-eingang .formrow p {margin-bottom:0; } form#form-eingang .formrow .number {width:30px; float:left; margin:0 0 0 0; text-align:right ;} form#form-eingang .formrow .number span {line-height:40px;display:block; font-size:16px; font-weight:bold; margin-top:3px;} /* ========================================================================== Javascript related ========================================================================== */ /* 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;} /*