/* ==========================================================================
   transparency's custom styles
   ========================================================================== */
@charset "UTF-8";

/*
Neue Helvetica 47 Condensed Light
Neue Helvetica 57 Condensed
Neue Helvetica 67 Condensed Medium

<script type="text/javascript" src="http://fast.fonts.com/jsapi/f9eb5a0f-f6bc-46e7-9e5e-e7a1f7b97b2b.js"></script>

font-family:'HelveticaNeueW01-47LtCn 692686'; 
font-family:'HelveticaNeueW01-57Cn';
font-family:'HelveticaNeueW01-67MdCn 692710';
*/

/*
body.template {
	background: url("../img/webpage.jpg") no-repeat scroll center top #FFFFFF;
}
*/

body {
	padding: 0;
	color: #666666;
    font-family: Helvetica ,Arial ,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal; color: #000000; line-height: 1; margin: 0; font-family: "HelveticaNeueW01-47LtCn 692686", "Helvetica Neue", Helvetica ,Arial ,sans-serif;}
h1 {font-size:40px; line-height: 45px; margin-bottom:0.5em;margin-top:0.15em; color: #00aeef}
h2 {font-size:22px; line-height: 27px; margin-bottom:0.75em; color: #333333;}
h3 {font-size:18px; line-height: 22px; margin-bottom:0.75em; color: #999999;}
h4 {font-size:16px; line-height: 20px; margin-bottom:0.5em; color: #999999;}
h5 {font-size:12px; margin-bottom:0.5em; color: #999999;}
h6 {font-size:12px; font-weight:bold; color: #999999;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin: 0;}
ul, ol { margin: 0 0 0 25px;}
a {color: #0082b2;}
a:hover {color: #00a1dc;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #00a1dc;}

div.hr {background: transparent url("../img/bgr_hr_dotted.gif") repeat-x scroll center; height: 1px; margin: 20px 0;}
div.hr hr {display: none}

div.csc-default {margin-bottom: 1.5em;}

table.csc-searchResultInfo {margin-bottom: 1.5em;}
h3.csc-searchResultHeader {margin-bottom: 0.2em}
p.csc-searchResult {margin-bottom: 1.5em;}
.csc-textpic-caption {font-size: 11px; font-style:italic;}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-top: 5px !important;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}

img.image { float:left; display:block; margin-right: 10px; }

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e05175), to(#d20035));
  background-image: -webkit-linear-gradient(top, #e05175, #d20035);
  background-image: -o-linear-gradient(top, #e05175, #d20035);
  background-image: linear-gradient(to bottom, #e05175, #d20035);
  background-image: -moz-linear-gradient(top, #e05175, #d20035);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e05175', endColorstr='#d20035', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.header,
.header .container{
	background: url("../img/bgr_header.png") no-repeat scroll center top #FFFFFF;
}

.metaNav a {color: #8b8b8b;}

.metaNav ul {
	text-align: right;
	float: right; 
	margin-bottom:26px;
}
.metaNav .nav-pills > li {
	padding-bottom: 2px;
    padding-top: 2px;
}
.metaNav .nav-pills > li > a {
    border-radius: 0;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left:6px;
    padding-right:6px;
}
.metaNav .nav-pills > .active > a, 
.metaNav .nav-pills > .active > a:hover,
.metaNav .nav-pills > li > a:hover,
.metaNav a.active {
	background-color: #808080;
	color: #FFF;
}
.metaNav .btn {
	text-transform: uppercase;
	border-radius: 0;
	float: right;
	padding: 6px 14px;
	font-family: "HelveticaNeueW01-67MdCn 692710", "Helvetica Neue", Helvetica ,Arial ,sans-serif;
	font-size: 16px;
}
.metaNav .tx-macinasearchbox-pi1 {
	float: right;
}
.metaNav #searchform {
	margin: 5px 5px 0 0;
	padding: 0;
	background: url("../img/bgr_macinasearchbox.gif") no-repeat scroll center bottom transparent;
}

.metaNav  #searchform  #tx-indexedsearch-searchbox-sword {
	width: 96px;
	padding: 0 4px;
}
.metaNav  #searchform .img_input {
	width: 20px;
	height: 20px;
}
.metaNav #searchform input {
	color: #b2b2b2;
	font-size: 12px;
	border: 0px solid #FFF;
	margin: 0;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
          
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
	
	background: none;
}

.metaNav #searchform input:focus {
  border-color: 0;
  outline: 0;

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
          
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.social_networks {margin-top: 80px;}
.social_networks:after {
    clear: both;
}
.social_networks a,
.social_networks a:hover {text-decoration: none;}

a.facebook,
a.twitter,
a.podcast,
a.rss {
	height: 25px;
	width: 25px;
	text-indent: -9999em;
	 display: block;
    float: left;
    margin: 0 4px 0 0;
}

a.facebook {
	background: url("../img/icons/facebook.png") no-repeat scroll center center transparent;
}
a.facebook:hover {
	background: url("../img/icons/facebook_over.png") no-repeat scroll center center transparent;
}

a.twitter {
	background: url("../img/icons/twitter.png") no-repeat scroll center center transparent;
}
a.twitter:hover {
	background: url("../img/icons/twitter_over.png") no-repeat scroll center center transparent;
}

a.podcast {
	background: url("../img/icons/podcast.png") no-repeat scroll center center transparent;
}
a.podcast:hover {
	background: url("../img/icons/podcast_over.png") no-repeat scroll center center transparent;
}


a.rss {
	background: url("../img/icons/rss.png") no-repeat scroll center center transparent;
}
a.rss:hover {
	background: url("../img/icons/rss_over.png") no-repeat scroll center center transparent;
}


.header .schatten {
	height: 2em;
	background: url("../img/bgr_subverlauf.png") no-repeat scroll center bottom transparent; 
}

.news-single-item h2 {
	margin-top: .5em;
}

.news-single-item hr {
	margin: .5em 0;
}

/* Dropdown */
ul.dropdown a {
	color: #FFF;
	font-size: 19px;
	line-height: 19px;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown-linear {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown-linear ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}


ul.dropdown-linear li:hover > ul {
 visibility: visible;
}


ul.dropdown {
 width: 100%;
 margin: 1em 0 0;
 border-top: 0 none;
 border-left: 0 none;
 border-right: 0 none;
 border-bottom: 5px solid #696969;
 background: url("../img/bgr_mainNav_ul.gif") repeat-y scroll right top #00aeef;
 	
-webkit-box-shadow: 0 20px 20px -10px #b5b5b5;
   -moz-box-shadow: 0 20px 20px -10px #b5b5b5;
		box-shadow: 0 20px 20px -10px #b5b5b5;
}

ul.dropdown-linear ul li {
 float: left;
}

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
 position: static;
}

ul.dropdown-linear ul ul {
 display: none !important;
}

/*-------------------------------------------------/
 * Drop-Down Styling
 */

ul.dropdown li {
 padding: 10px 13px 8px;
 background-color: #00aeef;
 color: #FFF;
 font-family: "HelveticaNeueW01-57Cn", "Helvetica Neue", Helvetica ,Arial ,sans-serif;
}

ul.dropdown li li.spacer {
    background-color: transparent;
    color: #FFFFFF;
    padding: 7px 0;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 background-color: #eee;
 color: #FFF;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #FFF; text-decoration: none; }
ul.dropdown a:hover		{ color: #FFF; }
ul.dropdown a:active	{ color: #FFF; }


/* -- level mark -- */

ul.dropdown ul {
 width: 150px;
 margin-top: 1px;
}

ul.dropdown ul li {
 font-weight: normal;
}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown li {
	border: none;
}

ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown li.active {
  background-color: #696969;
  *background-color: #696969;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#737373), to(#616161));
  background-image: -webkit-linear-gradient(top, #737373, #616161);
  background-image: -o-linear-gradient(top, #737373, #616161);
  background-image: linear-gradient(to bottom, #737373, #616161);
  background-image: -moz-linear-gradient(top, #737373, #616161);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#737373', endColorstr='#616161', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  
  -pie-background: linear-gradient(#737373, #616161);
}

ul.dropdown-linear ul {
	width: 100%;
	margin-top: 0;
	
  background-color: #696969;
  *background-color: #696969;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#7c7c7c));
  background-image: -webkit-linear-gradient(top, #959595, #959595, #7c7c7c);
  background-image: -o-linear-gradient(top, #959595,#959595, #7c7c7c);
  background-image: linear-gradient(to bottom, #959595,#959595, #7c7c7c);
  background-image: -moz-linear-gradient(top, #959595,#959595, #7c7c7c);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#959595', endColorstr='#7c7c7c', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  
  -pie-background: linear-gradient(#959595, #7c7c7c);
  
  border-top: #c0c0c0 1px solid;
  	
	-webkit-box-shadow: 0 20px 20px -10px #b5b5b5;
	   -moz-box-shadow: 0 20px 20px -10px #b5b5b5;
	        box-shadow: 0 20px 20px -10px #b5b5b5;
/*
padding-bottom: 30px;
background: url("../img/bgr_subverlauf.png") no-repeat scroll center bottom #959595;
*/
}

.boxshadow ul.dropdown ul {
	border: none;
	-webkit-box-shadow: 0 20px 20px -10px #b5b5b5;
	   -moz-box-shadow: 0 20px 20px -10px #b5b5b5;
	        box-shadow: 0 20px 20px -10px #b5b5b5;
    border-bottom:1px solid #f2f2f2;
    border-top:1px solid #bbb;
}

ul.dropdown li li a {
	font-size: 16px;
	line-height: 16px;
}
ul.dropdown ul li {
 background-color: transparent;
 padding: 5px 10px;
 line-height: 1em;
}

ul.dropdown ul li.hover {
 margin: 0;
 border: none;
 background-color: #959595;
}


ul.dropdown ul *.dir {
padding-right: 7px;
background-image: none;
}

ul.dropdown li.first {border-left: 3px solid #FFF;}
ul.dropdown ul li.first {border-left: 0 none;}
ul.dropdown ul li span {margin-bottom: 1px; padding-bottom: 1px;}

/* Breadcrumb */

.breadcrumb .row .span12,
.breadcrumb {
    background-color: transparent;
    margin: 0;
	padding-top: 20px;
}
.breadcrumbNav {
	padding-left: 26px;
	color: #cccccc;
}
.breadcrumbNav a {
	color: #cccccc;
}

/* Content */
.content {
	background: url("../img/bgr_content.png") no-repeat scroll center bottom transparent;
}
.korruption {
	height: 114px;
	background: url("../img/was_ist_korruption.png") no-repeat scroll left top #FFFFFF;
	text-indent: -9999em;
}
.dagegen {
	height: 114px;
	background: url("../img/was_macht_transparency.png") no-repeat scroll left top #FFFFFF;
	text-indent: -9999em;
}
.newsletter {
	height: 42px;
	line-height: 42px;
	background: url("../img/bgr_newsletter_button.png") no-repeat scroll left top #FFFFFF;
	
	padding-left: 10px;
	color:#FFF;
}

a.link_newsletter {
	color:#FFF;
	text-decoration: none;
}
.initiative {
	height: 68px;
	background: url("../img/initiative.png") no-repeat scroll left top #FFFFFF;
	text-indent: -9999em;
}
.twitter {
	margin-top: 2em;
}
.twitter a {
	color: #7a7a7a;
	font-size: 18px;
}
.twitter a span {
	color: #999999;
	font-size: 14px;
}

ul.jta-tweet-list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

div.jta-tweet-list-controls {clear: both;}

/* FaQ */
.tx-irfaq-pi1 ul.tx-irfaq-questions-list {
    margin-bottom: 75px;
}
.tx-irfaq-pi1 ul li a p.bodytext {
    display: inline;
    font-weight: bold;
    margin: 0;
}
.tx-irfaq-pi1 ul li a {
    color: #000000;
    text-decoration: none;
}
.tx-irfaq-pi1 ul li a:hover {
    color: #000000;
    text-decoration: underline;
}
.tx-irfaq-pi1 .tx-irfaq-answer {
    margin-bottom: 10px;
}
.tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext {
    display: inline;
    font-weight: bold;
    margin: 0;
}
.tx-irfaq-pi1 dt p {
    display: inline;
    font-weight: normal;
    margin: 0;
    font-size: 20px;
}
.tx-irfaq-pi1 dd {
    margin-left: 0;
}
.tx-irfaq-pi1 dd p {
    margin: 0 0 0 44px;
}
.tx-irfaq-pi1 .additional-info {
    border-top: 0 none;
    background: transparent url("../img/bgr_hr_dotted.gif") repeat-x scroll center; 
    height: 1px; 
    margin: 18px 0 20px;
}
.tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links {
    margin-bottom: 15px;
    margin-top: 3px;
    padding-bottom: 0;
    padding-top: 0;
}
.tx-irfaq-cleaner {
    clear: left;
    height: 1px;
}
.tx-irfaq-dynheader {
    cursor: pointer;
    font-family: "HelveticaNeueW01-47LtCn 692686", "Helvetica Neue", Helvetica ,Arial ,sans-serif;
}
.tx-irfaq-dynans-hidden {
    display: none;
}
.tx-irfaq-dynans-visible {
    display: inline;
}

.tx-irfaq-pi1 dt img {
    margin: 0 15px 0 4px;
    vertical-align: top;
}

/*
body {background-color: red;}
.container {background-color: green;}
*/

/* Footer */
.footer { 
	width: 100%;
	background: url("../img/bgr_footer.png") no-repeat scroll center top #999999;
	color:#ffffff;
	font-family: "HelveticaNeueW01-57Cn", "Helvetica Neue", Helvetica ,Arial ,sans-serif;
}
.footer a{ 
	color:#ffffff;
}
.footer .container {
	padding-top: 73px;
	background: url("../img/bgr_footer.png") no-repeat scroll center top #999999;
}
.footer h5 {
    text-transform: uppercase;
	font-size: 16px;
	margin: 0 0 1em;
}
.footer ul {
    list-style: none outside none;
    margin: 0 0 2.5em;
    padding: 0;
}

/* Formular */
/*
.csc-mailform-field {width: 50%;}
label {display: inline; float: left;}
select { float: right;}
*/

#formhandler_contact_form .steps {
    display: block;
    margin: 0 auto;
    padding: 20px 20px 10px;
    text-align: center;
}

#formhandler_contact_form .steps li {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #c0c0c0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin: 0 10px;
}
#formhandler_contact_form .steps .active {
    background: #00aeef;
}

#formhandler_contact_form {
	background-color: #ececec;
}

#formhandler_contact_form td {
	padding: 20px;
}

#formhandler_contact_form td.no_padding {
	padding: 0;
}

#formhandler_contact_form div.hr {
    background: url("../img/bgr_hr_dotted.gif") repeat-x scroll center center transparent;
    height: 1px;
    margin: 0;
}
.geldbetrag label,
.zahlungsrhythmus label,
.csc-mailform-label-main {
	font-size: 18px;
	font-family: "HelveticaNeueW01-47LtCn 692686", "Helvetica Neue", Helvetica ,Arial ,sans-serif;
	color:#343434;
}
.geldbetrag label,
.zahlungsrhythmus,
.geldbetrag .csc-mailform-label-main {
    margin-bottom: 20px;
    padding: 0;
}
.geldbetrag_preset.button {
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    background-color: #00aeef;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    margin: 0 10px 10px 0;
    min-width: 50px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00aeef), to(#007dc6));
    background-image: -webkit-linear-gradient(top, #00aeef, #007dc6);
    background-image: -o-linear-gradient(top, #00aeef, #007dc6);
    background-image: linear-gradient(to bottom, #00aeef, #007dc6);
    background-image: -moz-linear-gradient(top, #00aeef, #007dc6);
    background-repeat: repeat-x;
    border-color: #00aeef #007dc6 #007dc6 #00aeef;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00aeef', endColorstr='#007dc6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.geldbetrag_preset.button:hover,
.geldbetrag_preset.button:focus,
.geldbetrag_preset.button.selected {
    cursor: pointer;
    color: #ffffff;
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e05175), to(#d20035));
    background-image: -webkit-linear-gradient(top, #e05175, #d20035);
    background-image: -o-linear-gradient(top, #e05175, #d20035);
    background-image: linear-gradient(to bottom, #e05175, #d20035);
    background-image: -moz-linear-gradient(top, #e05175, #d20035);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e05175', endColorstr='#d20035', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.geldbetrag_preset.button:active,
.geldbetrag_preset.button.selected {
    background-color: #bd362f;
    background-image: none;
    box-shadow: none;
}

.geldbetrag_preset.button:nth-of-type(4) {
    clear: left;
}
.geldbetrag_preset.button input {
    left: -9999px;
    position: absolute;
}

#formhandler_contact_form td.header {
    background: none repeat scroll 0 0 transparent;
    padding-bottom: 0;
}

#formhandler_contact_form .zahlungsrhythmus,
#formhandler_contact_form .geldbetrag,
#formhandler_contact_form .daten,
#formhandler_contact_form .kontakt,
#formhandler_contact_form .warum .informationen,
#formhandler_contact_form .warum .text,
#formhandler_contact_form .send_form .csc-mailform-field,
#formhandler_contact_form .send_form .senden{
	float: left;
	width: 45%;
	padding: 2.5%;
}
#formhandler_contact_form .geldbetrag {
    padding-bottom: 0;
}
#formhandler_contact_form .warum .informationen,
#formhandler_contact_form .warum .text {
    padding: 0 2.5%;
}

#formhandler_contact_form .daten label, 
#formhandler_contact_form .kontakt label, 
#formhandler_contact_form .konto label {
    float: left;
}

#formhandler_contact_form .daten select, 
#formhandler_contact_form .daten input, 
#formhandler_contact_form .kontakt select, 
#formhandler_contact_form .kontakt input {
    float: right;
}

.kontakt .csc-mailform-label-main, 
.daten .csc-mailform-label-main, 
.konto .csc-mailform-label-main,
.warum .csc-mailform-label-main,
.aber_jetzt .csc-mailform-label-main,
.sicher .csc-mailform-label-main {
    margin-bottom: 20px;
}

.konto .csc-mailform-field label,
.konto .csc-mailform-field input {
	float:left;
	width: 186px;
}
.konto .csc-mailform-field label  {
	width: 166px;
}

.konto,
.warum,
.aber_jetzt,
.sicher {
	float: none;
	width: 95%;
	padding: 2.5%;
}

.warum .informationen input, 
.aber_jetzt .einverstanden input {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
}

.warum .informationen label, 
.aber_jetzt .einverstanden label {
    float: left;
    margin-bottom: 0;
}

.senden input {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}


input, 
textarea, 
.uneditable-input {
    width: 186px;
}

textarea  {
    width: 280px;
}

select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 200px;
}

td.daten,
td.kontakt {width: 360px;}
td.daten label,
td.kontakt label,
td.konto label {float: left;}

td.daten select,
td.daten input,
td.kontakt select,
td.kontakt input,
td.konto input{ float: right;}

td.informationen input,
td.einverstanden input {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
td.informationen label,
td.einverstanden label {
	float: left;
	margin-bottom: 0;
}

 input { vertical-align:middle ; }

td.senden input {
	width: 170px;
	height: 30px;
	border: 0 none;
	background-color: #00adef;
	color:#FFF;
}

.clear {
    clear: both;
}


.columnItems .csc-default{
margin-right:7%;
}

.columnItems .csc-default dl{
margin-top:10px;
}

/* Templates */
.ausfuehrlDokument_3Spalten .navi_innen,
.ausfuehrlDokument_3Spalten .navi_innen_active,
.ausfuehrlDokument_3Spalten_naechsteEbene .navi_innen,
.ausfuehrlDokument_3Spalten_naechsteEbene .navi_innen_active {
	width: 33%;
	float: left;
}
.navi_innen_active {
	text-decoration: underline;
}
.ausfuehrlDokument_3Spalten h3,
.ausfuehrlDokument_3Spalten_naechsteEbene h3 {margin-bottom: 0.5em;}
.ausfuehrlDokument_3Spalten div.hr,
.ausfuehrlDokument_3Spalten_naechsteEbene div.hr {
    margin: 10px 0;
}

.ausfuehrlDokument_4Spalten .navi_innen,
.ausfuehrlDokument_4Spalten .navi_innen_active,
.ausfuehrlDokument_4Spalten_naechsteEbene .navi_innen,
.ausfuehrlDokument_4Spalten_naechsteEbene .navi_innen_active {
	width: 25%;
	float: left;
}
.ausfuehrlDokument_4Spalten h3,
.ausfuehrlDokument_4Spalten_naechsteEbene h3 {margin-bottom: 0.5em;}
.ausfuehrlDokument_4Spalten div.hr,
.ausfuehrlDokument_4Spalten_naechsteEbene div.hr {
    margin: 10px 0;
}

/* Formulare */


/* #uid402
**********************************/
#c611, .tx-felogin-pi1  {
	background-color: #ECECEC;
    padding: 20px;
}

.navi_extranet_class .tx-felogin-pi1  {
    background-color: #FFFFFF;
    padding: 0px;
}

#uid402 form label {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    display: block;
    float: left;
    white-space: normal;
    width: 200px;
}
#uid402 form table {
	margin-top: 0.75em;
}
#uid402 form th {
	text-align: left;
}
#uid402 form input {
	width: 300px;
}
#uid402 form input[type="submit"] {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}


/* #uid271
**********************************/
#c2580 {
	background-color: #ECECEC;
    padding: 20px;
}
#c2580 dd {
    margin-left: 0;
}
#c2580 form {
    margin: 0;
}


#uid271 form input {
	margin: 0 20px 0 0;
	width: 300px;
}

#uid271 form input[type="submit"] {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}

form#presseverteiler div.fieldsets {
	background-color: #ECECEC;
}

fieldset.tx-powermail-pi1_fieldset {
    background-color: transparent;
    border: 0 none;
    padding: 20px;
}

fieldset.tx-powermail-pi1_fieldset legend {
    color: #343434;
    font-family: "HelveticaNeueW01-47LtCn 692686","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    border: 0 none;
    margin: 10px 0 0;
}

fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend  {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #666666;
}

span.powermail_mandatory {
   color: #666666;
}

.tx_powermail_pi1_fieldwrap_html_7,
.tx_powermail_pi1_fieldwrap_html_8 {
	margin-bottom: 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight: bold;
    margin: 10px 0 0px 200px
}

/* #uid797
**********************************/
form.bibo_table_search_form {
	background-color: #ECECEC;
}

.bibo_table_search {
	padding: 0 20px;
}
.bibo_table_search01 {
	padding: 20px 20px 0;
}
.bibo_table_search05 {
	padding: 0 20px 20px;
}

.bibo_table_search01 .field01,
.bibo_table_search01 .field02 {
	width: 60%;
	float: left;
}
.bibo_table_search01 .field02 {
	width: 40%;
}

.bibo_table_search01 .field01 .bibo_input_search {
	width:300px;
}


.bibo_table_search02 label {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 10px 0 5px;
    font-size: 13px;
}

.bibo_table_search03 .field01,
.bibo_table_search03 .field02,
.bibo_table_search04 .field01,
.bibo_table_search04 .field02 {
	width: 50%;
	float: left;
}

select.select_field_search,
select.select_field_search_keywords {
	width: 315px;
}

.bibo_table_search_submit,
.bibo_table_search_form input[type="submit"] {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}

.row01 .field_01,
.row01 .field_02,
.row04 .field_01,
.row04 .field_02 {
	width: 50%;
	float: left;
}
.row01 .field_02 form,
.row04 .field_02 form{
	float: right;
	margin: 0;
}

.new_search input[type="submit"],
.change_search input[type="submit"] {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
    margin: 0 0 0 20px;
}

.sort {
	padding: 5px;
	background-color: #CCCCCC;
	margin-bottom: 10px;
}	

.sort_button {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #999999;
    color: #666666;
    margin-right: 5px;
}

.row02 .field_01,
.row03 .field_01 {
	width: 25%;
	float: left;
	text-align: left;
}

.row02 .field_03,
.row03 .field_03,
.navbutton_first,
.navbutton_forward {
	width: 25%;
	float: left;
	text-align: right;
}

.row02 .field_02,
.row03 .field_02,
.count {
	width: 50%;
	float: left;
	text-align: center;
}

input.page_selector {
	margin: 0 0 8px 8px;
}

.bibo_detail .field_01,
.bibo_detail .field_02 {
	width: 25%;
	float:left
}
.bibo_detail .field_02 {
	width: 75%;
}
.print,
.change,
.liste {
	float:left;
	width: 33%;
}
.div_bottom {margin-top: 20px;}
.print,
.navbutton_first{ text-align: left;}
.change { text-align: center;}
.liste { text-align: right;}

.bibo_detailbutton {
	border: 0 none;
	background: none repeat scroll 0 0 transparent;
	color: #0082B2;
	font-size: 13px;
}

input, button, select, textarea {
    color: #666666;
}

.search_result .row03 {
	margin-top: 20px;
}

/* #uid65
**********************************/
#uid65 #mailform {
	background-color: #ECECEC;
    padding: 20px;
}
#uid65 #mailform label {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    display: block;
    float: left;
    white-space: normal;
    width: 200px;
}

#uid65 #mailform input {
	width: 300px;
}

#uid65 #mailform .csc-mailform-submit {
    font-weight: bold;
    margin: 10px 0 0 200px;
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}

/* #uid1833
**********************************/
#uid1833 form {
	background-color: #ECECEC;
    padding: 20px;
}

#uid1833 form div.required {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    display: block;
    float: left;
    white-space: normal;
    width: 200px;
}

#uid1833 form td.attributeinput input {
	width: 300px;
}

#uid1833 form span.attributeinput {
	margin-left: 202px;
}

#uid1833 form p input {
    font-weight: bold;
    margin: 10px 0 0 204px;
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}


/* 
*
* Extranet
*
**********************************/
ul#perso,
ul#buero { margin-top: 20px; padding: 20px;background-color: #ECECEC;}
#navi_extranet form  { margin-top: 20px;}
.logIN_class input {
	width: 300px;
	margin-top: 10px;
}
.logIN_class input[type="submit"] {
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 170px;
}


/*
*
* Mitgliederbereich
*
*/

.navi_extranet_class ul {
	list-style: none outside none;
    margin: 0 0 2.5em;
    padding: 0;
    background-color: #00AEEF;
}

.navi_extranet_class li {
	margin: 0;
	padding: 0;
}

.navi_extranet_class li a {
	color:#FFF;
	display: block;
    padding: 11px 17px;
	border-bottom: 1px solid #dddddd;
}

.navi_extranet_class li li a {
	border-bottom: 1px solid #909090;
}

.navi_extranet_class ul ul {
	margin: 0;
	background-color: #737373;
}

#uid402 .navi_extranet_class li.page_uid402,
.navi_extranet_class li a:hover,
.navi_act {
	background-color: #4e4e4e;
	text-decoration: none;
}

/*
*
*    multicolumnContainer, multicolumnLayout1
*
*/
.multicolumnLayout1 .column {
    width: 49.9%;
}


.multicolumnLayout1 .columnItems {
    padding: 0 52px 0 0;
}

/* ==|== designdisco =======================================================
	styles.
   ========================================================================== */

/* FAQ */

.additional-info .cat-info{display:none;}
.tx-irfaq-pi1{margin-bottom:30px;}


/* Nachrichten im Mitgliederbereich */

.tx-mmforum-pi3 .tx-mmforum-textbutton{
    border:none;
    background-color:#ECECEC;
    padding-right:10px;
    color:#666666;
    }
.tx-mmforum-pi3 .tx-mmforum-textbutton:hover{
    color:#fff;
    background-color:#00ADEF;
    }
    
.tx-mmforum-pi3 form{
    background-color:#ECECEC;
    padding:10px;
    color:#666666;
}
.tx-mmforum-pi3 .th.tx-mmforum-th{
    background-color:transparent;
    color:#333;
    font-family:"HelveticaNeueW01-47LtCn 692686","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    font-size:18px;
    border:none;
    }
    
input.tx-mmforum-button{
    background-color:#00ADEF;
    font-size:12px;
    font-weight:normal;
    padding:4px 7px;
    border:none;
    }
    
/* allgemeine Tabellenstile */

table.contenttable{
    width:100%;
    }
    
table.contenttable td{
    border:none;
    }
    
table.contenttable th{
    text-align:left;
    padding:4px 8px;
    background-color:#F2f2f2;
    }
table.contenttable tr:nth-child(odd)    { background-color:#eee; }
table.contenttable td{padding:4px 8px;}


/* Mitgliederbereich Navi */

.navi_extranet_class li a {
    font-family:"HelveticaNeueW01-57Cn","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    padding:8px 14px;
    border-bottom:1px;
    }
.navi_extranet_class li li a{
    font-family:Arial, Helvetica, Sans-serif;
    font-size:13px;
    padding-left:20px;
    }
    
/* Mitgliederbereich Eingabeformular */

#tx-srfeuserregister-pi1-fe_users_form{
    background-color:#ECECEC;
    padding:10px;
    }

.tx-srfeuserregister-pi1 legend{
    font-family:"HelveticaNeueW01-47LtCn 692686","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
    font-size:18px;
    border:none;
    }

.tx-srfeuserregister-pi1-submit{    
    background-color: #00ADEF;
    border: 0 none;
    color: #FFFFFF;
    height: 30px;
    width: 200px;
    }

/* ==|== iPhone =======================================================
   mobile styles.
   ========================================================================== */

@media (max-width: 480px) {

	.breadcrumb {display:none;}
	
	.header .container {
    	width: 100%;
  	}

	.multicolumnLayout1 .column {
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	
	.multicolumnLayout1 .columnItems {
		padding: 0;
	}
	
	.footer .container .row,
	.content .container .row {
		padding:0 20px;
	}
	
	.span3 {
		padding-top: 20px;
	}
	.social_networks {
		margin-top: 10px;
	}
	

	/* Nav */
	.metaNav .btn,
	.metaNav select {
		float: left;
	}
	
	.metaNav .tx-macinasearchbox-pi1:after {
		clear: both;
	}
	
	.metaNav select {
		margin:10px 0;
		width: 100%;
	}
	.nav {display:none;}

	ul.dropdown,
	ul.dropdown li {
		 float: none;
		 z-index: 1;
		 padding: 0;
	}
	ul.dropdown  {
		margin: 1em 0 2em;
	}
	ul.dropdown li a {
		background-color: #00AEEF;
		color: #FFFFFF;
		font-family: "HelveticaNeueW01-57Cn","Helvetica Neue",Helvetica,Arial,sans-serif;
		padding: 10px 13px 8px;
		display: block;
	}
	ul.dropdown li.first {
		border-left: 0 none;
	}
	ul.dropdown li {
		border-bottom: 1px solid #fff;
	}
	ul.dropdown li.active a {
		font-weight: bold;
	}
	ul.dropdown li.active li a {
		font-weight: normal;
	}
	ul.dropdown li.active a {
		font-weight: bold;
	}
	ul.dropdown ul {
		background: none repeat scroll 0 0 transparent;
		/*position: relative;
		visibility: visible;*/
		width: 100%;
		z-index: 1;
		display: none;
		-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	}
	
	.boxshadow ul.dropdown ul {
		background: none repeat scroll 0 0 transparent;
		-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	}
	
	ul.dropdown ul li {
		float: none;
		width: 100%;
    	padding: 0;
	}
	
	ul.dropdown ul li a {
		display: block;
		background-color: #696969;
    	line-height: 1em;
    	padding: 5px 0 5px 20px;
	}
	
	ul.dropdown ul li.spacer {
		display: none;
	}
	ul.dropdown li li.hover, 
	ul.dropdown li li:hover, 
	ul.dropdown li li.active {
		background: none repeat scroll 0 0 transparent;
	}
	
	.boxshadow ul.dropdown ul {
		border: 0 none;
	}
	
	ul.dropdown li.active ul {
		/*visibility: visible;*/
		display: block;
	}
	
	.footerNav01 ul {
		margin: 0;
	}
	.footerNav02 h5 {
		display: none;
	}
	
	/* Form */
	#uid271 form input {
		width: 200px;
	}
	
	/* Praesenzbibliothek */
	.bibo_table_search01 .field01 .bibo_input_search {
		width: 200px;
	}

	.bibo_table_search01 .field01, .bibo_table_search01 .field02 {
		float: none;
		width: 100%;
	}
	
	.bibo_table_search01 .field02 {
		float: none;
		width: 100%;
	}
	
	.bibo_table_search03 .field01, .bibo_table_search03 .field02, .bibo_table_search04 .field01, .bibo_table_search04 .field02 {
		float: none;
		width: 100%;
	}
	
	select.select_field_search, select.select_field_search_keywords {
		width: 215px;
	}
	
	.checkboxes input, 
	.checkboxes label {display:block;}
	
	.print_version {padding-bottom: 10px;}
	
	/* Spenden */
    #formhandler_contact_form .steps {
        padding-top: 10px;
    }

    #formhandler_contact_form .steps li {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        margin: 0 5px;
    }
	#formhandler_contact_form .zahlungsrhythmus,
	#formhandler_contact_form .geldbetrag,
	#formhandler_contact_form .daten,
	#formhandler_contact_form .kontakt,
	#formhandler_contact_form .warum .informationen,
	#formhandler_contact_form .warum .text,
	#formhandler_contact_form .send_form .csc-mailform-field,
	#formhandler_contact_form .send_form .senden{
		float: none;
		width: 95%;
		padding: 2.5%;
	}
    #formhandler_contact_form .geldbetrag {
        clear: left;
        padding-bottom: 0;
    }

    #formhandler_contact_form .senden input {
        margin-top: 2px;
    }
	
	#formhandler_contact_form select {
		width: 164px;
	}
	
	#formhandler_contact_form input, 
	#formhandler_contact_form textarea, 
	#formhandler_contact_form .uneditable-input {
		width: 150px;
	}
	
	#formhandler_contact_form .konto .csc-mailform-field label {
		width: 135px;
	}
	
	#formhandler_contact_form .konto .csc-mailform-field label, 
	#formhandler_contact_form .konto .csc-mailform-field input {
		float: left;
		width: 150px;
	}

    .geldbetrag label {
        margin-bottom: 5px;
    }
	
	.warum .informationen input, 
	.aber_jetzt .einverstanden input,
	.warum .informationen label, 
	.aber_jetzt .einverstanden label {
		display:block;
		float: none;
	}
	
	ul.dropdown_02 li.first a {
		background: url("../img/bgr_li_dropdown_02.png") no-repeat scroll right center transparent;
	}

}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
  
  .container, 
  .navbar-static-top .container, 
  .navbar-fixed-top .container, 
  .navbar-fixed-bottom .container,
  .header .container{
    padding: 0;
    width: 100%;
  }
  
  .metaNav,
  .mainNav,
  .breadcrumb,
  .container .span3,
  .footer,
  .print_version,
  .typo3-adminPanel {
  	display: none;
  }
  
  .container .span9 {
    width: 100%;
  }
  
  header a[href]:after { 
  	content: ""; 
  }
  	
  header { 
  	margin: 20px 0;
  	}
  
}