/*  =========================================================

1. Allgemeine Selektoren
   - Block-Elemente
   - Inline-Elemente
   - Allgemeine Klassen

2. Layoutbereiche
   - Wrapper
   - Kopfbereich
   - Navibereich
   - Suche
   - Breadcrumbs
   - Textbereich
   - Fussbereich

3. Spezielle Seiten
   - Kontaktformular

========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.1%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
    height: 101%;
}

body {
    line-height: 1;
    color: white;
    background-image: url(../grafik/background.jpg);
    background-position: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

:focus {
	outline: 0;
}

em {font-style: italic;}

/* ===============================
   =Block-Elemente
=============================== */

h1 {
    color:#b51d1c;
    font-size:1.49em;
    font-weight:bold;
    margin:0.5em 0 0.5em 0;
}

h2 {
    color:#b51d1c;
    font-size:1.17em;
    line-height: 1.5;
    font-weight:bold;
    margin:0.5em 0 0.5em 0;
}

h3 {
    color:#b51d1c;
    font-size:1.37em;
    font-weight:bold;
    margin:0.5em 0 0.5em 0;
}

h4 {
    line-height:1.4;
    color:#371C00;
    font-size: 100.1%;
    font-weight:bold;
    margin:0.5em 0 0.5em 0;
}

p, ul, ol {
    margin: 0 0 1em 0;
}

ol, ul {
    list-style: none;
}

/* ===============================
   =Inline-Elemente
=============================== */

a {
    color: #b51d1c;
    text-decoration:none;
}

    a:hover {
    text-decoration:underline;
    }

/* ===============================
   =Classes allgemeiner Art
=============================== */

strong, b, .strong {
   font-weight:bold;
}

.left {
    float:left;
    margin-top: 0.23em;
    margin-right: 1.63em;
    margin-bottom: 0.63em;
}

.right {
    float:right;
    margin-top: 0.23em;
    margin-left: 1.63em;
    margin-bottom: 0.63em;
}

.clear{
    height:0.1px;
    overflow:hidden;
    font-size:0.1px;
    line-height:0.1px;
    clear:both;
}

.invisible{
    width:0px;
    height:0px;
    left:-1000px;
    top:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline;
}


.hr {
    clear:both;
    border-top:1px solid #5f5d4b;
}

.error {
    color:red;
}
.confirm {
    color:green;
}

.minigalerie {
    margin: 10px 20px 10px 0px;
    vertical-align: middle;
}

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */

#pagewrapper {
    background: url(../grafik/wrapper_bg.jpg) center repeat-y;
    width: 960px;
    margin: 0 auto;  /* Zentrierung */
    text-align: left;
}

/* ===============================
   =KOPFBEREICH
=============================== */

#header{
    height: 250px;
    background: url(../grafik/header_bg.jpg) top no-repeat;
    font-size:0.69em;
    color:#5f5d4b;
    line-height:1.5;
}

#spende{
    margin-left:500px;
    height:70px;
    padding-top: 16px;
}

#spende p img{
    vertical-align: text-bottom;
}

#spende p a, .solo a, .more a, .solo span{
    background: url(../grafik/redarrow.gif) center left no-repeat;
    padding-left:10px;
}

#homelink{
   margin-left:645px;
   height:140px;
   width:260px;
   display:block;
}

#add_nav{
    float:left; display: block;
    padding:40px 43px 0 661px;
}

    #add_nav ul li{
        display:inline;
        padding-right:6px;
        margin-right: 3px;
        border-right:1px solid #5f5d4b;
    }
  #add_nav ul li.last{
        border:0;
    }

 #add_nav ul li.last a{
        background: url(../grafik/feed-icon.png) center left no-repeat;
        padding-left:17px;
        padding-top:1px;
        display:inline;
        color:#F5F3E7;
    }   

/* ===============================
   =NAVIBEREICH
=============================== */

#navigation {
    margin: 0 30px;
    height: 45px;
    background: url(../grafik/menu_bg.jpg) center top repeat-x;
}

#navigation ul {
float:left;
font-size:12px;
font-weight:normal;
line-height:39px;
}

#navigation a, #navigation span {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 3px 16px;
}

    #navigation li a.submenu {
    	padding: 3px 24px 3px 16px;
    	background: url(../grafik/downarrow.gif) right 22px no-repeat;
    }

    #navigation li a.submenu:hover, #navigation li.submenu span.active {
    	padding: 3px 24px 3px 16px;
    	background: url(../grafik/downarrow.gif) right -223px no-repeat;
    }

        #navigation li ul a {
        	width: 16em;
           /*	w\idth: 12em;  */
            color:#5f5d4b;
        }

        *html #navigation li ul a {
        	width: 12em;
        }

        #navigation li li a.submenu  {
        	background: url(../grafik/rightarrow.gif) center right no-repeat;
        }

        #navigation li.submenu li.active span.active {
          	padding: 3px 16px;
          	background: none;
      }

#navigation li {
	float: left;
    background: url(../grafik/menu_bg_nohover.gif) center right no-repeat;
}

#navigation li.last {
	float: left;
    background: none;
}

    #navigation li ul {
    	position: absolute;
    	left: -999em;
    	line-height:22px;
    	width: 17.4em;
    	w\idth: 16.9em;
    	font-weight: normal;
    }

        #navigation li li, #navigation li li.last {
        	padding-right: 1em;
        	width: 18em;
            background:#FFF;
            border-bottom:1px solid #a9a270;
            border-left:1px solid #a9a270;
            border-right:1px solid #a9a270;
        }

            #navigation li ul ul {
            	margin: -2.3em 0 0 14em;
            }

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
}

#navigation li:hover, #navigation li.sfhover, #navigation li.active {
    background: url(../grafik/menu_bg_hover.jpg) right repeat-x;
}

#navigation li.last:hover {
    background: url(../grafik/menu_bg_hover.jpg) left repeat-x;
}

#navigation li li.active{
	padding-right: 1em;
	width: 18em;
    background:#FFF;
    border-bottom:1px solid #a9a270;
    border-left:1px solid #a9a270;
    border-right:1px solid #a9a270;
}

#navigation li li span.active{
    color: #b51d1c;
}

#navigation li li:hover ,#navigation li li.last:hover, #navigation li li.sfhover {
    background: url(../grafik/submenu_bg_hover.jpg) center repeat-x;
}

/* ===============================
   =SUCHE
=============================== */


#suche {
    margin:10px 0px 0px 661px;
    width:240px;
}


*html #suche {
    margin: 0px 0px 0px 661px;
}

*+html #suche {
    margin: 0px 0px 0px 661px;
}

#suche form {
    padding:2px 25px 0 0;
}

    #suche form input.submit {
        width:16px;
        height:16px;
        background: url(../grafik/lupe.gif) top no-repeat;
        border:0px;
        color:#FF8D23;
    }


.ergebnisse  .odd {
      padding:15px 10px;
  }


 .ergebnisse  .even {
      padding:15px 10px;
      background-color: #EBE7CE;
  }

.ergebnisse  .highlight {
      font-weight:bold;
  }

.ergebnisse  input {
      float:none;
  }

.ergebnisse .header {
            font-style: italic;
            color:#5f5d4b;
            margin:20px 0;
}


/* ===============================
   =PAGINATION
=============================== */

.pagination {
        margin-top:20px;
    }

.pagination  ul {
        border-top: 1px solid #5f5d4b;
        padding:5px;
    }

.pagination  ul li{
        display:inline;
    }

.pagination  ul li a{   
        color:#b51d1c;
        font-weight: bold;
        padding-left:20px;
        border-left: 1px solid #5f5d4b;
    }


.pagination  ul li span{
        color:#5f5d4b;
        font-weight: bold;
        padding-left:20px;
        border-left: 1px solid #5f5d4b;
    }


/* ===============================
   =BREADCRUMBS
=============================== */

#breadcrumb{
   margin-bottom:25px;
   font-size:0.9em;
}

#breadcrumb a, .sidebarnavi a{
   color:#5f5d4b;
}

/* ===============================
   =TEXTBEREICH
=============================== */

#main {
    float:left;
    display:inline;
    margin:14px 0 0 60px;
    width:540px;
    line-height:1.4;
    color:#371C00;
    font-size:0.75em;
}

#main ul li {
    list-style-type: square;
    margin-left: 16px;
    color:#371C00;
}


    .datum {
       	font-size:0.91em;
        line-height:1;
        color:#5f5d4b;
    }

    .top {
        padding-bottom:20px;
    }

    .sub {
        padding-top:20px;
    }

        .teaser img, .teaser p {
            float:left;
        }

        .top img {
            width:250px;
            margin-right:25px;
        }

        .sub img {
            width:200px;
            margin-right:20px;
        }

        .image_container {
            float:left;
            margin:5px 25px 10px 0;
        }

        .caption {
            font-style: italic;
            color:#5f5d4b;
        }

        .top p {
            width:250px;
        }

        .sub p {
            width:310px;
        }

        .nopic p {
            width:auto;
        }

        .solo a, .more a {
            display:block;
            margin-top:0.69em;
        }

        .solo span {
            display:block;
            margin-top:0.69em;
            font-weight:bold;
        }

#sidebar {
    float:right;
    margin-top:14px;
    margin-right:60px;
    width:240px;
    display:inline;
    font-size:0.69em;
    line-height:1.5;
    color:#5f5d4b;
}
    #sidebar .ce_text {
        padding-top:7px;
        float:left;
        display: block;
    }

#sidebar h2 {
        padding:0 0 5px 0;
        margin:0;
        display: block;

    }

     #sidebar .ce_image {
        padding:10px 0 0 0;

    }

    #sidebar .ce_text p a {
        font-weight: bold;
        padding-left:15px;
        background: url(../grafik/redarrow.gif) left center no-repeat;
    }

/* ===============================
   =FUSSBEREICH
=============================== */

#footer {
    width: 960px;
    margin: 0 auto;
    background: url(../grafik/footer_bg.jpg) top no-repeat;
    text-align: center;
    padding-top:35px;
    font-size:0.69em;
    clear: both;
}

    #footer ul li{
        display:inline;
        padding-right:6px;
        margin-right: 3px;
        border-right:1px solid #FFF;
    }
        #footer li.last{
            border:0;
        }

    #footer a{
        color:#FFF;
        font-weight:bold;
        text-decoration:none;
    }

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

/* ===============================

   =3. Spezielle Seiten

=============================== */


/* ===============================
   Tag-Cloud
=============================== */

.mod_tagcloudarticles   {margin-bottom: 15px;}


ul.cloud                {margin:0.5em 0;padding:0;text-align:justify;line-height:1.3em;clear:both!important}
ul.cloud li             {display:inline; width:auto; margin:0; padding:0; border:none;line-height:1.5;}
ul.cloud li a           {display:inline; margin:0; color:#666; height:auto;text-decoration:none;cursor:pointer;}
ul.cloud li a span      {display:inline; margin:0; padding:0; height:auto;}
ul.cloud li a em        {display:none}
ul.cloud li.size1       {font-size:100%;}
ul.cloud li.size2       {font-size:115%;}
ul.cloud li.size3       {font-size:130%;}
ul.cloud li.size4       {font-size:150%; font-weight: bold;}
ul.cloud li.size1 a,
ul.cloud li.size2 a,
ul.cloud li.size3 a,
ul.cloud li.size4 a     {color:#b51d1c;text-decoration:none;}
ul.cloud li.isCurrentTag a span,
ul.cloud li a:hover     {text-decoration:underline; }

#tag-overview .mod_taggedArticleList h1,
#tag-overview .mod_globalArticleList h1,
#tag-overview .mod_newslist  h1
 {
    color:#5f5d4b;
    font-size:1.17em;
    line-height: 1.5;
    font-weight:bold;
    margin:0.5em 0 0.5em 0;
}

.mod_taggedArticleList ul  { display: block;list-style-image: url(../grafik/redarrow.gif); list-style-position: left center;}
.mod_taggedArticleList ul li {line-height:1.5; }

/* ===============================
   Formulare
=============================== */

    label {
        display: block;
        width: 100px;
        float: left;
        margin-top: 10px;
        text-align: right;
        padding-right: 1em;
    }

    label.rightlabel {
        display: block;
        width: 470px;
        float: right;
        margin-top: 5px;
        text-align: left;
        padding-right: 1em;
    }


    fieldset {
        padding:15px 10px;
    }

    fieldset label {
        font-weight:bold;
    }

        fieldset.dark {
            background-color: #EBE7CE;
        }


    input,
    select,
    textarea {
        width: 250px;
        border-top:  	 1px solid #999;
        border-left:  	 1px solid #999;
        border-bottom:   1px solid #FFF;
        border-right:  	 1px solid #FFF;
        margin-top: 10px;
        margin-right: 10px;
        float:left;
    }

    #newsletter form input,#suche form input {
        width: 170px;
    }

    #newsletter form label {
        width: 40px;
        text-align: left;
    }

    textarea {
        height: 200px;
        margin-bottom: 20px;
    }

        input.box, input.radio {
            width: auto;
            border:0;
        }

        input.klein {
            width: 50px;
        }

        #newsletter form input.submit,input.submit {
            background: url(../grafik/redarrow.gif) center left no-repeat;
            width:auto;
            color: #b51d1c;
            font-weight:bold;
            border:0;
        }

    form br {
      clear: left;
    }

    form span {
        display: block;
        float: left;
        margin-top: 10px;
        padding-right: 1em;
    }

.radio_container, .submit_container {
  margin-top:20px;
  margin-left:110px;
}

.radio_container span {
  width:auto;
  float:none;
}

.radio_container span input{
           width: auto;
            border:0;
            margin-top:0px;
}

.radio_container span label{
        display: block;
        width: auto;
        float: none;
        margin-top: 0px;
        text-align: left;
        padding-right: 0;
}

fieldset p.error  {
  margin-left:110px;
  margin-top:15px;
  margin-bottom:0px;
}

.explanation {
  margin-left:140px;
  font-style: italic;
}



/* EoF */