/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 101%;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial,sans-serif;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	color: #000;
	margin-bottom: 0px;
   height: 101%;
   background:#fff url(../images/bg-site.png) 0 0 repeat-x;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}

input.button { cursor: pointer; }

p { 
  margin-top: 0; 
  margin-bottom: 10px;
  text-align: justify; 
}

img { border: 0 none; }

.search label,
.accordion-toggle,
.protectedby {
    display: none;
}

h1 {
   font-size: 18px;
   margin: 10px 0;
}

hr {
   border:1px dotted #666;
   margin: 10px 0;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#main {
   margin: 0 auto;
   width: 1000px;
   height: auto;
   min-height: 600px;
   overflow: hidden;
}

#header {
	background: url(../images/hbg.jpg) 0 0 no-repeat;
	position:relative;
	height:200px;
	margin: 0 0 0 40px;
	color:#dbd3bd;
}

#inhalt {
   width: 940px;
   height: auto;
   min-height: 400px;
   overflow: hidden;
   background: url(../images/rbg.png) 77% 0 repeat-y;
   margin: 0 0 0 40px;
   padding: 15px 10px 10px 10px;
}

#footer {
	clear:both;
	background: url(../images/fbg.png) 0 bottom no-repeat;
	width: 970px;
	height:39px;
	text-align:right;
	margin: 0px;
   padding: 90px 30px 0 0;
}

#links {
   float: left;
   width: 180px;
   margin: 0;
   height: auto;
   padding: 0;
}

#content {
   position:	relative;
	float:		left;
	width: 		550px;
	padding:	10px;
   margin: 0 10px;
}

#rechts {
   float: left;
   width: 160px;
}

.moduletable h3 {
	color: 			#000;
	padding: 		2px 5px 10px 25px;
	text-align: 	left;
	font-size: 		1.1em;
	margin:			6px;
	border-bottom:  1px solid gray;
   width: 115px;
	background: 	transparent url(../images/head.png) 0 center no-repeat;
}

.custom {
   padding: 0 0 0 6px;
}

.menu h3 {
	color: 			#000;
	padding: 		2px 5px 10px 25px;
	text-align: 	left;
	font-size: 		1.1em;
	margin:			6px;
	border-bottom:  1px solid gray;
   width: 115px;
	background: 	transparent url(../images/head.png) 0 center no-repeat;
}

.menu {
   padding: 0;
   margin: 0 0 15px 0;
   width: 145px;
}

.menu ul {
   margin: 4px 0 10px 5px;
}

.menu li {
   list-style: none;
   margin: 0;
   padding: 4px 0 5px 5px;
   border-bottom: 1px solid gray;
}

.menu li a { 
   text-decoration: none; 
   font-size: 13px; 
   color: #000;
   padding: 0 0 0 15px;
   background: transparent url(../images/li.png) no-repeat top 4px left;
}

.menu li a:hover { 
   text-decoration: none; 
   font-size: 13px; 
   color: #666;
   padding: 0 0 0 15px;
   background: transparent url(../images/li-a.png) no-repeat top 4px left;
}

.menu ul li.active a {
	background: transparent url(../images/li-a.png) no-repeat top 4px left;
	color: #666;
}

.moduletable_menu {
   border: 2px solid #7A7A7C;
   border-radius: 4px;
   padding: 0 10px 0 0;
   width: 165px;
}

.moduletable {
   border: 2px solid #7A7A7C;
   border-radius: 4px;
   padding: 0 10px 0 0;
}

#wasser {
   width: 210px;
   height: 140px;
   background:url(../images/wasser.gif) no-repeat top 20px left 40px;
}

.random-image {
   margin: 0 0 0 8px;
}

.start_img {
   width: 400px;
}

.table {
   width: 100%;
   border: 0;
}

.tabdiv {
   width: 250px; 
   float: left;
   height: auto;
   margin: 0;
}   

.tabdiv1 {
   width: 250px; 
   float: left; 
   height: auto;
   margin: 0 0 0 15px;
} 

.tabdiv2 {
   width: 180px; 
   float: left;
   height: auto;
   margin: 0;
} 

.tabdiv3 {
   width: 330px; 
   float: left;
   height: auto;
   margin: 0;
}