/* LAYOUT */
/* ----------------------------------------- */

.hide_if_css {
    display: none; 
}

body {
	background-color: #e2e0e2;
	font-family: 'DroidSansRegular', 'DroidSansRegular', Arial, sans-serif; 
	font-size: 0.9em;
	line-height: 1.4em;
	color: #3f2e3b;
}


a:link, a:visited {
	color: #d4007b;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #3f2e3b;
}

hr {
  width: 100%;
  color: #d4007b;
  height: 1px;
  clear: both;
  margin: 14px 0;
}

div#wrapper {
	background-color: #fff;
	max-width: 1024px;
	width: 90%;
	margin: 0 auto;
	min-width: 800px;
}


/* -------------- header ---------------- */
/* css für header -------------- */

header {
    background-image: url('../media/img/header_hg.gif');
    background-repeat: no-repeat;
    height: 450px !important;
}

header h1 a {
    display:block;
    background: url('../media/img/logo.jpg') no-repeat 10px 7px;
    text-indent: -5000px;
    padding: 7px 0px 3px 10px;
    width: 131px;
    height: 52px;
}

nav {
    position: relative;
    padding: 0 4.1015625%; /* 42px */
}

div#obermenue {
    position: absolute;
    top: -27px;
    right: -2%;
    z-index: 2;
}

div#obermenue ul li {
    float: left;
    padding: 0px 20px 0px 0px;
}

div#obermenue li a {
    color: #fff;
    text-decoration:none;
    width: 75px;
    display: block;


}

div#obermenue li:hover {
    list-style-image: url('../media/img/list_style.gif');
    list-style-position: outside;
}

nav input {
    margin-top: -5px;
}

nav input.senden {
    margin-top: -8px;
}

/* search form */
.searchform input.s{
    width: 268px;
    border: 1px rgb(47, 34, 45) solid;
    background-color: white;
}

.searchform input.searchsubmit{
    background-image: url('../media/img/searchbutton.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 20px;
    text-indent: -1000px;
    border: none;
}


header form.searchform {
  position:absolute;
  top: -27px;
  right: 160px;
    z-index: 3;
}
header form.searchform .screen-reader-text { display: none; }

/* topmenu: suche können wir verstecken, wir haben ja das formular */
div#obermenue ul#menu-top li#menu-item-4147 {
  display: none;
}

/* li#mitgliedwerden im obermenu */
div#obermenue ul li#menu-item-104:hover { list-style-image: none; }
div#obermenue ul li#menu-item-104 {
    height: 10px;
}

div#obermenue ul li#menu-item-104 a {
    display: block;
    text-indent: -1000000px;
    background-image: url('../media/img/mitgliedbutton.png');
    background-repeat: no-repeat;
    width: 128px;
    height: 130px;
    margin-top: -35px;
    margin-left: 275px;
    margin-right: 5%;
}

div#obermenue ul li#menu-item-104 a:hover {
    background-image: url('../media/img/mitgliedbutton_hover.png');
}


/* menue --> hier nur die Version ohne Javascript, per Javascript wird dann datei geladen */

/* variante ohne javascript: submenues jeweils um 35 nach unten versetzt */

/* css für normalen header -------------- */
/* menue */

div#menue {
    position: relative; 
    margin-top: 27px;
    padding-bottom: 40px;
    overflow:hidden;
    clear: both;
    z-index: 1;
    height: 320px; /* menu height */
}

div#menue:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "++++++++++++++++++++++++++++++";
    clear: both;
    height: 0;
}

div#menue ul#main-menu { width: 100%; }
div#menue ul.sub-menu { width: 200%; } /* breiteer, wird eh geclippt */

div#menue > ul > li {
    list-style-type: none;
    display: block;
    height: 185px; /* menu height */
    width: 740px;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
}

#menu-item-89  { left: 0px;   z-index: 10; }
/* 88 -> 4246 */
#menu-item-4246  { left: 50px; z-index: 20; }
#menu-item-132 { left: 100px; z-index: 30; }
#menu-item-86  { left: 150px;  z-index: 40; }
#menu-item-85  { left: 200px; z-index: 50; background-image: url('../media/img/accord_01.jpg'); }


div#menue > ul > li > a {
    display: block;
    position: absolute;
    height: 185px; /* menu height */
    width: 50px;
    text-indent: -3000px;
    background-repeat: no-repeat;
    background-position: center top;
/*
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
*/
}

/* 
   85 = Home = 01,
   86 = die Hosi = 02
   132 = Information = 03
   88 = Events = 04
   89 = Archiv = 05
*/

#menu-item-85  > a { background-image: url(../media/img/menue_01.png); }
#menu-item-85  > a { background-image: url(../media/img/menue_01.png); }
#menu-item-86  > a { background-image: url(../media/img/menue_02.png); }
#menu-item-132 > a { background-image: url(../media/img/menue_03.png); }
#menu-item-4246  > a { background-image: url(../media/img/menue_04.png); }
#menu-item-89  > a { background-image: url(../media/img/menue_05.png); }

#menu-item-85.current-menu-ancestor > a, #menu-item-85  > a:hover{ background-image: url(../media/img/menue_01_aktiv.png); }
#menu-item-86.current-menu-ancestor > a, #menu-item-86  > a:hover{ background-image: url(../media/img/menue_02_aktiv.png); }
#menu-item-132.current-menu-ancestor > a, #menu-item-132 > a:hover{ background-image: url(../media/img/menue_03_aktiv.png); }
#menu-item-4246.current-menu-ancestor > a, #menu-item-4246  > a:hover{ background-image: url(../media/img/menue_04_aktiv.png); }
#menu-item-89.current-menu-ancestor > a, #menu-item-89  > a:hover{ background-image: url(../media/img/menue_05_aktiv.png); }

#menu-item-85  > a, #menu-item-85  a:hover, #menu-item-85 .current-menu-item a  { background-color: #7fb085; }
#menu-item-86  > a, #menu-item-86  a:hover, #menu-item-86 .current-menu-item a    { background-color: #d4007b; }
#menu-item-132 > a, #menu-item-132 a:hover, #menu-item-132 .current-menu-item a    { background-color: #7b9abe; }
#menu-item-4246  > a, #menu-item-4246  a:hover, #menu-item-4246 .current-menu-item a    { background-color: #ddb278; }
#menu-item-89  > a, #menu-item-89  a:hover, #menu-item-89 .current-menu-item a    { background-color: #a3b859; }


/* menu height  plus submenu height 
div#menue > ul > li:hover  > a{ height: 220px; } 
div#menue > ul > li.current-menu-ancestor  > a{ height: 220px; }
*/

div#menue ul.sub-menu {
    background-color: #3f2e3b;
    position: absolute;
    top: 185px;  /* menu height */
    height: 35px; /* submenu height */
    margin-left: 50px;  
    overflow: hidden;
}

div#menue ul.sub-menu li {
    float: left;
}

div#menue ul.sub-menu a{
    font-family: 'CuprumFFURegular', Arial, sans-serif;
    color: #fff;
    font-size: 1.2em;
    height: 35px; /* submenu height */
    padding: 9px 10px 0px 10px;
    display:block;
    background-size: 100% 100%;
}
/* statt a:hover nur a, schatten gibts immer */
div#menue ul.sub-menu a {
    background-image: url('../media/img/schatten_untermenue.png');
    background-size: 100% 100%;
}

/* gesamtes accordion */
ul#menu-main {
  width: 940px;
  height: 230px;
}

/* #menu-item-86, #menu-item-132, #menu-item-4246, #menu-item-89{  background-image:none; }  */
#menu-item-89  a { top: 140px;   }
#menu-item-4246  a { top: 105px;  }
#menu-item-132 a { top: 70px;  }
#menu-item-86  a { top: 35px;  }
#menu-item-85  a { top: 0px; }

div#menue #menu-item-85  ul.sub-menu { top: 185px; }
div#menue #menu-item-86  ul.sub-menu { top: 220px; }
div#menue #menu-item-132 ul.sub-menu { top: 255px; }
div#menue #menu-item-4246  ul.sub-menu { top: 290px; }
div#menue #menu-item-89  ul.sub-menu { top: 325px; }
/* div#menue { height: 370px; } */
div#menue > ul > li  > a{ height: 220px; }




/* content */

section#content {
    clear:both;
    padding: 2em 4.1015625% 4em 4.1015625%; /* 42px */
    position: relative;
}

section#content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "++++++++++++++++++++++++++++++";
    clear: both;
    height: 0;
}

article {
	float: left;
}



/* ----------- calendar ------------- */
article#head_l_calendar { 
  float: none;
}
article#head_r_calendar { 
  float: right;
  width: 720px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}

/* ----------- zweispaltig ------------- */

article#head_l {
	width: 31.205673%; /* 293.33333px */
	padding-right: 1.953125%; /* 20px */
	text-align: right;
}

// article#head_l h1 { border-bottom: 1px #ddd solid; }

div.marginal {
    // border-top: 1px #ddd solid;
    position:absolute;
    left: 4.10156%;
    width: 28.6%;
    text-align:right;
    color: #d4007b;
}


article#head_l.linksb {
        text-align: left;
}

article#head_l p:first-child {
    margin-top:0;
}

article#head_l li {
	list-style-type: none;
}

.h4activ h4{
	color: #d4007b;
}

article#head_l a h4:hover {
	color: #d4007b;
}


/* fuer galerie */

article#galerie_l {
	width: 31.205673%; /* 293.33333px */
	padding-right: 1.953125%; /* 20px */
}

article#galerie_l p{
	font-size: 0.9em;
}

article#galerie_l img {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 50%;
}

#fotos:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "++++++++++++++++++++++++++++++";
    clear: both;
    height: 0;
}


/* fuer kommentarfunktion unter der galerie */

.formular {
	background-color: #e2e0e2;
	padding: 2em 4%;
}

.feld {
	float: left;
	margin-bottom: 25px;
	position: relative;
}

.feldname {
	position: absolute;
	bottom: 30px;
	font-size: 1.2em;
	font-weight: lighter;
	left: 10px;
}

#formular_kommentar {
	float: none;
	position: relative;
	margin-top: 20px;
	height: 90px;
	width: 60%;
}

#formular_kommentar p {
	top: -8px;
}

#formular_kommentar:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "++++++++++++++++++++++++++++++";
    clear: both;
    height: 0;
}

#formular_kommentar #kommentar {
	width: 100%;
}

#formular_kommentar textarea {
	padding: 10px;
	font-size: 1em;
	width: 94%;
}


/* fuer links */

#feeds_and_links div.links {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

#head_r div.links {
	-webkit-column-count: 2;
	-webkit-column-gap: 3.4090909%;
	-moz-column-count: 2;
	-moz-column-gap: 3.4090909%;
	column-count: 2;
	column-gap: 3.4090909%;
}

section#content div.links ul.xoxo.blogroll {  padding-left: 0; }
div.links li {  list-style-type: none; }
div.links li a:after {  content:href; }

#head_r .links p {
	padding-bottom: 20px;
}

.links a {
	display: block;
}


/* fuer impressum */

article#head_l_impressum {
	width: 31.205673%; /* 293.33333px */
	padding-right: 1.953125%; /* 20px */
	text-align: left;
}


/* sonstiges */

strong {
	font-family: 'DroidSansBold', Arial, sans-serif; 
	font-weight: normal;
	font-size: 1em;
}

article#head_l_mitgliedwerden {
	width: 31.205673%; /* 293.33333px */
	padding-right: 1.953125%; /* 20px */
	text-align: left;
}

article#head_l_mitgliedwerden p{
	margin-bottom: 25px;
}

article#head_r {
	width: 64%; /* 100% - 31.2057% - 1.95312% - 1.953125%= 64.888055% */
	padding-left: 1.953125%;  
	border-left: 1px solid #ccc;
}

p.vorspann {
	font-family: 'DroidSansBold', 'DroidSansRegular', Arial, sans-serif;
	padding: 20px 0px;
	font-weight: lighter;
	font-size: 1.1em;
}

p.vorspann_galerie {
	font-family: 'DroidSansRegular', 'DroidSansRegular', Arial, sans-serif;
	padding: 20px 0px;
	font-weight: lighter;
	font-size: 1em;
}
/*
#head_r img {
	width: 100%;
	padding-bottom: 15px;
}
*/
div#fotos {
	padding: 25px 0px 15px 0px;
}

div#fotos ul {
	list-style-type:none;
}

div#fotos ul li {
	float: left;
	padding-right: 15px;
}


div.spaltentext {
	-webkit-column-count: 2;
	-webkit-column-gap: 3.4090909%;
	-moz-column-count: 2;
	-moz-column-gap: 3.4090909%;
	column-count: 2;
	column-gap: 3.4090909%;
}


div.spaltentext p:first-letter {
	font-size: 1.5em;
}

div.spaltentext img {
	margin-bottom: 5px;
	width: 100%;
}

/* ------------------ sidebar: termine --------------------*/

.termine { clear:both; }

.termine + .termine { 
    margin-top: 1em;
    border-top: 1px #ddd solid;
    padding-top: 1em;
    
}

.termine p,
.termine h3 {
    margin:0px;
    padding:0px;
}

.used_no_more .termine h3 {
    color: #D4007B;
    font-size: 1.1em;
    text-transform: uppercase;
}
/* ------------------ footer --------------------*/

footer {
    position: relative;
    clear: both;
    background-color: #3f2e3b;
    padding: 2em 4.1015625% 2em 4.1015625%;
    height: 245px;
}

footer div {
    float: left;
/*    overflow: hidden; */
}

div#footernavi {
    width: 25.531915%; /* 240px */
}
    
div#kalender {
    width: 42.553191%; /* 400px */
}

div#kalender img {
    width: 100%; /* 400px */
}


div#cloudtag { margin-top: 20px; text-align:center; overflow: hidden; width:250px; margin-left: 40px }
div#cloudtag ul { list-style-type:none; }
div#cloudtag li { float:left; margin: 0 4px; padding: 0 4px;}
div#cloudtag a.nktagcloud-1 { color: white; }
div#cloudtag a.nktagcloud-2 { color: rgb(223, 175, 199); }
div#cloudtag a.nktagcloud-3 { color: rgb(237, 140, 181); }
div#cloudtag a.nktagcloud-4 { color: rgb(159, 127, 142); }
div#cloudtag a.nktagcloud-5 { color: white; }
div#cloudtag a.nktagcloud-6 { color: rgb(223, 175, 199); }
div#cloudtag a.nktagcloud-7 { color: rgb(237, 140, 181); }
div#cloudtag a.nktagcloud-8 { color: rgb(159, 127, 142); }
div#cloudtag a.nktagcloud-9 { color: white; }
div#cloudtag a.nktagcloud-10 { color: rgb(223, 175, 199); }
div#cloudtag a.nktagcloud-11 { color: rgb(237, 140, 181); }
div#cloudtag a.nktagcloud-12 { color: rgb(159, 127, 142); }
div#cloudtag a.nktagcloud-19 { color: rgb(159, 127, 142); }
div#cloudtag a.nktagcloud-22 { color: white; }

div#cloudtag .screen-reader-text { display: none; }

div#footernavi ul li{
    list-style-type: none;
    padding: 5px;
    color: #fff;
}

div#footernavi ul li a:link, div#footernavi ul li a:visited {
    color: #fff;
}

div#footernavi ul li:hover {
    list-style-image: url('../media/img/list_style.gif');
    list-style-position: inside;
}

.senden {
    padding: 2.5px 0px 0px 2px;
}

#impressum_aktiv {
    list-style-image: url('../media/img/list_style.gif');
    list-style-position: inside;    
}

#mitgliedwerden_aktiv {
    list-style-image: url('../media/img/list_style.gif');
    list-style-position: inside;    
}

div#adresszeile {
    clear: both;
    width: 100%;
}

div#adresszeile p {
    color: #fff;
    font-size: 0.8em;
    text-align: center;
}


/* ------------------ /footer --------------------*/
/* ------------------ meta --------------------*/

.meta-prep-author,
.meta-prep-cat
{ 
    display:block;
}
/* ------------------ /meta --------------------*/

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/*
div, ul, li { position:relative } 
    allows you to absolutely position elements inside them */

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */



#link_alle_news {
    clear:both;
    text-align:right;
}


#stoerer a {
    display:block;
    position: absolute;
    width: 250px;
    height:90px;
    top: 130px;
    left: 55%;
    text-indent: -10000px;
}
#stoerer {
    position: absolute;
    top:300px;
    z-index: 10;
    background: url(../media/img/stoerer.png) no-repeat center top;
    width: 100%;
    height: 337px;    
    text-indent: -10000px;
}


/* -------------------- category + loop-category ---------- */

div.archive-header {
    min-height: 200px;
}

div.archive-item {
    min-height: 400px;
}




/* ------------- rss widget ----------- */
article div.widget_rss .rsswidget img { width: 14px; }
article div.widget_rss div.links { 
  -moz-column-count: 1 ;
  font-weight: 100;
}
article div.widget_rss div.links li { 
  margin-bottom: 1em;
}

/* ------ alignleft, alignright --------- */
article img.alignleft { margin-right: 10px; }
article img.alignright { margin-left: 10px; }