/* CSS Document */
*{
	margin:0;
	padding:0;
}

/* Struktur */
body{
	font-size: 62.5%;
}

#top-wrapper{
  background: #5E738A;
}
#top, #header, #content-wrapper, #footer-wrapper{
  width: 800px;
  margin: 0 auto;
  text-align: right;
}
#top-menu .submenu{
  position: absolute;
  width: 250px;
  padding: 0 1em 1em;
  left: 0;
  top: 45px;
  text-align: left;
  z-index: 1000;
  border: 2px solid #BEBA9E;
  background: #E9E5D0;
}

#top.spinner{
  background: url(images/spinner.gif) no-repeat center center;
  cursor: wait;
}
#top a{
  padding: 3px 0 2px 22px;
  font: 1.2em/2em 'MS Sans Serif';
  color: white;
  text-decoration: none;
}
#top a.login{
  background: url(images/lock.gif) no-repeat center left;
}
#top a.logout{
  background: url(images/lockout.gif) no-repeat center left;
}
#top a:hover{
  text-decoration: underline;
}

#header{
  height: 250px;
  text-align: left;
  background: url(images/happy-girl.jpg) no-repeat top right;
  overflow: hidden;
}
#welcome{
  margin-top: 110px;
}
#welcome h3{
  padding-left: .6em;
  font: 1.3em/1.2em 'Trebuchet MS';
  color: #A4A4A4;
}
#welcome h1{
  font: italic 2.8em 'Times New Roman';
  color: black;
  padding-left: .1em;
}

#top-menu-wrapper{
  border-top: 1px solid #BEBA9E;
  background: #E9E5D0;
}
#top-menu{
  padding: .6em;
  text-align: center;
}
#top-menu ul{
  display: inline;
  padding: .9em 1.5em;
  border-left: 1px solid #FBFAF3;
}
#top-menu li{
  display: inline;
  padding: .9em 1.5em;
  list-style-type: none;
  border-right: 1px solid #FBFAF3;
}
#top-menu li#first{
  padding-left: .5em;
}
#top-menu li a{
  font: 1.3em 'Trebuchet MS';
  color: #5E738A;
  text-decoration: none;
}
#top-menu li a:hover{
  text-decoration: underline;
}

#content-bg{
  border-top: 1px solid white;
  background: url(images/content-bg.png) repeat-x top center;
}
#content-wrapper{
  text-align: left;
  padding: 4em 0;
}

#footer{
  margin: 0 0 2em;
  text-align: center;
  font: 1.2em/1.8em 'Trebuchet MS';
  color: #888;
}
#footer a{
  color: #888;
  text-decoration: none;
}
#footer a:hover{
  color: #5E738A;
  text-decoration: underline;
}

.content{
  margin: 0 0 30px;
  padding: 0 0 50px;
  background: url(images/content-line-bg.png) repeat-x bottom left;
}

div.member-contact #content-wrapper{
  margin: 0 3em;
  width: 90%;
}

#content-wrapper h1, #content-wrapper h2, #content-wrapper h3, #content-wrapper h4, div.test h3{
	font: italic 2.6em 'Times New Roman';
	color: #4072A7;
	margin: 0 0 .8em;
}
#content-wrapper h1.error, #content-wrapper h2.error, #content-wrapper h3.error, #content-wrapper h4.error{
  color: red;
}
#content-wrapper h2{
  font-size: 2.3em;
}
#content-wrapper h3{
  font-size: 2.1em;
  margin: 0 0 .5em;
}
#content-wrapper h4, div.test h3{
  font-size: 1.7em;
  margin: 0 0 .5em;
}
#content-wrapper p, #content-wrapper ol, #content-wrapper ul,
#content-wrapper dl, #content-wrapper table, #content-wrapper form,
div.test p{
  font: 1.6em/1.8em 'Trebuchet MS';
}
div.test h3{
  cursor: pointer;
  padding: 5px 30px;
  background: url(images/info.gif) no-repeat left center;
}
div.test p{
  margin: .5em;
  font-size: 1.3em;
}
div.test{
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background: #f7f5ed;
  position: fixed;
  border-top: 2px solid #E6E5D9;
}


#content-wrapper dl ul, #content-wrapper ol ol{
  font-size: 1em;
}
#content-wrapper ol ol{
  list-style-type: lower-alpha;
}
#content-wrapper ol ol ol{
  list-style-type: lower-roman;
}
#content-wrapper ol ol ol ol{
  list-style-type: decimal;
}
#content-wrapper ol table, #content-wrapper ol table td{
  margin: 0;
  padding: 0;
  border: 0;
}
#content-wrapper ol table{
  font-size: 1em;
}
#content-wrapper dl#minor-criterias{
  margin: 0 0 2em 2em;
}
#content-wrapper p{
  margin: 0 0 1.5em;
}
#content-wrapper a, div.test p a{
  text-decoration: none;
  color: #5E738A;
}
#content-wrapper a:hover, div.test p a:hover{
  text-decoration: underline;
}
#content-wrapper a img{
  border: 0;
}

#content-wrapper table{
  margin: .2em 0 3em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
#content-wrapper table th{
  border-bottom: 1px solid #BEBA9E;
}
#content-wrapper table tr td{
  padding: .3em .5em .2em;
  border-bottom: 1px solid #E9E5D0;
  font-size: .8em;
}
table thead th.sortable-header{
  cursor: pointer;
  padding-left: 18px;
  background: url(images/sort-head.png) no-repeat left center;
}
table thead th.headerSortUp{
  background: url(images/up.png) no-repeat left center;
}
table thead th.headerSortDown{
  background: url(images/down.png) no-repeat left center;
}
.tablebg0{
	background: #FBFAF4;
}
td.highlight{
	background: #FBFAF4;
}
.tablebg0 td.highlight{
	background: #F3F2EA;
}
#content-wrapper #userverwaltung table{
  margin-bottom: 5px;
}


#address-image{
  margin: 0 2em 2em 0;
}
#content-wrapper .address{
  font-size: 1.3em;
  line-height: 1.5em;
}

.show-me-more{
  cursor: pointer;
}

.to-top{
  cursor: pointer;
  text-align: right;
}

div#login{
  text-align: left;
}
div#login form{
  display: inline;
}
div#login form input{
  width: 180px;
  vertical-align: bottom;
}
div#login form label{
  font: 1.4em 'Trebuchet MS';
  color: white;
}
div#login form label small{
  color: lightgrey;
}
div#login form .form-item{
  float: left;
  margin: 0 1em;
}

select, input{
	font-size:.9em;
}
textarea{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:1em;
}

ol li{
  margin:.4em 0 .4em 3.5em;
}
dl dd{
  margin:.4em 2.5em;
}

fieldset{
	padding:.8em;
}
legend{
	padding:.4em .8em;
	color:#04f;
}
.checkbox{
	width:15px;
	height:20px;
	margin:0 .5em;
	padding:0;
	display:inline;
	vertical-align:bottom;
}

.inline{
	display:inline;
}

#imprint dt{
	font-weight:bold;
}
#imprint{
	font-size:.8em;
}
.rot{
	color:red;
}
small{
	color:#666;
}

/* Farben und Schriften - Ende*/


/* Allgemeines */
p{
}
ul{
	margin:0 0 0 2em;
}
dl dd{
  margin-left: 1em;
}
ul{
  list-style-type: circle;
}
ul li{
	margin:.2em 0;
}
hr{
	display:none;
}
label{
	display:block;
}
input, select, textarea{
	margin:.2em 0 1em;
}
input{
	padding:.4em;
	width:300px;
}
select{
	vertical-align:text-top;
}
option{
	display:block;
	margin:.1em .2em;
}
.inputnormal{
	padding:0;
	margin:.2em;
	width:auto;
}
textarea{
	width:450px;
	height:200px;
	padding:0.5em;
}
#infos h3{
	margin:2em 0 0;
}

#imprint dl{
	margin:1em 0;
}
#imprint dt{
	margin:1em 0 0;
}
#imprint dd{
	margin:0 0 0 1em;
}
/* Allgemeines - Ende*/

/* Verschiedenes */
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.fright{
	float:right;
}
.fleft{
	float:left;
	margin: 1em 2em 1em 0;
}
.line{
	border-top:2px dotted white;
	height:2px;
}
.clear{
  clear: both;
}
/* Verschiedenes - Ende*/