/*
Name: Natural Essence
Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
*/

/* default elements */
* {margin: 0; padding: 0;}

body {
	background: #7C6F5C url(img/bg.jpg);
	color: #222;
	font: normal 62.5% sans-serif;
	padding: 2% 0;
}

a {color: #642;}
a:hover {color: #963;}

h2 a:link, h2 a:active, h2 a:visited { text-decoration: none; color: #442; }
h3 a:link, h3 a:active, h3 a:visited { text-decoration: none; color: #442; }

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 1.6em verdana,serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.2em verdana,serif,sans-serif;}
h3 {font: bold 1.0em verdana,serif,sans-serif;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em; font-family: verdana,sans-serif;}
p {padding: 2px 0 10px; font-family: verdana,sans-serif;}
small,.small {font: normal 0.9em verdana, sans-serif;}
ul {padding: 0 2em 1.2em; list-style-image: url(images/next.gif);}

/* structure */
#wrapper {
	background: #332 url(img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#container {
	background: #FBF9F4;
	border-top: 6px solid #332;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

/* header */
.title {
	background: #E2DED4;
	border-top: 1px solid #996;
}
.title h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}


/* navigation */
.navigation {
	background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
	border-top: 1px solid #996;
}
.navigation a {
	background: #FFF url(img/nav.gif) repeat-x;
	border-right: 1px solid #C9C6B3;
	color: #553;
	float: left;
	font: bold 1em Verdana,sans-serif;
	padding: 0 14px;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

/* bottom */
.bottom {
	background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}


/* footer */
.footer {
	background: #332;
	color: #EED;
	padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;

}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .right .content {background: #FFF;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
	font-family: verdana,sans-serif;	
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

/**** RICH TEXT EDITOR *****/

span.grueneSchrift {
	color: #5e912b;
}

span.orangeSchrift {
	color: #ff7400;
}

span.graueSchrift {
	color: #808080;
}

span.blaueSchrift {
	color: #2d69a9;
}

span.textBlauesSymbol {
	color: #000000;
	 background: url(images/sz-link.gif) no-repeat;  
	 padding-left: 16px;
}

span.zusatzSpalte {
	color: #000000;
	margin: 2px 0px;
	padding: 0px;
}

a.internal-link {
    background: url(images/sz-link.gif) no-repeat;  
    padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.internal-link:hover {
    color: #963;
    text-decoration: none;
}

a.external-link-new-window {
	 background: url(images/sz-link-extern.gif) no-repeat;  
	 padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.external-link:hover {
    color: #963;
    text-decoration: none;
}

a.external-link {
	 background: url(images/sz-link-extern.gif) no-repeat;  
	 padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.external-link-new-window:hover {
    color: #640530;
    text-decoration: none;
}

a.download {
	 background: url(images/sz-download.gif) no-repeat;  
	 padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.download:hover {
    color: #963;
    text-decoration: none;
}

a.downloadAudio {
	 background: url(images/sz-download-audio.gif) no-repeat;  
	 padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.downloadAudio:hover {
    color: #963;
    text-decoration: none;
}

a.downloadPDF {
	 background: url(images/sz-download-pdf.gif) no-repeat;  
	 padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.downloadPDF:hover {
    color: #963;
    text-decoration: none;
}


a.mail {
	 background: url(images/sz-mail.gif) no-repeat;  
	 padding-left: 16px;  
    color: #642;
    text-decoration: none;
}

a.mail:hover {
    color: #963;
    text-decoration: none;
}

.csc-textpic-caption {
    font-size: 10px;
    font-family: arial;
    font-weight: bold;
}

/*----------- tt_mailform -----------------*/

legend {
padding-left:2px;
padding-right:2px;
border: 0px;
}

fieldset {
border:0px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
margin: 5px;
padding: 10px;
border: 1px solid #C0C0C0;
font-family: verdana;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
}

li.news-amenu-item-year {
	list-style: none;
	font-size: 14px;
	font-family: verdana;
	margin: 0;
	padding: 0;
}

.newsarchiv ul {
	list-style: none;
}

.news-list-category {
	color: #C0C0C0;
	font-family: verdana, sans-serif;
	margin: 0;
}


      /* Email, Login and Search Formulare anpassen: */
      /*Abstände rechts und Links vom Rand*/
      FORM TABLE TR TD {
      padding-left: 2px;
      padding-right: 2px;
      }
      /*Hintergrundfarbe der Labelfelder*/
      FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell {
       background-color: transparent;
      }

      /* Hintergrundfarbe der Inputfelder*/
      FORM TABLE TR TD.csc-form-fieldcell {

      background-color: transparent;
      }
      /*Farbe des Inputbutton-Randes und der Hintergrundfarbe*/

      FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA {
      border: 1px solid # 555555;
      background-color: transparent;
      }
      /*Schrift - für die Labels*/
      FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req {
      font-weight: bold;

      } 

      /* WT GALLERY category mode */
div.wtgallery_categories {
        border: 1px solid silver;
        width: 190px;
        padding: 2px;
        float: left;
        margin: 2px 0;
}
div.wtgallery_category_pic {
        float: left;
}
div.wtgallery_category_pic {
        margin-right: 10px;
}
div.wtgallery_category_folder {
        margin: 20px 0 10px 0;
}
p.wtgallery_category_pagebrowser {
        display: none;
}

/* wt_gallery */
      
      /* Single */
.wtgallery_singlepic_pic {
        border: 1px solid white;
}
.wtgallery_singlepic {
        border: 1px solid #888888;
        text-align: center;
}
.wtgallery_singlepic_popup {
        text-align: center;
        margin: -20px auto 20px auto;
        z-index: 100;
        width: 250px;
        background-color: white;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        font-size: 9px;
        color: black;
}
.wtgallery_singlepic_comment {
        margin-left: 50px;
}


div.wtgallery_singlepic_fwdback {
        border: 1px solid #888888;
        padding: 5px;
        margin: 5px;
}
.wtgallery_singlepic_up { float: left; margin: 0px 5px; }
.wtgallery_singlepic_fwd {  float: left; margin: 0px 5px;  }
.wtgallery_singlepic_back {  float: left; margin: 0px 5px; }

/* List */
.wtgallery_listpic_pic {
        border: 1px solid white;
}
.wtgallery_listpic {
        margin: 2px;
}
.wtgallery_pagebrowser {
        border: 1px solid #888;
	padding: 5px;
	margin: 5px 5px 20px 5px;
}
.wtgallery_pagebrowser_back { float: left;}
.wtgallery_pagebrowser_page { float: left; margin: 0 5px;}
.wtgallery_pagebrowser_fwd { float: left; }
.wtgallery_pagebrowser_up { display: none }

.wtgallery_list_firstofrow { float: left; margin: 1px; }
.wtgallery_list_centerofrow { float: left; margin: 1px; }
.wtgallery_list_lastofrow { float: left; margin: 1px; }

.wtgallery_single_browser { margin-bottom: 10px;}


        /* Kategorie Ansicht */
div.wtgallery_categories {
        border: 1px solid #888888;
        padding: 5px;
        margin: 5px;
}

img.wtgallery_category_pic { }
img.wtgallery_category_pic:hover { }

div.wtgallery_category_pic {
        float: left;
        margin-right: 10px;
}
div.wtgallery_category_txt {
        margin-top: 10px;
        font-size: 8px;
}
/*div.wtgallery_category_folder, .wtgallery_category_pagebrowser { display: none; }*/

/* wt_gallery END */

/* ------ LOGIN ----- */
div.login{
   font-size:12px;
   color:#555533;
   margin:5px 0px;
   padding:10px 5px 0px 5px;
   width: 90%;
}
div.login input.logout{
   margin-top:5px;
}
/* ----- Input-Felder ----- */
div.login input.input{
   -background: url(img/login-bg1.jpg) repeat-x;
   border:1px solid #c9c6b3;
   width:200px;
   color:#555533;
   margin-bottom:1px;
}
div.login input.submit{
   width:202px;
   background: url(img/login-bg2.jpg) repeat-x;
   border:1px solid #c9c6b3;
}