/* @import url(http://fonts.googleapis.com/css?family=Economica); */

html {
	height:100%;
	-webkit-font-smoothing: antialiased;
}

@-moz-document url-prefix() { 
	 .wf-loading body{
	  visibility: hidden !important;
	}
	 
	.wf-active body{
		visibility: visible !important;
	} 
}

body {
        background-color:#fff;
		background:#eee;
        text-align:left;
        height:100%;
        min-height:100%;
        padding:0;
        margin:0;
		font-size:14px;
		/* font-family: "Economica"; */
}

body div.logoPrint{display: none;}

header,
footer,
article,
section,
nav,
figure,
address,
hgroup,
abbr,
figcaption,
aside {
        display:block;
        padding:0;
        margin:0;
}

abbr {border:0;}

address {font-style:normal;}

a {
	text-decoration:none;
	outline:none;
	cursor:pointer;
}

a:hover{text-decoration:none;}
.align-center{
	text-align: center;
}
p {
        padding:0 0 0px;
        margin:0;
}

p img { margin:0px 0 14px 0;}

hr {
    background: url("../images/sprite.png") no-repeat scroll center -142px transparent;
    border: 0 none;
    height: 35px;
	margin-top: 35px;
}

table {
        border-collapse:collapse;
        padding:0;
        margin:0;
		width: 100%;
}

td,
th,
tr {
        padding:0;
        margin:0;
}

ol,
ul,
li,
dl,
dt,
dd {
        padding:0;
        margin:0;
}

ol,
ul {
        list-style-position:inside;
}

img {
        border:0;
        padding:0;
}

a img {
        border:0;
        display:block;
}

.fullwidth {
        display:block;
        min-width:100%;
        max-width:100%;
}

.maxwidth {
        display:block;
        max-width:100%;
}

img.fullwidth {
        image-rendering:optimizeQuality;
        -ms-interpolation-mode:bicubic;
}

div        {
        text-align:left;
        padding:0;
        margin:0;
}

blockquote,
code,
input,
textarea {
        padding:0;
        margin:0;
}

object,
video,
audio,
embed,
canvas,
iframe {display:block;}

.logout { margin-top: -34px;}

form {
        border:0;
        padding:0;
        margin:0;
}

fieldset {
        border:0;
        padding:0;
        margin:0;
}

label {
        display:block;
        padding:0;
        margin:0;
}

input {
        border:1px solid silver;
        background:none;
        outline:none;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

textarea {
        border:0;
        background:none;
        overflow:hidden;
        outline:none;
        resize:none;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

select,
option {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        padding:0;
        margin:11px 0 16px;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration:none; font-style:inherit;}

#page {
        width:100%;
        height:auto;
        margin:0 auto;
        overflow:hidden;
        position:relative;
}

/**************** FONTS ******************/

h1 {	
	color:#e2001a;    
	font-family: "futura-pt-condensed", "Economica";
    font-size: 36px;
	font-weight: 500;
}

div.top_inner p {	    
	font-family: "futura-pt";
    font-size: 18px;
	font-weight: 300;
}

div.top_inner h6 {	    
    color: #000000;
    font-family: "futura-pt-condensed", "Economica";
    font-size: 21px;
    font-weight: 500;
    line-height: 31px;
	margin: 0;
    padding: 20px;
}

#footer a {
	color: #000;
	font-weight: 300;
}

#footer a:hover {
	text-decoration: underline;
}

#footer div.teaser-title a {
    font-family: "futura-pt-condensed", "Economica";
    font-size: 21px;
    font-weight: 500;
}

.footer_inner {
	font-size: 17px;
}
/* .teaser-text {font-size: 0.9em} */

/* -------------------------------------------------------------------------------- Header */

#header {   
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px 0 #888;
	-webkit-box-shadow: 0px 0px 4px 0px #888; 
    min-height: 130px;
    position: relative;
    z-index: 100000; 
}

.header {
        width:960px;
        margin:0 auto;
        position:relative;
}

.logo {
    display: block;
    float: left;
    position: relative;
    top: 35px;
    width: 203px;
	height: 88px;
	
}

span.linkLogo {
    background: url("../images/icn_all.png") no-repeat scroll 0 -270px transparent;
    display: block;
    height: 88px;
    width: 162px;
}

span.linkLogo.en {
    background: url("../images/icn_all.png") no-repeat scroll -162px -270px transparent;
    display: block;
    height: 88px;
    width: 162px;
}



/******************************************** LOGIN */

.login legend span {
    background: url("../images/sprite.png") no-repeat scroll -412px -39px transparent;
    padding: 7px 20px 0 16px;
	
}



.login {
	background: #e1001a; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1001a 0%, #cf0119 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1001a), color-stop(100%,#cf0119)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1001a 0%,#cf0119 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1001a', endColorstr='#cf0119',GradientType=0 );  IE6-9 */
	-moz-box-shadow:    inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px #fff;
	box-shadow:         inset 0 0 1px #fff;
	border: 1px solid #930c16;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
	width: 80px;
	text-align: left;
	line-height: 34px;
    margin: 35px 0 0 0;
	float: right;
    height: 36px;
	cursor: pointer;
	font-size: 15px;
	font-family: "futura-pt-condensed","Economica";
    font-size: 19px;
}

.login:hover {
    background: #ca0017; /* Old browsers */
	background: -moz-linear-gradient(top,  #ca0017 0%, #bb0116 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca0017), color-stop(100%,#bb0116)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ca0017 0%,#bb0116 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0017', endColorstr='#bb0116',GradientType=0 );  IE6-9 */
}


.login .loginform {
    position: relative;
    padding: 25px;
    background: #fefefe;
    border: #ccc solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px 0px #ccc;
    box-shadow: 0px 0px 3px 0px #ccc;
    width: 245px;
    margin: 16px 89px 0 -215px;
    color: #000;
	display: none;
	font-size: 14px;
}

.loginform:before {
    border-color: #eee transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    top: -10px;
    content: "";
    display: block;
    left: 242px;
    position: absolute;
    width: 0;
    z-index: 1;
}

.loginform:after {
    border-color: #FEFEFE transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    top: -9px;
    content: "";
    display: block;
    left: 242px;
    position: absolute;
    width: 0;
    z-index: 1;
}

.tx-cart input[type="text"], .tx-cart input[type="email"] {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #000;
    display: inline-block;
    font-weight: nomal;
    margin: 0;  
	padding: 10px;
	max-width: 100%;
	background: #fff;
}




.loginform input, .logout input{
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: nomal;

    margin: 0;  
	padding: 10px;
}

.tx-felogin-pi1 fieldset {
    border: 0 none;
    font-family: futura-pt;
    margin: 0;
    padding: 0;
} 

.submit_forgot input {
	font-family: "futura-pt-condensed","Economica";
	font-size: 19px;
	border: 0;
	color: #fff;
	padding: 4px 0;
}

.loginform input[type="submit"] { 
	font-family: "futura-pt-condensed","Economica";
	font-size: 19px;
	margin-top: 20px; 
	margin-right: 20px; 
	cursor: pointer;
	padding: 5px 10px;
	background: none repeat scroll 0 0 #E12A37;
	border:1px solid rgba(255, 255, 255, .1);
	background-image:(../images/nav_a_hover_bg.png) 0 -50px repeat-x;
    background: #e1001a; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1001a 0%, #cf0119 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1001a), color-stop(100%,#cf0119)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1001a 0%,#cf0119 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1001a', endColorstr='#cf0119',GradientType=0 );  IE6-9 */
	-moz-box-shadow:    inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px #fff;
	box-shadow:         inset 0 0 1px #fff;
	border: 1px solid #930c16;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.loginform input[type="submit"]:hover {
	background: #ca0017; /* Old browsers */
	background: -moz-linear-gradient(top,  #ca0017 0%, #bb0116 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca0017), color-stop(100%,#bb0116)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ca0017 0%,#bb0116 100%); /* W3C */
}

input[type="submit"] {cursor: pointer;  }

.log_label a { color: #e1001a !important; font-size: 16px; }

.loginform input[type="text"],.loginform input[type="password"] { width: 250px;}

.login legend a {color: #fff}

.tx-felogin-pi1 {font-size: 1.2em;}
.tx-felogin-pi1 h3 { display: none;}
.tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] { 
	padding: 8px 6px;
	color: #333333 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

.header form[action="verband/mitglieder-login/?tx_felogin_pi1%5Bforgot%5D=1"] { visibility: hidden;}
.title { 
    font-size: 1.2em;
}

#header nav {
    float: left;
    margin-top: 37px;
    position: relative;
}


/* -------------------------------------------------------------------------------- Navigation */

.resp_navigation {display:none;}

.resp_navigation.absolute {
	position: absolute;
	z-index: 1;
}

#navigation,
#navigation ul {
        list-style:none;
        padding:0;
        margin:0;
}

#navigation:after {clear:both;}

#navigation {
    display: inline-block;
    height: 41px;
    z-index: 202;
        zoom:1;
}

#navigation li {
        float:left;
        position:relative;
        z-index:203;
}

#navigation a {
	line-height:18px;
	text-decoration:none;
	display:block;
	z-index:204;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;	
}

#navigation > li > a {
        text-align:center;
        height:19px;
        padding:8px 12px;
        -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
		font-family: "futura-pt-condensed", "Economica";
		font-size: 21px;
}

#navigation li:hover {z-index:10000;}

#navigation > li.current_page_item > a,
#navigation > li:hover > a {
        background-position:0 0;
        background-repeat:repeat-x;
		color: #000;
}

#navigation ul {
        border:1px solid #ccc;
        background-color:#fff;
		padding: 5px 0;
        margin:20px 0 0;
        visibility:hidden;
        position:absolute;
        left:-20px;
        z-index:9999;
		-webkit-box-shadow: 0px 0px 3px 0px #ccc;
		box-shadow: 0px 0px 3px 0px #ccc; 
		-webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
		z-index: 10000;
		font-family: "futura-pt";
		font-size: 16px;
}


#navigation ul a{
/* 		font-family: "futura-pt";
		font-size: 14px; */
		font-weight: 300;
}

#navigation ul a:hover{
		text-decoration: underline;
}

#navigation ul:before{
    background: none repeat scroll 0 0 transparent;
    border-color: #CCCCCC transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    top: -10px;
    width: 0;
}

#navigation ul:after{
    background: none repeat scroll 0 0 transparent;
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    content: "";
    display: block;
    left: 51px;
    position: absolute;
    top: -9px;
    width: 0;
}

#navigation li:hover > ul {
        margin:0;
        visibility:visible;
        opacity:1;
}

#navigation ul ul {
        margin:0 0 0 20px;
        left:260px;
        top:-3px;
		padding: 2px 0;
        -webkit-border-radius:0 4px 4px 0 ;
        -moz-border-radius:0 4px 4px 0 ;
        border-radius:0 4px 4px 0 ;
		z-index: 100;
}

#navigation ul ul:before , #navigation ul ul:after{
        border: 0 none;
}

#navigation ul li {
        display:block;
        width:260px;
        float:none;
        padding:0;
		
}

#navigation ul li a {
        border-top:0px solid #808080;
        border-bottom:1px solid #eee;
		border-left: 3px solid #fff;
        display:block;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
		color: #000;
}

#navigation ul ul li a {
		border-left: 0px solid #fff;
}

#navigation ul li:first-child > a {border-top:0;}

#navigation ul li:last-child > a {border-bottom:0;}

#navigation ul li:hover > a,
#navigation ul li.current_page_item > a {
        border-left:3px solid #e10019;
		text-decoration: underline;
}

#navigation ul ul li:hover > a,
#navigation ul ul li.current_page_item > a {
        border-left:0px solid #e10019;
}

#navigation ul li a span {
        /* background-image:url(../images/dropdown_span_bg.png); */
        background-repeat:no-repeat;
        background-position:10px 15px;
        display:block;
        padding: 8px 10px 8px 25px;
}

#navigation ul li:hover > a span,
#navigation ul li.current_page_item > a span {
       /*  border-top:1px solid rgba(255, 255, 255, 0.3);
        background-image:url(../images/dropdown_span_bg.png); 
        background-repeat:no-repeat;
        background-position:21px 14px;*/
/*         padding: 6px 10px 6px 25px; */
}

#navigation ul > li > a:hover,
#navigation ul li:hover ul li a:hover {
        /* background-image:url(../images/dropdown_a_bg.png); */
        background-repeat:repeat-x;
}

#navigation ul ul li:first-child > a:before {border:0;}

#navigation  a.current_page_item {color: #000;}


/* -------------------------------------------------------------------------------- twitter etc */

.sprachauswahl, .suche , .twitter { 
    border-radius: 0 0 5px 5px;
    margin: 0 0 0 15px;
	-webkit-box-shadow: 0px 0px 2px 0px #CCCCCC;
	box-shadow: 0px 0px 2px 0px #CCCCCC; 
	float: right;
	}

.sprachauswahl:hover, .suche:hover , .twitter:hover { 
		background: #f1f0f0;
	}
	
/* -------------------------------------------------------------------------------- Sprachauswahl */

.sprachauswahl {
	padding: 7px 10px;
}

.sprachauswahl ul li{
	float: left;
	list-style: none;
	padding-top: 3px;
}

.sprachauswahl ul li.langActive  { display: none;}

.germanIcon {
    background: url("../images/icn_all.png") no-repeat scroll -142px -254px transparent;
    display: block;
    height: 12px;
    width: 15px;
}

.englishIcon  {
    background: url("../images/icn_all.png") no-repeat scroll -163px -254px transparent;
    display: block;
    height: 12px;
    width: 15px;
}

/* -------------------------------------------------------------------------------- Suche */

.suche {
	position: relative;
	padding: 6px 10px;
}

.suche input{
	border: 0;
}

.tx-indexedsearch-rules {display: none;}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background: none repeat scroll 0 0 #EEEEEE;
    display: none;
}

.searchboxIcon[type="submit"] {
    background: url("../images/icn_all.png") no-repeat scroll -19px -252px transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 17px;
    margin: 1px 0 0;
    width: 19px;
    
}


.suche .switch {
    padding: 10px;
    background: #fefefe;
    border: #ccc solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px 0px #ccc;
    box-shadow: 0px 0px 3px 0px #ccc;
    position: absolute;
    width: 180px;
    margin: 16px 89px 0 -10px;
    color: #000;
	display: none;
	font-size: 14px;
	z-index: 10000;
}

.switch:before {
    border-color: #eee transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    top: -10px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    width: 0;
    z-index: 1;
}

.switch:after {
    border-color: #FEFEFE transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    top: -9px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    width: 0;
    z-index: 1;
}


.switch .rightArrow {
    background: transparent url("../images/icn_all.png") no-repeat scroll -98px -229px;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 12px;
}

/* -------------------------------------------------------------------------------- Twitter */

.twitter {
	position: relative;
	padding: 4px 10px;
}

.twitter:hover {
	background: #f1f0f0;
}

span.iconTwitter {
    background: url("../images/icn_all.png") no-repeat scroll -3px -252px transparent;
    display: block;
    float: left;
    height: 16px;
    margin: 3px;
    width: 19px;
}

span.textTwitter {
    color: #333333;
    position: relative;
    top: 2px;
}


/* -------------------------------------------------------------------------------- Buttons Startseite */


.buttons { 
	height: 120px;
	margin: -96px auto 40px auto; 
	width: 800px;
	position: relative;
	z-index: 2000;
	}

.button-link{
	height: 120px;
	width: 200px;
	float: left;
}

.button-text-after{
    background: none repeat scroll 0 0 transparent;
    border-color: rgba(0, 0, 0, 0.7) transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    content: "";
    display: block;
    left: 70px;
    position: relative;
    width: 0;
	height: 0px;
}

.button-text{
}

.button-text a {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 3px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	width: 150px;
	text-align: center;
	z-index: 2;
	position: relative;
	font-family: "futura-pt-condensed", "Economica";
    font-size: 21px;
		-webkit-transition:margin 0.3s ease-in-out;
        -moz-transition:margin 0.3s ease-in-out;
        -o-transition:margin 0.3s ease-in-out;
        -ms-transition:margin 0.3s ease-in-out;
        transition:margin 0.3s ease-in-out;
}	
.button-link:hover .button-text a {
	background-color: rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 4px 0 #000;
	box-shadow: 0px 0px 4px 0 #000;
	color: #fff;
	margin-top: -10px;
} 

.button-link:hover .button-text-after {
	border-color: rgba(0, 0, 0, 1) transparent;
} 
.button-image {
    margin-left: 30px;
    opacity: 0.7;
		-webkit-transition:padding 0.3s ease-in-out;
        -moz-transition:padding 0.3s ease-in-out;
        -o-transition:padding 0.3s ease-in-out;
        -ms-transition:padding 0.3s ease-in-out;
        transition:padding 0.3s ease-in-out;
}

.button-link:hover .button-image {
	opacity: 1;
	padding-top: 10px;
}




/* -------------------------------------------------------------------------------- Mitglieder */

.mitglieder {
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	border: 1px solid #ccc;
	font-family: "futura-pt-condensed", "Economica";
    font-size: 19px;
	margin: 0 20px 20px;
}

/* .mitglieder-image, */ .mitglieder-text, .mitglieder-link {
    display:inline-block;
    text-align: center;
    width: 120px;
}


/* .mitglieder-image {
	display:table-cell;
	vertical-align:middle;
} */

.mitglieder-image {
 padding:5px;
 display:inline-block;
 vertical-align:middle;
}

.mitglieder-image img{
	display:table-cell;
	vertical-align:middle;
	margin: auto 0;
}

.mitglieder-text {
    text-align: left;
    width: 120px;
	margin-top: 38px;
}

.mitglieder-link {
	float: right;
	width: 150px;
	font-weight: normal;
	position: relative;
	top: 32px;
	padding: 3px;
}
.clearer {
	clear: both;
}

html, body  {
 height: 100%;
}


body:after  {
 content:"";
 display:inline-block;
 height:50%; 
}
 


/* -------------------------------------------------------------------------------- Top */

.container  {
        margin:0 auto ;
        position:relative;
        clear:both;
}

.wrapper_top {
        margin:0 auto;
        overflow:hidden;
        position:relative;
        clear:both;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.top {
	background:url(../images/bg_content1.jpg) repeat;
	box-shadow: 0 0 4px 0 #888;
	-webkit-box-shadow: 0px 0px 4px 0px #888; 
	position: relative;
    margin-top: -70px;
	z-index:1;
	padding: 70px 0 0 0;
}

 

.top_inner , .middle_inner ,.teaser_inner{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

.mitglieder_inner{
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 40px;
}

div.teaser_inner .teaser-title, div.teaser_inner .teaser-text, div.teaser_inner .teaser-image {
	text-align: center;
}

div.teaser_inner .teaser-image { height: 85px;}
div.teaser_inner .teaser-image a img {
    border: 0 none;
    display: inline;
}

div.teaser-title {font-size: 21px; margin: 10px 0 10px 0;}

.stage_inner {
	padding: 0;
	width: 100%;
	margin: 0 auto;
}

.stage {
	
	 /*background:url(../images/bg_stage.jpg_) repeat;height: 432px; */
	background: #efeeee;
}


#top {
        margin:2%;
        position:relative;
        z-index:2;
}


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Additional Resets */
.slides li,
.flex-control-nav li,
.flex-direction-nav li { margin: 0; list-style-type: none; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; width: 100%; height: auto; } /* JOSE */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height: auto; /* display: block; */} /* JOSE */
.flex-pauseplay span {text-transform: capitalize;}

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

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {/* background: #fff; */ border: none; position: relative; zoom: 1; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav {*height: 0; padding: 2em; position: relative; margin-top: -100px; z-index: 1} /*fix for IE 7 */ /*JOSE*/
.flex-direction-nav li a {width: 26px; height: 26px; margin: -13px 0 0; display: block; background: url(/fileadmin/templates/images/widget_nav.png) no-repeat 0 0; position: absolute; cursor: pointer; text-indent: -9999px; opacity: 0.8; filter:alpha(opacity=80); }
.flex-direction-nav li a:hover  { opacity: 1; filter:alpha(opacity=100); }
.flex-direction-nav li .next {right: 10px;}
.flex-direction-nav li .prev {left: 10px; background-position: 0 -30px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {    
    clear: both;
    height: 20px;
    margin: 10px 0 0;
    padding: 10px;
    position: relative;
    text-align: center;
	z-index: 10;
	position: relative;
	width: 50%;
	margin: 0 auto;
    }
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../Images/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* .flexSubTitle { font-size: 40px;line-height: 38px;}
.flexTitle { font-size: 18px; font-weight: 300;}

.flex-caption {    
	color: #fff;
	line-height: 120%;
	left: 10%;
    line-height: 18px;
    margin: 0;
    padding: 2%;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    top: 20%;
	background: none;
    width: 96%;
	font-family: "futura-pt-condensed", "Economica";
} */



.flexTitle {
font-size: 30px;
font-weight: 300;
}

.flexSubTitle {
font-size: 48px;
line-height: 48px;
font-weight: 500;

}

.flex-caption {
color: #fff;
line-height: 120%;
left: 19%;
line-height: 18px;
margin: 0;
padding: 2% 0;
position: absolute;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
top: 50px;
background: none;
font-family: "futura-pt-condensed", "Economica";
}
/* -------------------------------------------------------------------------------- Middle, Mitglieder, Teaser */

#middle, #mitglieder {
        background: #efeeee;
        margin:0 auto;
        position:relative;
}

#teaser {
	background: #fff; clear:both; 
	height: auto; 	
	box-shadow: 0 0 4px 0 #888;
	-webkit-box-shadow: 0px 0px 4px 0px #888; 
	z-index: 1;
	position: relative;
	padding: 20px 10px;
}

/* -------------------------------------------------------------------------------- DIV Breiten */


.one_first {
        width:100%;
        padding-bottom:20px;
}

.one_half {
        width:48%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.one_half.last {
        width:48%;
        float:right;
        padding-right:0;
}

.one_third {
        width:30.6%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.one_third.last {
        width:30.6%;
        float:right;
        padding-right:0;
}

.two_third {
        width:65.2%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.two_third.last {
        width:65.2%;
        float:right;
        padding-right:0;
}

.one_fourth {
    float: left;
    padding-bottom: 18px;
    padding-right: 1%;
    width: 24%;
}

.one_fourth.last {
        width:22%;
        float:right;
        padding-right:0;
}

.two_fourth {
        width:50%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.two_fourth.last {
	padding-right:0;
	width:50%;
}

.three_fourth {
        width:74%;
        float:left;
        padding-bottom:18px;
        padding-right:4%;
}

.three_fourth.last {
        width:74%;
        float:right;
        padding-right:0;
}

.one_half+.one_half,
.one_third+.two_third,
.two_third+.one_third,
.one_third+.one_third+.one_third,
.one_fourth+.one_fourth+.one_half,
.one_fourth+.one_half+.one_fourth,
.one_half+.one_fourth+.one_fourth,
.one_fourth+.three_fourth,
.three_fourth+.one_fourth,
.one_fourth+.one_fourth+.one_fourth+.one_fourth {
        float:right;
        padding-right:0;
}


/* -------------------------------------------------------------------------------- Content */

.content_wrap {
        background-color:#ffffff;
        background-image:url(../images/cont_bg.png);
        background-repeat:repeat-y;
        background-position:68% 0;
        padding:0 3%;
        overflow:hidden;
        position:relative;
        -webkit-border-radius:0 0 5px 5px;
        -moz-border-radius:0 0 5px 5px;
        border-radius:0 0 5px 5px;
}

.content_wrap.left_sidebar {background-position:32% 0;}

.content_wrap.left_sidebar #content {
        float:right;
    padding-left:3.5%;
    padding-right:0;
}

#content {
    width:64.5%;
    float:left;
    padding:40px 3.5% 40px 0;
    position:relative;
}


/* -------------------------------------------------------------------------------- Bottom */

.bottom_inner {
        line-height:18px;
        width:940px;
        margin:0 auto;
        overflow:hidden;
        position:relative;
        text-shadow:1px 1px 0 rgba(0, 0, 0, 0.12);
}

/* -------------------------------------------------------------------------------- Footer */

#footer {
        background-color:#e2001a;
        width:100%;
}

#footer .footer_inner {
    color: #FFFFFF;
    height: 20px;
    margin: 0 auto;
    padding: 20px 0;
    width: 940px;
}

#footer .footer_inner  a {color: #fff;}

#footer .footer_inner ul {float: right;}

#footer .footer_inner ul li{float: left; list-style: none; padding: 0 15px; border-right: 1px solid #fff; font-size: 0.9em;line-height: 1.2em;}
#footer .footer_inner ul li:last-child {border: 0;}

#copyright {float: left; color: #fff;font-size: 0.9em;}

#footer p {padding:0;}


/* -------------------------------------------------------------------------------- Shortcodes */

.alignleft {
        float:left;
        margin:0 20px 15px 0;
}

.alignright {
        float:right;
        margin:0 0 15px 20px;
}

.aligncenter {margin:0 auto; text-align:center;}

.nopadding {padding:0;}

.divider {
        background:url(../images/divider.png) repeat-x left top;
        padding-bottom:20px;
        margin-top:18px;
}

q,
blockquote {
        font-size:20px;
        line-height:30px;
        font-style:italic;
        color:#565656;
        float:left;
        padding:0 0 0 32px;
        margin:0;
        position:relative;
        vertical-align:baseline;
}

q:before,
blockquote:before {
        content:'\201C';
        font-size:28px;
        line-height:1em;
        display:block;
    padding:0;
        position:absolute;
        top:6px;
        left:0;
}

q:after,
blockquote:after {clear:both;}

code {
        border-top:3px solid #1bb9ed;
        background:#fcfcfc;
        display:block;
        padding:15px 20px;
        position:relative;
}

code:after {clear:both;}

.accordion {
        margin-bottom:18px;
        overflow:hidden;
        position:relative;
}

/* -------------------------------------------------------------------------------- Buttons */

.button,
.button_medium,
.button_large {
        border:1px solid #cccccc;
        color:#454545;
        line-height:28px;
        font-weight:500;
        text-decoration:none;
        text-align:center;
        display:inline-block;
        height:30px;
        margin:0 0 5px;
        overflow:hidden;
        position:relative;
        text-shadow:0 1px 0 #ffffff;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        -webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
        box-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition:background-position 0.3s ease-in-out;
        -moz-transition:background-position 0.3s ease-in-out;
        -o-transition:background-position 0.3s ease-in-out;
        -ms-transition:background-position 0.3s ease-in-out;
        transition:background-position 0.3s ease-in-out;
}

.button {background:url(../images/but_grad_bg.png) 0 0 repeat-x;}

.button_medium {
        background:url(../images/but_medium_grad_bg.png) 0 0 repeat-x;
        font-size:16px;
        line-height:40px;
        height:40px;
}

.button_large {
        background:url(../images/but_large_grad_bg.png) 0 0 repeat-x;
        font-size:30px;
        line-height:46px;
        font-weight:300;
        height:50px;
}

.button:hover,
.button.current {background-position:0 -31px;}

.button_medium:hover,
.button_medium.current {background-position:0 -41px;}

.button_large:hover,
.button_large.current {background-position:0 -51px;}

.button span,
.button_medium span,
.button_large span {
        border-top:1px solid #ffffff;
        border-left:1px solid #ffffff;
        display:block;
        padding:0 15px;
        position:relative;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
}

.button_medium span {padding:0 17px;}

.button_large span {padding:0 20px;}

.box {margin:0 0 18px;}


/* -------------------------------------------------------------------------------- tt_news */

.news-latest-container {
    padding: 10px 0;
}

.news-link a{
	color: #e12a37 !important;
}

.news-latest-container a {color: #000;}

.news-latest-item {width: 48%; float: left;}

.news-latest-item:first-child {margin: 0 4% 0 0;}

.news-single-item h1 { }

.news-single-item h2 { font-size: 2em; }

.latestTextWrapper {
	padding: 10px;
}

.latestTextWrapper p{
	font-size:16px; font-weight:300;
}

.latestDateWrapper {
	margin: 13px 0 0 0;
	font-size: 0.9em;
	text-transform: uppercase;
}

.bubble
{
	position: relative;
	padding: 25px;
	background: #fefefe;
	border: #ccc solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 0px #ccc;
	box-shadow: 0px 0px 3px 0px #ccc; 
}

.bubble:after
{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 17px;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #fefefe transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.bubble:before
{
	content: "";
	position: absolute;
	bottom: -11px;
	left: 17px;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #ccc transparent;
	display: block;
	width: 0;
	z-index: 0;
}


span.news-latest-date {
	margin: 15px;
	float: left;
}

span.latestDateIcon  {
	width: 55px;
	height: 55px;
	background: url("../images/sprite.png") no-repeat scroll -162px -37px #fbfbfb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	float: left;
	border: 1px solid #ccc;
}


/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */

@media only screen and (min-width: 1440px) {

        #top_sidebar {padding:30px 40px 0;}

        .top_sidebar_divider {margin:0 -40px;}

        .content_wrap {padding:0 40px;}

        #middle_content {padding:40px 40px 30px;}

        .middle_sidebar {
                padding:30px 40px;
                margin:0 -40px;
        }

        .cont_nav {
                margin:0 -40px;
                padding:10px 40px;
        }

        .bottom_inner,
        .footer_inner,
        .wrap_top {width:960px;}

}


/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 768px) and (max-width: 961px) {
		.top_inner , .middle_inner {width: 80%; padding: 20px;}
        .responsiveSlider {font-size:65%;}
		.buttons {display: none;}
		
		.mitglieder_inner{
			width: 96%;
			margin: 0 2%;
			padding: 50px 0;
		}

		.mitglieder-text {
			display: none;
		}
		
		.flex-caption {    
			line-height: 120%;
			left: 5px;
			line-height: 18px;
			margin: 0;
			padding: 2%;
		}
		
        input[type="text"],
        textarea {width:93%;}

        #bottom .cmsms-form-builder input[type="text"],
        #bottom .cmsms-form-builder textarea {width:87%;}

        .logo {left:5%;}

        .comment-body .ovh {overflow:visible;}

        .commentlist .published {
                float:left;
                margin-left:0;
        }

}


/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */

@media only screen and (min-width: 541px) and (max-width: 767px) {

		.flex-caption {    
			line-height: 120%;
			left: 5px;
			line-height: 18px;
			margin: 0;
			padding: 2%;
		}
.buttons {display: none;}
        .one_fourth,
        .one_fourth+.one_fourth+.one_fourth,
        .portfolio_container.four_blocks .portfolio:nth-child(odd),
        .format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd),
        .post_type_shortcode.four_blocks article:nth-child(odd),
        .cms_archive li:nth-child(odd),
        .sitemap > li > ul > li:nth-child(odd),
        .project.four_blocks .resize .cmsms_media_box:nth-child(odd) {
                width:46%;
                float:left;
                padding-left:0;
                padding-right:4%;
        }

        .one_fourth.last,
        .one_fourth+.one_fourth,
        .one_fourth+.one_fourth+.one_fourth+.one_fourth {
                width:46%;
                float:right;
                padding-left:0;
                padding-right:0;
        }

        .portfolio_container.four_blocks .portfolio:nth-child(even) {padding-right:4%;}

        .post_type_shortcode.four_blocks {margin-right:0;}

        .one_fourth+.one_fourth+.one_fourth {clear:both;}

        .one_fourth+.one_fourth+.one_fourth+.one_fourth {clear:none;}

}


@media only screen and (max-width: 640px) {
		.mitglieder{
			display: none;
		}
		
				.flex-caption {    
			line-height: 120%;
			left: 5px;
			line-height: 18px;
			margin: 0;
			padding: 2%;
		}
}

/* ---------- Mobile (Note: Design for a width more than 400 less than 541px) ---------- */

@media only screen and (min-width: 400px) and (max-width: 540px) {

.buttons {display: none;}
        #page,
        #footer {min-width:240px;}

        #header nav {
                text-align:left;
                margin:30px 0;
                position:relative;
                top:auto;
                right:auto;
        }

        .container {padding-bottom:20px;}
		
		.mitglieder .mitglieder-image {display: none;}

}


/* ---------- Medium Monitor (Note: Design for a width less than 1440px) ---------- */

@media only screen and (max-width: 1439px) {

        .header{width:960px;}

        .footer_inner,
        .bottom_inner,
        .wrap_top {width:940px;}

        .tabs li a.current {margin-top:1px;}

        .tabs li {height:48px;}

        .tour li.current span {top:6px;}

}


/* ---------- Small Monitor (Note: Design for a width less than 1152px) ---------- */

@media only screen and (max-width: 1151px) {
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {word-wrap:break-word;}
		
		.flex-caption {
			top: 10px;
		} 
}


/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1023px) {

        .header,
        .wrapper_top,
        .social_block {
                width:90%;
                margin:0 5%;
        }
		

        #middle {margin-bottom:35px;}

        #navigation ul {
                padding:5px 0;
                top:41px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
        }

        #navigation ul:before {content:none;}

        #navigation ul ul {top:-5px;}

        #navigation > li > a {min-width:60px;}

        #navigation a {
                font-weight:normal;
                min-width:50px;
        }

        #navigation ul ul {left:143px;}

        #navigation ul li {width:140px;}

        #navigation ul li a {margin:0 5px;}

        #navigation ul li a span {
                background:none;
                padding:9px 5px;
        }

        #navigation ul li:hover > a span,
        #navigation ul li.current_page_item > a span {
                background:none;
                padding:8px 12px 9px 11px;
        }

        .responsiveSlider {width:99.7%;}

        .footer_inner,
        .bottom_inner,
        .wrap_top {
                width:85%;
                margin:0 auto;
        }

        .wrapper_top {margin-bottom:30px;}

        .one_half,
        .one_half.last,
        .one_third,
        .one_third.last,
        .two_third,
        .two_third.last,
        .one_fourth,
        .one_fourth.last,
        .three_fourth,
        .three_fourth.last {padding-bottom:36px;}
		
		.login {display: none;}
		
		#header nav {
			float: right;
			margin-top: 37px;
		}

}

/* @media only screen and (max-width: 979px) {
        .header {
                margin: 0 auto;
        }
} */

/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 767px) {

		.flex-caption {
			top: 10px;
		} 

		.mitglieder .mitglieder-image:nth-of-type(2), .mitglieder .mitglieder-image:nth-of-type(3), .mitglieder .mitglieder-image:nth-of-type(4){
			display: none;
		}
		
		.mitglieder-image{
			float: left;
			text-align: center;
			width:33%;
		}
		
		.top_inner, .middle_inner, .teaser_inner {
			margin: 0 auto;
			padding: 5%;
			width: 90%;
		}
		
		.twitter {
			display: none;
		}
		
		.top {
			margin-top: 0;
			padding: 0;
		}
				
		.buttons {display: none;}
        .search_line input[type="text"] {width:85%;}

        .error h1 {font-size:17em;}

        .comment-body .cmsms-edit {float:none;}

        .tabs li a.current {margin-top:1px;}

        .responsiveSlider {width:99.6%;}

        .cmsms_slider_timer {display:none;}

        #top ul.cmsms_slides_nav {padding:2% 0 0;}

        #top .cmsms_prev_slide,
        #top .cmsms_next_slide {bottom:-5px;}

        .content_wrap {background-image:none;}

        .footer_inner span {
                display:block;
                clear:both;
        }

        .footer_inner .fl,
        .footer_inner .social_list {
                display:inline-block;
                float:none;
        }

        #footer p {padding-bottom:20px;}

        #content,
        #sidebar {
                width:100%;
                float:none;
                padding:20px 0;
        }

        #content  {
                background:url(../images/divider.png) repeat-x left bottom;
                margin-bottom:50px;
                overflow:hidden;
        }

        .portfolio_container.three_blocks,
        .portfolio_container.one_blocks {margin-right:0;}

        .one_half,
        .one_half.last,
        .one_third,
        .one_third.last,
        .two_third,
        .two_third.last,
        .three_fourth,
        .three_fourth.last,
        .three_fourth+.one_fourth,
        .one_fourth+.one_half+.one_fourth     {
                width:100%;
                float:none;
                padding-right:0;
        }

        .header {text-align:center;}

        #navigation a {text-align:left;}

        #navigation > li > a {
                text-align:center;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
        }

/*         .logo {
                margin:35px auto 0;
                position:relative;
                left:auto;
                top:auto;
        } */

        #navigation {
                margin-top:30px;
                margin-right:0;
                margin-bottom:30px;
        }

        #header nav {
                margin-top:6px;
                position:relative;
                top:auto;
                right:auto;
        }

        .footer_inner,
        .footer_inner .fr {text-align:center;}

}

@media only screen and (max-width: 542px) {

		.mitglieder .mitglieder-image {display: none;}

        .header {
                margin:0 auto;
                width:100%;
        }

        .comment-body .cmsms-edit {float:none;}

        .error .search_line {width:60%;}

        .error h1 {font-size:11em;}

        .responsiveSlider {width:99.5%;}

        .one_fourth,
        .one_fourth.last,
        .one_fourth+.one_fourth,
        .one_fourth+.one_fourth+.one_fourth,
        .one_fourth+.one_fourth+.one_fourth+.one_fourth,
        .portfolio_container.two_blocks .portfolio {
                width:100%;
                float:none;
                padding-right:0;
        }

        input[type="text"],
        textarea{width:90%;}

        .search_line input[type="text"] {width:85%;}

}
/* ---------- Mobile (Note: Design for a width less than 900px) ---------- */

@media only screen and (max-width: 900px) {
		
		
		div.top_inner p {	    
			margin: 10px 20px;
		}
		
		div.top_inner hr {height: 0;}
		
		#footer .footer_inner ul{ float: left; margin:20px 20px 20px 5px;}
		
		#copyright {margin-left: 20px;}
		
			.logo {
				display: block;
				float: left;
				position: relative;
				top: 35px;
				width: 203px;
				height: 100px;
				left: 15px;
			}

			span.linkLogo {
				background: url("../images/icn_all.png") no-repeat scroll 0 -362px transparent;
				display: block;
				height: 88px;
				width: 162px;
			}
			
			.sprachauswahl, .twitter {
				border-radius: 5px;
				box-shadow: 0 0 2px 0 #CCCCCC;
				float: right;
			}
			
			.sprachauswahl {
				padding: 12px 16px;
				margin: 54px 90px 0 15px;
			}
			
			.twitter {
				margin: 54px 5px 0 15px;
				padding: 8px 12px;
			}
			
			span.iconTwitter {
				background: url("../images/icn_all.png") no-repeat scroll -3px -252px transparent;
				display: block;
				float: left;
				height: 16px;
				margin: 3px;
				width: 19px;
			}

			span.textTwitter {
				display: none;;
			}
			
			hr {
				background: none;
			}

			
			.suche {
				display: none;
			}
			
		.stage_inner {
			width: 100%;
		}	
		
		.flex-caption {
			top: 20px;
		} 
		
		.flexSubTitle {
			font-size: 25px;
			line-height: 100%;
		}
		
		.top_inner, .middle_inner, .teaser_inner {
			margin: 0 auto;
			padding: 20px 0;
			width: 100%;
		}
				
		.mitglieder_inner {
			margin: 0 auto;
			padding: 0;
			width: 100%;
		}
		
		.content {
			float: left;
			margin: 0;
			width: 100%;
		}
		
		.mitglieder-text {
			display: none;
		}
		
		.mitglieder-image img {
			width: 70%;
			height: auto;
		}
		
		.mitglieder .mitglieder-image:nth-of-type(3), .mitglieder .mitglieder-image:nth-of-type(4){
			display: none;
		}
		
		.mitglieder-image{
			float: left;
			text-align: center;
			width:24%;
		}
		
		#footer .footer_inner {
			width: 100%;
		}
				
		.header {
                margin:0 auto;
                width:100%;
        }
		
		#header nav {
			float: none;
			margin-top: 0;
		}	
		
		.subMenuWrapper {
			display: none;
		}
		
        .resp_navigation {
                border:1px solid rgba(255, 255, 255, .1);
                background-image:(../images/nav_a_hover_bg.png) 0 -50px repeat-x;
				background: #e1001a; /* Old browsers */
				background: -moz-linear-gradient(top,  #e1001a 0%, #cf0119 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1001a), color-stop(100%,#cf0119)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #e1001a 0%,#cf0119 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #e1001a 0%,#cf0119 100%); /* W3C */
				-moz-box-shadow:    inset 0 0 1px #fff;
				-webkit-box-shadow: inset 0 0 1px #fff;
				box-shadow:         inset 0 0 1px #fff;
				border: 1px solid #930c16;
                display:inline-block;
                width:53px;
                height:40px;
                margin-top:53px;
                margin-bottom:10px;
                position:absolute;
				right: 20px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
                -webkit-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -moz-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -ms-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                -o-transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
                transition:background-color .3s ease-in-out, background-position .3s ease-in-out;
        }
		
		.resp_navigation:hover {
		    background: #ca0017; /* Old browsers */
			background: -moz-linear-gradient(top,  #ca0017 0%, #bb0116 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca0017), color-stop(100%,#bb0116)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ca0017 0%,#bb0116 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ca0017 0%,#bb0116 100%); /* W3C */
		}

        .resp_navigation span {
                background:url(../images/resp_nav_but_bg.png) center center no-repeat;
                display:block;
                width:51px;
                height:38px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
        }

        .resp_navigation:hover,
        .resp_navigation.active        {
                background-position:0 0;
                border:0;
                padding:1px;
        }
		


        nav {
                border-top:1px solid rgba(0, 0, 0, .3);
                border-bottom:1px solid rgba(255, 255, 255, .1);
				
        }

        #navigation {
                border:0;
                background:#fff;
                display:none;
                width:100%;
                height:auto;
                padding:5px 0;
                overflow:hidden;
                position:relative;
				top: 40px;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
				-moz-box-shadow:    inset 0 2px 3px #ccc;
				-webkit-box-shadow: inset 0 2px 3px #ccc;
				box-shadow:         inset 0 2px 3px #ccc;

        }

        #navigation li {
                border-top:1px solid #ddd;
                width:auto;
                float:none;
                overflow:hidden;
				background: #fff;
				border-left: 3px solid #fff;
				
        }

        #navigation > li:first-child {
			border: 0;
		}

        #navigation a {
                height:35px;
                padding:9px 15px 7px 10px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
                -webkit-box-sizing:border-box;
                -moz-box-sizing:border-box;
                box-sizing:border-box;
				color: #333;
        }

        #navigation > li > a {
                text-align:left;
                height:35px;
                padding:9px 15px 7px 38px;
                margin:3px 0;
        }


        nav #navigation li.current_page_item ,
        nav #navigation li:hover{border-left:3px solid #e10019;}

        #navigation ul {
                border:0;
                background:none;
                display:none;
                padding:0;
                margin:0 ;
                visibility:visible;
                position:relative;
                left:auto;
                top:auto;
                opacity:1;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
                -webkit-transition:none;
                -moz-transition:none;
                -ms-transition:none;
                -o-transition:none;
                transition:none;

        }

        #navigation ul:before {content:none;}

        #navigation ul ul {
                margin:0;
                left:auto;
                top:auto;
                -webkit-border-radius:0;
                -moz-border-radius:0;
                border-radius:0;
        }

        #navigation ul ul:before {content:none;}

        #navigation ul li {width:auto;}

        #navigation ul li a {
                border:0;
                background-color:transparent;
                background-repeat:repeat-x;
                background-position:0 -50px;
                margin:3px 0 3px 50px;
				
        }

        #navigation  ul > li > a:hover,
        #navigation  ul > li.current_page_item > a,
        #navigation  ul li:hover ul li a:hover,
        #navigation  ul li ul li.current_page_item a {background-image:url(../images/nav_a_hover_bg.png);}

        #navigation ul li:hover > a,
        #navigation ul li.current_page_item > a {
                border:0;
                margin:3px 0 3px 50px;
        }

        #navigation li a span,
        #navigation ul li a span {
                background:url(../images/dropdown_span_bg.png) no-repeat right 4px;
                padding:0;
                display:block;
        }

        #navigation ul li:hover > a span,
        #navigation ul li.current_page_item > a span {
                border:0;
                background:url(../images/dropdown_span_bg.png) no-repeat right 4px;
                padding:0;
        }

        #navigation ul li ul li a {margin-left:40px;}

        #navigation ul li ul li:hover > a,
        #navigation ul li ul li.current_page_item > a {margin-left:40px;}

        #navigation ul li ul li ul li a {margin-left:60px;}

        #navigation ul li ul li ul li:hover > a,
        #navigation ul li ul li ul li.current_page_item > a {margin-left:60px;}

}

/* ---------- Mobile (Note: Design for a width less than 401) ---------- */

@media only screen and (max-width: 480px) {

        .error h1 {font-size:10em;}

        .responsiveSlider {width:99.3%;}

        .related_posts ul li a.current {margin-left:0;}

        .one_half,
        .one_half.last,
        .one_third,
        .one_third.last,
        .two_third,
        .two_third.last,
        .three_fourth,
        .three_fourth.last,
        .three_fourth+.one_fourth,
        .one_fourth+.one_half+.one_fourth {
                width:100%;
                float:none;
                padding-right:0;
        }
		
		.flex-caption {
			display: none;
		} 
		
		span.linkLogo {
			background: url("../images/icn_all.png") no-repeat scroll 0 -282px / 320px auto rgba(0, 0, 0, 0);
			display: block;
			float: left;
			height: 88px;
			width: 142px;
		}
		.logo {
		width: 150px;
		}
}

/* ------------------ Comments ----------------------------*/


#comments {
	margin-top: 40px;
	display: none;
}

#comments .mitglieder {
	display:block;
}

#comments textarea {
    background: #eee;
    border: 0 none;
    outline: medium none;
    overflow: hidden;
    resize: none;
}


/*--------------------SEMINARS---------------*/

.tx-seminars-pi1 h1.csc-firstHeader{
	margin-bottom: 2px;
}

.middle_inner .csc-firstHeader{
	color: #000 !important;
}

h3.seminars-subtitle {
    font-size: 26px;
    margin: 11px 10px 40px 0;
}

.seminars-single-register{
	padding: 20px 0;
}

.listrow-even {
	padding: 20px 30px;
	background: #fff;
}

.listrow-odd {
	padding: 20px 30px;
	background: #eee;
}

.seminars-list-header{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.seminars-single-header {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	clear: both;
}

.seminars-list-teaser a{
    color: #444;
    line-height: 1.3em;
}

.tx-seminars-pi1-square {
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 10px;
        position: relative;
    top: 2px;
}

.tx-seminars-pi1-vacancies{
    text-align: left !important;
    line-height: 50px;
    vertical-align: middle;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.8em;
}

.latestDateWrapper .tx-seminars-pi1-vacancies{
    text-align: left !important;
    line-height: 50px;
    vertical-align: middle;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.8em;
    float: right;
    margin-right: 5px;
}

.seminars-single-header h3 {
	margin-bottom: 0;
}

.row{
	display: table;
	width: 100%;
}

#cookie-bar {
  background:#111111;
  height:auto;
  line-height:24px;
  color:#eeeeee;
  text-align:center;
  padding:8px 0;
  z-index: 90000;
  display: none;
  vertical-align: baseline;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
}
  #cookie-bar p {
    margin: 0;
  }

  #cookie-bar .cb-policy {
    color: inherit;
    text-decoration: underline;
  }
.cb-enable{
    text-align: center;
    margin: 10px;
    padding: 5px 10px;
    color: #fff;
    background: #E2001A;
}
.custom-vacancies{
	
	font-weight: bold;
}
.custom-vacancies a{
	border-style:solid;
	border-width:1px;
	border-radius:4px;
	padding-left:10px;
	padding-right:24px;
	padding-top:8px;
	padding-bottom:8px;
	border-color:#eeeeec;
	background-image:url("../images/red-arrow.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-color:white;
}
.custom-vacancies .tx-seminars-pi1-square{
	top:5px;
}

.custom-vacancies .tx-seminars-pi1-vacancies-0 .custom-vacancies-label, .custom-vacancies .tx-seminars-pi1-canceled .custom-vacancies-label{
	display:none;
}
h3.LABEL_ORGANIZERS{
	clear:both;
	padding-top:20px;
}
dl.LABEL_ORGANIZERS dd{
	line-height:20px;
}
.div-3cols{
	/*border-style:solid;
	border-width:1px;
	border-color:red;*/
	width:33%;
	max-width:33%;
	float:left;
	box-sizing:border-box;
	line-height:20px;
	word-wrap: break-word;
}
.div-3cols h3{
	line-height:24px;
	margin-bottom:4px;
}
.div-3cols:nth-of-type(4), .div-3cols:nth-of-type(7), .div-3cols:nth-of-type(11){
	clear:both;
}
ul.custom-download, .custom-download ul{
	list-style-type:none;
}
span.custom-download ul{
	margin-top:10px;
}
.custom-download a{
	border-style:solid;
	border-width:1px;
	border-radius:4px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	border-color:#eeeeec;
	font-weight: bold;
	background-color:white;
}
div.xtracted-link{
	margin:0px;
	margin-top:10px;
}
#tpwd-custom-reset{
	cursor:pointer;
	margin-right:10px;
}
.td-xtracted-download-links{
	width:160px;
	line-height:16px;
}
input.custom-search, 
#tpwd-custom-reset,
.tx-seminars-pi1 .bodytext a.download,
/*.xtracted-download-links a.download,*/
.backlink a,
#tx_onetimeaccount_pi1_form__button_submit,
#tx_seminars_pi1_registration_editor__button_continue,
#tx_seminars_pi1_registration_editor__button_submit,
#tx_seminars_pi1_registration_editor__button_back {
	background: #e1001a;

	background: linear-gradient(to bottom, #e1001a 0%,#cf0119 100%);
	box-shadow: inset 0 0 1px #fff;
	border: 1px solid #930c16;
	border-radius: 5px;
	color: #FFFFFF;
	display: inline-block;
	/*width: 148px;*/
	text-align: center;
	line-height: 32px;
	margin: 0 0 20px;
	
font-family: "futura-pt-condensed","Economica";
font-size: 19px;
font-weight: 500;
	padding-left:20px;
	padding-right:20px;
}
div.tx-seminars-pi1-selectorwidget{
	border-style:none;
}
#tx_seminars_pi1_sword{
	width:320px;
	box-sizing:border-box;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	position:relative;
	top:-2px;
	margin-right:2px;
}
div.custom-list-seminar:nth-of-type(odd){
	background-color:white;
}
div.custom-list-seminar:nth-of-type(even){
	background-color:#eeeeee;
}
div.custom-list-seminar > h2:first-of-type{
	margin-bottom:10px;
	margin-top:2px;
}
.custom-list-seminar-time-and-place{
	color:#4e4e4e;
	border-bottom-style:dotted;
	border-color:#d6d6d6;
	border-width:1px;
	box-sizing:border-box;
	padding-bottom:15px;
	font-weight:bold;
}
.custom-list-seminar-teaser{
	margin-top:8px;
}
.seminar-singleview-image{
	max-width:33%;
	float:right;
}
.seminar-singleview-image img{
	max-width:100%;
	height:auto;
}
#tx_onetimeaccount_pi1_form textarea{
	border-style:solid;
	border-width:1px;
	border-color:silver;
	font-family:"MS Shell Dlg 2", "futura-pt", Arial, Geneva, Helvetica, sans-serif;
	font-size: 13.333px
}
.hidden{
	display:none;
}