* HTML {width:auto;}

/* IE CSS Hack by vbdesigns.de */
       * html #left {
            margin-right: -3px;
       }

       * html #right {
            margin-left: -3px;
       }

       * html #middle {
            margin: 0 177px 0 177px;
        /*    display:inline-block; */
       }

/* Ende IE CSS Hack by vbdesigns.de */

* body {width : auto;}

body {
      	margin-top:0px;
	  	margin-bottom:0px;
	  	margin-left:0px;
	  	margin-right:0px;
	  	padding:0px;
	  	background-color: #33CC00;
      	width:auto;
      	font-family:Verdana,Helvetica;
      	font-size:12px;
      	width:100%;
      	text-align: left;
     }

.head	{
		padding:5px;
		border:1px solid black;
		height:100px;
/*		background-image: url(./images/DAW_Banner.png); */
		}
.nav{
		background:silver;
		float:left;
		padding:5px;
		border:1px solid black;
		width:170px;
		height:400px;
		margin:5px;
		}

.main	{
		background-color:#33CC00;
		padding:5px;
		margin:5px 5px 0px 5px;
		border:1px solid red;}

/* #banner {background-color: #00FF00;width:90%;"} */


hr {
		background-color:#CC0000;	/* Mozilla */
		color:#CC0000;				/* IE */
		border: #CC0000; 			/* Opera 7.11 */
		height: 2px; 				/* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	}

h5 {font-size: 100%; font-weight: bold; COLOR: #363636; FONT-FAMILY: Verdana,Helvetica;}

.title {COLOR: #333333; FONT-SIZE: 120%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; text-align: center;}
.subtitle {background-color: #00CC00; margin-top: 0px; padding-bottom: 2px; COLOR: #363636; FONT-SIZE: 110%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; text-align: center;}
.content {padding-bottom: 2px; COLOR: #000000; FONT-SIZE: 100%; FONT-FAMILY: Verdana, Helvetica}

.spacer{padding:5px}

/* menue/navigation */
.menuetitle {background-color:#E1F9D9; border:1px solid #FF0000; padding-bottom: 2px; FONT-SIZE: 120%; FONT-FAMILY: Verdana, Helvetica; width:100%;FONT-WEIGHT: bold; text-align: center;}
.menue{ background-color:#E1F9D9; border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding-bottom: 2px; FONT-SIZE: 100%; FONT-FAMILY: Verdana, Helvetica; width:100%;text-align:center}
.menueauthor{ background-color:#E1F9D9; border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding-bottom: 2px; FONT-SIZE: 110%; FONT-FAMILY: Verdana, Helvetica; FONT-WEIGHT: bold; text-align:center}
.menueuser{ background-color:#E1F9D9; border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding-bottom: 2px; FONT-SIZE: 100%; FONT-FAMILY: Verdana, Helvetica;padding-top:4px;text-align: center;}
.txtleft{position:absolute; left:5px;}
.txtright{position:absolute; text-align:right;right:5px}

.credits{padding:0px; background-color:#00CC00 ;padding:5px;FONT-SIZE: 100%;FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;min-height:10px}
.ticker{padding:0px; background-color:#00FF00 ;padding:5px;FONT-SIZE: 100%;FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;min-height:10px}

TABLE	{
		margin:auto;
		border:0;
		BACKGROUND: none;
		FONT-SIZE: 100%;
		FONT-FAMILY: Verdana,Helvetica;
/*		empty-cells: show */;
		}
table.main{
	width: 100%;
	padding: 0px;
	border: 0px;
	margin:auto;
	}
.tablebody {
		background: #fbfbfb;
		}

th		{
		background-color:#00CC00;
		border: 1px solid #FF0000;
		FONT-FAMILY: Verdana,Helvetica;
		FONT-SIZE: 100%;
		FONT-WEIGHT: bold;
		text-align: center;
		padding: 4px;
		}

tr1 {FONT-FAMILY: Verdana,Helvetica; font-size:90%; padding:3%; background-color:#E1FFD9; border:0;}
tr2 {
	FONT-FAMILY: Verdana, Helvetica;
	font-size: 90%;
	padding: 3%;
	background-color: #00CC00;
	border: 0px;
	}

TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
caption {background-color:#E1F9D9;
		border: 1px solid #FF0000;
		FONT-FAMILY: Verdana,Helvetica;
		FONT-SIZE: 100%;
		FONT-WEIGHT: bold;
		text-align: center;
		padding: 4px;}

P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 100%}
DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}

h1 {BACKGROUND: none; COLOR: #333333; FONT-SIZE: 120%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
h2 {BACKGROUND: none; COLOR: #006600; FONT-SIZE: 110%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
h3 {BACKGROUND: none; COLOR: #339999; FONT-SIZE: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

/*-----> Formular <-----*/

form {
	background: #e0ffff;
	border: thin solid #ab0;
	margin:auto;
	padding:.5em;
	width: 98%;   /* thin line berücksichtigt*/
	text-align: center;
	}

legend {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

label, input { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width:30%; /* Breite.*/
}

label {FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica;}
.radio, .check {width:20px; margin:0; padding: 0; border: 0; float:left}

fieldset {
  border:none;
  padding-left: auto;
  padding-bottom:10px;
  display:block;
  clear:both;
  background: #f5f5f5;
}

fieldset input {
  width:auto;
  border:none;
  background: #f5f5f5;
  float:left;
  display:block;
  margin-right:10px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}

fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:4px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}

input {
color:#846ADD;
font-size:12px;
border: 1px solid #9E8DE3;
background-color: #FFFFFF;
width:auto;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.submit { /* den Submit-Button */
  width: auto;
  margin: auto;
  text-align:center;
	}
.input00 {width:auto;}
.input04 {width: 50px}
.input06 {width: 55px}

textarea {
 	display:block;
	float: none;
/*	margin: auto; */
	width: auto;
	background-color: #D6D6D6;
	}

label {
 text-align: right;
 padding-right: 1em;
 width:30%;
}


A:link {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active {BACKGROUND: none; COLOR: #363fff; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited       {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover         {BACKGROUND: #00FF00; COLOR: #363636; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}



div#left {
  float: left;
  width: 160px;
  background-color: red;
}

/* box/block format */
.box{padding:0px;background-color:#00CC00; border: 1px solid #FF0000;padding:5px; width:160px;}
.boxtitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 110%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; FONT-SIZE: 100%; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
.box2{padding:5px; background-color:#E1F9D9;border: 1px solid #FF0000;}

.storytitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 120%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 100%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 100%; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
XMP {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Courier New}
CODE {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Courier New}

blockquote {margin-left:2em}

h4 {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
.quote {color:#0000FF; margin-top:5px; margin-left:10px;FONT-WEIGHT: bold;}

#OpenTable{background-color:#00CC00;border: 1px solid #FF0000;padding:5px}
.OpenTable{background-color:#00CC00;border: 1px solid #FF0000;padding:5px}
#OpenTable2{background-color:#E1F9D9;border: 1px solid #FF0000;padding:5px}
.OpenTable2{background-color:#E1F9D9;border: 1px solid #FF0000;padding:5px}
.admininfo{background-color:#378C4D;border: 1px solid #FF0000;padding:2px}
.button {color:blue;background: #E9E9E9 ;border: 1px solid #FF0000;margin:2px;padding:4px; TEXT-DECORATION: none; }
#image{width:120px;padding:5px; background-color:#E1F9D9;border: 1px solid #FF0000;float:left;}

/*-----> Picture <-----*/
A.album { color: #990000; text-decoration: none; }
A.album:hover { color: #C40000; text-decoration: underline; }
.title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 140%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}


.avatar{width:40px;height:40px;padding:5px; background-color:#E1F9D9;border: 1px solid #FF0000;}


#hinweisbox {
  clear:both;
  padding:5px;
  border:1px solid #FF0000;
  background-color: #E1F9D9;
  color: #0000FF;
  font-weight: bold;
}

.hinweisbox {
  clear:both;
  padding:5px;
  border:1px solid #FF0000;
  background-color: #E1F9D9;
  color: #0000FF;
  font-weight: bold;
}

.notebox {clear:both; padding:5px; border:1px solid #FF0000; background-color: #E1F9D9; color: #0000FF; font-weight: bold;}

var {color: #FF0000; font-weight: bold;	font-style: normal; font-size : 110%;}
.green {color: #00CC00; font-weight: bold; font-style: normal; font-size : 110%;}
/* Gästebuch */
/* Container - Blättern*/
.seite {
	text-align : right;
	background-color : #E1F9D9;
}

/* Fussnote*/
address {
	background-color : #E1F9D9;
	padding-right : 20px;
	border : 1px solid #000;
	color : #787878;
	padding-bottom : 3px;
	text-align : right;
	margin-bottom : 20px;
	clear : both;
}
/* Name des Autors*/
address em {
        display : block;
        font-style : normal;
        font-size : 1.5em;
        color : #ADD8E6;
}
/* linke Anzeige*/
.post address{
	padding : 10px;
	width : 200px;
	float : left;
	font-style : normal;
	border : 0px;
	background-color : transparent;
	margin : 0px;
	color : #F5F5F5;
	text-align : left;
}
/*Trennzeichen*/
acronym {
	display : none;
}

/* linke Anzeige + rechte Anzeige  umschliessender Container*/
.post{
	background-color : #378C4D;
	border : 1px solid #000;
	border-top-width : 0px;
	height : auto;
	clear : both;
	border-bottom-width : 0px;
}

/* rechte Anzeige*/
.txt {
	background-color : #E1F9D9;
	border-left : 1px solid #000;
	margin-left : 240px;
	min-height : 60px;
}
.txt p {
	margin-top : 0px;
	margin-bottom : 0px;
	padding : 15px;
}
/* Navigation*/
.navi {
	background-color : #6A6A6A;
	padding : 5px;
	border : 1px solid #000;
	padding-left : 10px;
	padding-right : 10px;
}
a.navi:hover {
	background-color : #378C4D;
	text-decoration : none;
	color:#FFFFFF;
}

/* Inhalte links Anzeigen (2 Spalten Layout) */
.content1 {
float:left;
font-size:100%;
/* line-height:22px; */
padding:0px 0% 0px 0%;
margin:0%;
width:49%;
}

/* Inhalte rechts Anzeigen (2 Spalten Layout) */
.content2 {
float:right;
font-size:100%;
/* line-height:22px; */
padding:0px 0% 0px 0%;
margin: 0%;
width:49%;
}

dl       {
         display: table;
         width: 200px;
		 margin: .5em 2em 1em 0em;
         background-color: #00CC00;
         }

dt img   {
         width: 100%; /* nicht notwendig */
         display: block;
         }

dd      {
         padding: 4px;
		 margin: 0px;
         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: .7em;
         font-style: italic;
         background-color: #E1F9D9;
         }

/* Relativer Tooltip */
img.tooltip, img.tooltip:link, img.tooltip:visited, img.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #0000ff;
  }

img.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

img.tooltip span {
  display: none;
  text-decoration: none;
}

img.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 200px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font: 120% Verdana, sans-serif;
  text-align: left;
  }

img.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

.topic {
	width: 175px;
	overflow:auto;
	margin: 0px;
	padding: 0px;
/*	height:1%; */
}

.error {border: 3px solid #FF0000; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; text-align: center; background-color: #FFFF33;padding: 2%;}

ol{
margin:0;
padding:0.6em 0 0 0;
font-size:0.8em;
border-top:1px dashed #FF0000}

ul{
margin:0;
padding: 0.6em;
font-size:0.8em;
border:1px solid #FF0000;
background: #E1F9D9;
  }

li {
	text-align:left;
	list-style:none;
	list-style-position:outside;
	padding:0;
	margin:auto;
	}

/* li span{font-size:0.8em;} */

/* safe the Layout if no banner */
.advertise {width: 468px; height: 60px; position:absolute; text-align:right; right: 0px}
#logo {border: 0;}

.reviewbox {
  clear:both;
  padding:5px;
  border:1px solid #FF0000;
  background-color: #E1F9D9;
/*  color: #0000FF;*/
  font-weight: bold;
  width:50%;
  height:100%;
}

.aktuell {
display: block;
width: auto;
/* background: #ffcc00; */
background: #00FF00;
margin-top: 2px;
margin-bottom: 0px;
padding: 3px 0px 3px 4px;
font-size: 100%;
font-weight: bold;
border: 1px solid #cc6600;
}

ul.note {
	background: #E1F9D9;
	border: 1px solid #FF0000;
	}

/* Bild im Text mit Untertext */
/* Andreas Borutta http://borumat.de/ */
div.bild-mit-untertitel {
margin-right: 1em;
border: 1px solid  #009900;
padding: 1em;
float: left;
font-size: 0.9em;
font-style: italic;
background:  #E1F9D9;
}

/* Einstellungen für Module */
.module_header {
	background-color: #E1F9D9;
	border:1px solid #FF0000;
	padding-bottom: 2px;
	COLOR: #363636;
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Verdana, Helvetica;
	TEXT-DECORATION: none;
	text-align: center;
	}

.pages{
	text-align: center;
	background-color: #E1F9D9;
	border:1px solid #FF0000;
	}
img {
	border: 0;
	}

/* Style für Calendar */
.day {background-color: #00CC00; color: #000000; font-family: Verdana,Helvetica; font-size: 90%;}
.today {background-color: #FF5555; color: #000000; font-family: Verdana,Helvetica; font-size: 90%;}

/* Style für block_navigation */
/*
#nav, #nav ul {font-weight: bold; margin: 0em; padding: 0em; list-style: none;}
#nav li {DISPLAY: block; position: relative;}
#nav li a {display: block; text-decoration: none; color: #777; padding: 1px;}
#nav li ul {display: none;}
#nav li:hover ul {display: block;}
#nav li a:hover {color: #000; background: #00FF00;}
*/

#nav, #nav ul {
				margin: 0em;
				padding: 0em;
				list-style: none;
			  }
#nav li {
			DISPLAY: block;
			position: relative;
			background: #E1F9D9;
		}
#nav li ul {
			position: absolute;
			left: 146px;
			top: 0px;
			display: none;
			}
#nav li a {
			display: block;
			text-decoration: none;
			color: #000;
			padding: 5px;
		  }
#nav li a:hover {
				color: #000;
				background: #00FF00;
				}
#nav li:hover ul {
				display: block;
				background: #00FF00;
				width: 150px;
			}
.left {
 float: left;
 text-align: right;
 width: 40%;
 margin-right: 2%;
}

.right, button {
 margin-left : 42%;
}

label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
/* cursor:hand; */
}

input:focus, textarea:focus {
 color: #000;
 background: #fff;
 outline: 1px solid red;
}

.header {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 120%; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

/* Tabellen */
#tablecenter {
 	margin-left:auto;
 	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border-collapse:collapse;
	text-align:center;
	background-color:#E1FFD9;
	border:1px solid #FF0000;
 }

.albumscolumn {
	vertical-align:middle;
	text-align:center;
	padding:10px;
	}

	img.bigpicture {
	border:5px double #FF0000;

}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}