/*This is the LEAF skin, made by Ivan for Nucleus CMS*/
/*I am not a pro in CSS - If you are one and if you think it can be done better, by all means go ahead and adjust to your needs*/
/*I've tried my best to comment on most of the styles*/

/*BASIC STUFF*/
a:link{
	color: #336633;
	font-weight: normal;
	text-decoration: underline;
}
a:visited{
	color: #336633;
	font-weight: normal;
	text-decoration: none;
}
a:hover, a:active{
	font-weight: bold;
	color: #FC9C20;
	text-decoration: underline;
}
a.link {
	font-weight: bold;
  background: url(/pics/link.png) center right no-repeat;
	padding-right: 13px;
}
img{
	border: none;
}

td{
	text-align:left;
}

/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/
/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/
.hidden{
	display: none;
}

/*Use this to centerize any image/text*/
.centerize{
	text-align: center;
}

/* MAIN STRUCTURE */
/*Don't edit if you know what's good for you*/
body{
	color: #4e4e4e;
	font-size: 0.7em;
	font-family: Verdana,Verdana, Helvetica,  Tahoma, Sans-Serif;
	background: #336633 url(/pics/01_bg.gif) top repeat-x;
	padding: 10px 0 20px 0;
	text-align: center;
	scroll: yes;
}
.bandlogo {
  margin:0px;
  border:1px #336633 solid;
}
#wrapper{
	width: 750px;
	margin: auto;
	background: white url(/pics/01_bodybg.jpg) repeat-y;
	text-align: left;
}

/*The header image*/
#header{
	position: relative;
	width: 750px;
	height: 151px;
	margin: auto;
	background: url(/pics/01_header01.jpg) no-repeat;
}

#langselect{
	position: relative;
	width: 400px;
	height: 20px;
	margin: 15px 0 0 0;
	padding: 0px 10px 0 0;
	text-align: right;
	float: right;
}

#langselect .seltitle{
  vertical-align: middle;
}

#langselect img.langimg{
  vertical-align: middle;
  padding: 0 0px 0px 10px;
  border: 0px;
}

#langselect a.lk:link,a.lk:visited,a.lk:active {
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	color: #336633;
	vertical-align: middle;
	padding-left: 10px;
}

#langselect a.lk:hover {
	color: #FC9C20;
	padding-left: 10px;
}

/*The container - edit "230" to your desired width for the sidebar (lines 55, 58, 62)*/
#container{
	 /*width: 100%;*/
	float: left;
	margin-right: -230px;
	width: 750px;
}
#content{
	margin-right: 20px;
	padding: 25px 0;
}
#sidebar{
	width: 230px;
	float: right;
	padding: 25px 0;
	text-align: left;
}
#footer{
	width: 750px;
	margin: auto;
	padding: 20px 0 0 0;
	background: url(/pics/01_footer.jpg) top no-repeat;
}

/* The container - custom page layout. resize adjustments for full screen */
#container_full{
	/* width: 100%; */
	float: left;
	margin-right: 0px;
	/* -230 */
	width: 750px;
}
#content_full{
	margin-right: 15px;
	padding: 20px 0;
}

/*Credits part is where the copyrights/xhtml/css validation stuff will be*/
#credits{
	font-size: 0.8em;
	text-align: center;
	color: #F7F7F7;
}
#credits a:link, #credits a:visited{
  font-weight: normal;
	color: #d5d5d5;
}
#credits a:hover, #credits a:active{
  font-weight: normal;
	color: white;
}
/*Ignore this*/
.clearing{
	height: 0;
	clear: both;
}
#wrapper .smalltext{
	color:#000;
}

/*THE MAIN TITLE - YOUR BLOG NAME ON TOP OF THE HEADER*/
#header h1{
	position: absolute;
	top: 16px;
	left: 18px;
	height:35px;
	font-size: 1.25em;
	line-height: 20px;
	margin: 0;
	text-indent: 0px;
}

/*THE NAVIGATION - More detailed stuff in NAVIGATION LINKS section*/
#navigation{
	font-size: 8pt;
	width: 694px;
	height: 22px;
	position: absolute;
	top: 134px;
	left: 3px;
	list-style: none;
}
#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#navigation li{
	background: none;
 	display: inline;
}

/*  THE DEFAULT HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/
h1{
	color: #4e4e4e;
	margin: 0 0 3px 0;
	font-size: 1.5em;
	height: 23px;
}
h2{
	color: #4e4e4e;
	margin: 0 0 0 0;
	font-size: 1.2em;
	height: 23px;
}
h3{
	color: #4e4e4e;
	margin: 0 0 8px 0;
	font-size: 0.875em;
}
h4{
	font-size: 0.7em;
}

/*Sub structure - To create the margins of the body (where text will be placed)*/
.contentdiv{
	margin: 0 15px 0 22px;
	min-height: 370px;
	overflow: visible;
	border: 0px solid red;
}
.sidebardiv{
	margin: 0 22px 0 15px;
}


/* THE STYLING OF THE BODY OF CONTENTS AND SIDEBAR */
.contentbody{
	margin: 0;
	padding: 0 0 0 0;
	text-align: justify;
}
.sidebarbody{
	margin: 0 0 20px 0;
	padding: 0;
}

.divnews .contentbody{
	margin: 0;
	/*padding: 0 0 30px 43px;*/
	padding: 0 0 30px 10px;
	text-align: justify;
	/*background: url(/pics/01_quote.gif) 0 3px no-repeat;*/
}

/*FORM STYLING*/
form{
	margin: 0;
	text-align: center;
}
form p{
	padding: 1em;
	text-align: left;
}
/*Styling for all form fields*/

/*Form fields on focus effect (when user click on that input field)*/
.formfield:focus{
	border: 1px solid black;
}
/*Form's buttons*/
.formbutton{
	font-size: 0.7em;
	font-family: Verdana, Helvetica,  Tahoma, Sans-Serif;
	margin: 1px 0 0 0;
	padding: 1px 10px;
	color: #4e4e4e;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}
/* Don't show textarea scrollbar on IE */
textarea{
	overflow: hidden;
}


/* STYLING OF MENU TITLES */

h3{   /* default styleing for menu items, do not remove */
	height: 23px;
	margin: 0 0 2px 0;
}

h3.news{ /* remove background image from h3 in news posts */
	background: none;
}

h3.band {
	height: 20px;
	margin: 1px 0 2px 0;
	font-size: 1em;
	color: #4e4e4e;
}

/*THE LIST STYLES*/
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
li{
	padding: 0 0 0 9px;
	margin: 0 0 2px 0;
	background: url(/pics/01_arrow.gif) 0 6px no-repeat;
}

/* NAVIGATION LINKS */
.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited, .nav4 a:link, .nav4 a:visited, .nav5 a:link, .nav5 a:visited, .nav6 a:link, .nav6 a:visited, .nav7 a:link, .nav7 a:visited, .nav8 a:link, .nav8 a:visited{
	color: #4E4E4E;
	width: 90px;
	height: 15px;
	line-height: 15px;
	background: url(/pics/01_linkbg2.gif) top repeat-y;
	padding: 0;
}
.nav1_onpage a:link, .nav1_onpage a:visited, .nav2_onpage a:link, .nav2_onpage a:visited, .nav3_onpage a:link, .nav3_onpage a:visited, .nav4_onpage a:link, .nav4_onpage a:visited, .nav5_onpage a:link, .nav5_onpage a:visited, .nav6_onpage a:link, .nav6_onpage a:visited, .nav7_onpage a:link, .nav7_onpage a:visited, .nav8_onpage a:link, .nav8_onpage a:visited{
	color: #4E4E4E;
	width: 90px;
	height: 17px;
	line-height: 17px;
	background: url(/pics/01_linkbg2.gif) top repeat-y;
	padding: 0;
}
.nav1 a:link, .nav1 a:visited, .nav1_onpage a:link, .nav1_onpage a:visited{
	position: absolute;
	top: 2px;
	left: 14px;
}
.nav2 a:link, .nav2 a:visited, .nav2_onpage a:link, .nav2_onpage a:visited{
	position: absolute;
	top: 2px;
	left: 107px;
}
.nav3 a:link, .nav3 a:visited, .nav3_onpage a:link, .nav3_onpage a:visited{
	position: absolute;
	top: 2px;
	left: 200px;
}
.nav4 a:link, .nav4 a:visited, .nav4_onpage a:link, .nav4_onpage a:visited{
	position: absolute;
	top: 2px;
	left: 293px;
}
.nav5 a:link, .nav5 a:visited, .nav5_onpage a:link, .nav5_onpage a:visited{
	position: absolute;
	top: 2px;
	left: 386px;
}
.nav6 a:link, .nav6 a:visited, .nav6_onpage a:link, .nav6_onpage a:visited{
	position: absolute;
	top: 2px;
	left: 479px;
}

/*HOVER EFFECTS*/
.nav1 a:hover, .nav1 a:active,
.nav2 a:hover, .nav2 a:active,
.nav3 a:hover, .nav3 a:active,
.nav4 a:hover, .nav4 a:active,
.nav5 a:hover, .nav5 a:active,
.nav6 a:hover, .nav6 a:active {
	background: url(/pics/01_linkbg3.gif) top repeat-y;
	margin: 1px 0 0 0;
}

/*USE A DIFFERENT COLOR WHEN USER IS ON THAT PAGE*/

.nav1_onpage a:link, .nav1_onpage a:visited,
.nav2_onpage a:link, .nav2_onpage a:visited,
.nav3_onpage a:link, .nav3_onpage a:visited,
.nav4_onpage a:link, .nav4_onpage a:visited,
.nav5_onpage a:link, .nav5_onpage a:visited,
.nav6_onpage a:link, .nav6_onpage a:visited
{
  color: #663300;
  font-weight: bold;
  text-decoration: underline;
	background: url(/pics/01_linkbg3.gif) top repeat-y;
}

.button{
	font-size: 0.7em;
	font-family: Verdana, Helvetica,  Tahoma, Sans-Serif;
	margin: 1px 0 0 0;
	padding: 1px 10px;
	color: #4e4e4e;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}

.border{
	border-collapse: collapse;
	border-spacing: 0px;
}

table {
	margin-left: auto;
	margin-right: auto;
}

/*aus mbrigade.css*/
a.newslink:link {
	text-decoration: underline;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #009933;
	line-height: 26px;
}

a.newslink:visited {
	color: #666666;
	text-decoration: none;
	line-height: 26px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

a.newslink:hover {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	line-height: 26px;
	text-decoration: underline;
}

a.newslink:active {
	color: #003300;
	line-height: 26px;
}

.text h1{
	height:20px;
	font-family: Verdana, Helvetica, Tahoma, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #009933;
	line-height: 15px;
	margin: 0;
	text-indent: 0px;
}

//*
 *  Home-Gallery-Integration
 *
 *  Autor: Christoph Böcker
 *  Version 1.0
 *  Stand   06.09.2006
 *
 *  Modul: CSS-Beispiel
 *
*/

/* Formatierung des horizontalen Navigationsmenüs */

div.hnav {width:100%; margin:0; padding:0; display:block; font-family:Verdana, Arial, sans-serif;}
div.hnav ul {margin:0; padding:0;}
div.hnav li {padding-left:0; list-style:none; float:left; margin:0 10px 0 0; border:0px solid #43496F; color:#339933; width:7em; font-size:1em; line-height:1.2em; white-space:nowrap; text-align:center;}
div.hnav a  {display:block; float:right; text-decoration:none; background-color:#ffffff; color:#339933; float:none; width: 100%;}
div.hnav li a:hover {background-color:#FC9C20; color: white;}

/* Formatierung der Tabellen */

div.homegallery_show td {background-color:#E0E0E0; width:180px; height:180px; margin:20px; text-align:center;vertical-align:middle;border:solid 2px;border-color:#FFFFFF #222222 #222222 #FFFFFF;}
div.homegallery_show a:hover { font-weight: normal;background-color:#FC9C20; color: white;}
div.homegallery_list td {background-color:#E0E0E0; width:180px; height:180px; margin:20px; text-align:center;vertical-align:middle;border:solid 2px;border-color:#FFFFFF #222222 #222222 #FFFFFF;}

/* Modul: Galerie der Gallerien: Größe/Positionierung des Indexbildes */
div.hg_list {width:200px; float:left;}

/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#e7e7e7;
	color:#4e4e4e;
}

#form-module fieldset {
	border:0px solid #fffffff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#e7e7e7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input,
#form-module select,
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit {
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#4e4e4e;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover {
	background-color:#f7f7f7;
	color:#4e4e4e;
	border: 1px solid red;
}

#form-module label.textarea,
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#4e4e4e;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1em;
}
#form-module textarea.textarea:hover,
#form-module textarea.textarea:focus,
#form-module input.text:hover,
#form-module input.text:focus{
	border: 1px solid red;
}
div.pagecenter { margin-left:67px;margin-right:90px; margin-top:15px; }

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.flLeft { float:left; padding-right: 10px;padding-bottom: 15px; }
.flRight { float:right; padding-left: 10px;padding-bottom: 15px; }

.warning,
#main-block .warning { color:#f00; }
/* download */
.download-hdl p,
.download-file p,
.download-desc p {
  border-collapse:collapse;
	margin: 0;
}

.download-hdl p {
	padding: 5px 7px;
	background-color:#e7e7e7;color:#4e4e4e;
	font-weight: bold;
}

.download-file {
  border-collapse:collapse;
  background-color:#FFF;
  padding: 5px;
  border-bottom:1px solid #4e4e4e;
}

.download-desc {
  border-collapse:collapse;
  background-color:#FFF;
  border-bottom:1px solid #4e4e4e;padding:5px;
}

.download-without-desc {
  border-collapse:collapse;
  background-color:#FFF;
  border-bottom:0px solid #4e4e4e;padding:5px;
}

/*******************************************************************************

        Horizontales Dropdown-Menu, CSS

        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html

*******************************************************************************/

.menu {
  font-family: verdana, sans-serif;
  width:750px;                    /*  (1)  */
  position:relative;
  font-size:1.0em;
  padding-bottom:50px;            /* pruefen */
  z-index:99;
}
.menu ul {                        /* UL Ebene 1 */
  padding:0;
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
  margin: 0 0 0 2px;
  padding: 0;
}
.menu ul li a,
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block;
  text-decoration:none;
  color:#336633;
  width:90px;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:20px;                    /*  (2)  */
  border-top:1px solid #ffffff;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-left:1px solid #ffffff;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-right:2px solid #336633;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-bottom:2px solid #336633;          /* Border-color am besten = Hintergrundfarbe der Seite */
  background:#ffffff;
  padding-left:0px;
  line-height:20px;               /*  --> (2)  */
}
* html .menu ul li a, .menu ul li a:visited {
  width:90px;                    /* für 'normale' Browser */
  w\idth:90px;                   /* für IE */
}
.menu ul li ul {
  display: none;
}

table {
  margin:-1px;
  border-collapse:collapse;
  font-size:1em;
  width: 90px;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#fff;
  background:#FC9C20;
  border-top:1px solid #ffffff;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-left:1px solid #ffffff;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-right:2px solid #336633;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-bottom:2px solid #336633;          /* Border-color am besten = Hintergrundfarbe der Seite */
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block;
  position:absolute;
  top:23px;                          /*  --> (2)  */
  margin-top:1px;
  left:-2px;
  width:90px;
  z-index:100;
}
* html .menu ul li a:hover ul {
  margin-top:1;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden;
  position:absolute;
  height:0;
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block;
  background:#FFC887;
  color:#336633;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  width:80px;
}
* html .menu ul li a:hover ul li a {
  width:90px;
  w\idth:90px;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background:#FC9C20;
  color:#fff;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible;
  position:absolute;
  left:90px;
  top:0;
  width:90px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-90px;
}
/* formation */

form.formation *
{
	margin:0;
	padding:0;
}

form.formation {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#e7e7e7;
	color:#4e4e4e;
}

form.formation fieldset
{
	border:1px solid #999999;
}

form.formation  p.radio,
form.formation p.checkbox
{
	width:120px;
	padding:0;
	border:none;
}

/* really bad IE hack \*/
* html form.formation fieldset { width:29em; }
* html form.formation fieldset legend { margin-bottom:1em; }
/* IE hack */

form.formation label
{
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

form.formation input,
form.formation select,
form.formation textarea,
form.formation select
{
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

form.formation fieldset br
{	clear:left;
}

form.formation input.text,
form.formation input.password
{
  height:20px;
}

form.formation textarea
{
  height:96px;
	border:1px solid #333;
}

form.formation input.checkbox
{	margin-left:8em;
}

form.formation label.checkbox
{	font-weight:normal;
	margin-left:1em;
}
form.formation input.radio
{	margin-left:8em;
}

form.formation label.radio
{	font-weight:normal;
	margin-left:1em;
}
form.formation input.button,
form.formation input.submit
{
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#4e4e4e;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	text-align:center;
	cursor:pointer;
}

form.formation input.button:hover,
form.formation input.submit:hover
{
	background-color:#f7f7f7;
	color:#4e4e4e;
	border: 1px solid red;
}

form.formation p.FORMATIONerror
{	border:1px solid #CC6666;
	color:#000000;
	background-color:#FFCCCC;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:1em;
	text-align:center;
}

form.formation p.FORMATIONsuccess
{	border:1px solid #76CB66;
	color:#000000;
	background-color:#D3FECB;
	padding:5px;
	margin:0px;
	font-size:1em;
	text-align:center;
}
form.formation strong
{	background:none;
}
form.formation textarea.textarea:hover,
form.formation textarea.textarea:focus,
form.formation input.text:hover,
form.formation input.text:focus{
	border: 1px solid red;
}

form.formation p.mandField
{
	padding: 10px;
}

form.formation div.capLabel
{
	float:left;
	padding:10px;
	width:280px;
	text-align: left;
	vertical-align: top;
	border-right:0px solid #fff;
}

form.formation div.capImg
{
	padding-top:10px;
	float:left;
	text-align: left;
	vertical-align: middle;
}
div.capImg input.captchatext
{
	margin-left:10px;
	margin-top:0px;
	float:left;
	text-align: left;
	vertical-align: middle;
}
.captcha
{
	vertical-align: middle;
}

form.formation .element {
	display:block;
	clear:both;
	background-color:#e7e7e7;
	border-top:2px solid #fff;
}

table.tal{width:90%;border-collapse:collapse;}
table.talo{width:90%;border-collapse:collapse;}
.tal td{background-color:#FFF;border:1px solid black;padding:5px;}
.talo td{border:0px solid black;padding:5px;}
td.first{background-color:#e7e7e7;color:#4e4e4e;}
.sm{font-size:0.9em;}
