/* last change on 04/10/2009
by Emanuel Schellner */

body {
	font-family: Trebuchet MS, verdana, Arial; font-size: 0.95em; /*should equal 15pt ?!*/
	background: rgb(214,203,197);	/* light brown */
	}

#top {	/*background: rgb(168, 144, 131) fixed url("jumpingfishes.jpg"); /* rgb = #a89083 */
			background-position: top center;
			position:relative;
			top:0;
			left:17%;
			width: 66%;
			padding:0;

			/*max-width:1000px;*/
			min-width:800px;
			/*min-height:200px;*/
			/*height: 30%;*/
}/*
#logo {	position:relative;
			top:-13%;
			left:72%;
			width: 10%;*/
			/*max-width:1000px;
			min-width:100px;
			height: 30%;*/
			/*padding:0%;
			z-index:2;
}*/

#topMenu{	background: #a89083; /* dark brown */
			color: white;
			/*font-weight: bold;*/
			font-size: 1.1em;
			position: relative;
			/*top: 29%;*/
			top:-1%;
			left: 17%;
			height: 5%;
			width: 66%;
			/*max-width:1000px;*/
			min-width:800px;
			/*min-height:20px;*/
			padding:1% 0% 2.5% 0%;
			z-index:2;
			margin:-1% 0% -1.3% 0%;
		}

.schatten { /* text-shadow: #FFF 3px 3px 5px; */}

#main{
  background: #a89083;	/* dark brown */
  position:relative;
  /*top:33.5%;*/
  top:0%;
  left:17%;
  width:66%;
  /*max-width:1000px;
  min-width:100px;
  _width:780px;*/
  min-width:800px;
  z-index:3;
  padding-top:0%;
  padding-bottom:0.7%;
}

#content_box{
	margin: 0% 1% 1% 1.8%;
	width:68.7%;
	height: 100%;
}

#content_border{
	background: #fff;
	width:100%;
	height:100%;
}

#content{
	color:#222;
	margin: 5.5% 7% 7% 7%;
	width:87.5%;
	height:86%;
}

#background {
	background-color: rgb(168, 144, 131);
}

#sidebar {	/* right menu bar */
	float:right;
	width:26%;
	height: 100%;
	margin: 0% 1.8% 1% 0%;
	/* font-size: 1.1em;*/ /* 17pt?*/
}
#sideMenu_border{
	background: #fff;
	margin:0;
}

#sideMenu {
	color:#222;
	width:82%;
	height:100%;
	margin-right: 9%;
	margin-left: 9%;
	padding-top: 2%;
	padding-bottom: 12%;
}

.events{
	background: #fbd975;
	width:100%;
	padding: 1%;
	margin-right:3%;
	vertical-align: top;
	/*border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 3px;*/
}

#welcome{
	width: 82%;
	height: 100%;
	margin-right: 9%;
	margin-left: 9%;
	padding-top: 12%;
	padding-bottom: 12%;
}

#welcome_border {
	background: white;
	margin-top: 7.6%;
}

#login   {margin:1%;}

a:link {color: black;
               text-decoration:none;}

a:visited {color: black;
               text-decoration:none;}

a:hover {color: #a89083;
               text-decoration:none;}

a:active {color: #ECECEC;
               text-decoration:none;}

h2 {   /* font-family inherited from Mutter-div */
	font-size: 1.3em;		/*19 pt?*/
	letter-spacing: 2px;
	font-weight: lighter;
    	/*text-align: center;*/
	margin:0;	/* important to not mess up the div-box style! */
	}

h3 {   /* font-family inherited from Mutter-div */
	font-size: 1.1em;		/*17 pt?*/
	letter-spacing: 2px;
	font-weight: lighter;
    	/*text-align: center;*/
	margin:0;	/* important to not mess up the div-box style! */
	}

h4{
  margin:0.5em 0 0.5em 0;
}

input, select {border:1px solid;
               margin:1px;}


p a{
  color:#ff0099;
  display:-moz-inline-stack;
  display:inline-block;
  text-decoration:none;
}

.menulink:link     {color:white;
            text-decoration:none;}

.menulink:visited  {color:white;
            text-decoration:none;}

.menulink:hover    {color:#ECECEC;
            text-decoration:none;}

.menulink:active   {color:white;
            text-decoration:none;}

:link img { border:none;text-decoration:none; }
:visited img { border:none;text-decoration:none; }
:link:active img, :visited:active img { border:none; text-decoration:none;}

ul{
  margin:0.5em 0 0 0;
}

ul li{
  margin:0 0 4px 2em;
}

fieldset{
	border:0px;
}

font.fett {
	font-weight: bold;
}
.small{
	font-size: 0.6em
}

.text {
	width: 11em;
	border-color: rgb(229,216,208);
	border-width: 2px;
	color:  rgb(168, 144, 131);
	background: #FFF;
	/*background-image:    url(../images/searchinput.png);*/
    background-repeat:   repeat-x;
    background-position: top;

}

td {
	padding-right: 5mm; /* does not work with this property*/
}
td { vertical-align: top; }

/* ##################################*/
/* to show different color in odd or even table rows respectively */
/* ##################################*/

tr.even th{
	background-color: #f3855d;
	padding:2;
	margin:1;
}

tr.even td{
	background-color: #f3855d;
	padding:2;
	margin:1;
}
tr.odd td{
	background-color: #f3c987;
	padding: 2;
	margin:1;
}
table.arrangements {border-width: 0;
		width:100%;}

/* ##################################*/
/* CREATE ROUNDED CORNERS */
/* ##################################*/

.rounded:before {
  background: transparent url(../images/top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(../images/top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}


.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(../images/bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: white;
  background: transparent url(../images/bottom-right.png) scroll no-repeat bottom right ;
  padding: 0;
}