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

body {
  font: 13px/17px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #000 url("screen/bg.gif") repeat-y center;
}

a {
  text-decoration: underline;
  color: #0072BC;
}

a:link {
  text-decoration: underline;
  color: #0072BC;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: underline;
  color: #0072BC;
}

a.m, a.m2 {
  font: bold 15px/19px Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
  text-decoration: none;
  color: #FFF;
  padding: 4px 8px 4px 8px;
  text-align: right;
  margin-right: 2px;
}

a.m:link  {
  text-decoration: none;
  color: #FFF;
}

a.m:hover {
  text-decoration: none;
  color: #FFF;
}

a.m:active {
  text-decoration: none;
  color: #00557E;
}

a.m:visited {
  text-decoration: none;
  color: #FFF;
}

a.m {
  text-decoration: none;
  background-color: #448CCB;
  color: #FFF;
}

a.m:hover, a.m2, a.m2:link, a.m2:active, a.m2:visited {
  text-decoration: none;
  background-color: #ED135A;
  color: #FFF;
}

#content {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#top {
  height: 180px;
  background: #000 url("screen/banner.jpg") no-repeat top left;
}

#menu {
  margin-top: 0px;
  margin-left: 0px;
  clear: both;
  text-align: center;
}

#menu:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#left {
  clear: both;
  width: 200px;
  float: left;
  /*border: 1px solid black;*/
  background-color: #CCC;
  margin-top: 40px;
  *margin-right: 30px;
  overflow: hidden;
}

#main {
  /*clear: both;*/
  margin: 40px 20px 20px 40px;
  width: 700px;
  overflow:hidden;
}

* html div#main {
  height: 1%;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

#footer {
  clear: left;
}

h1 {
  font: 19px Verdana, Arial, Helvetica, sans-serif;
  color: #0072BC;
  margin: 0 0 0.5em 0;
}

h2 {
  font: 17px Verdana, Arial, Helvetica, sans-serif;
  color: black;
  margin: 0 0 0.5em 0;
}

p {
  margin: 0 0 1em 0;
}

ul {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
}

ul.nav2nd {
  list-style-type:none;
}

ul.nav2nd li {
  padding: 4px 0 4px 0;
  border-bottom: 1px solid white;
}

a.m3,
a.m3:link,
a.m3:hover,
a.m3:active
{
  text-decoration: none;
  color: #0072BC;
}

.current {
  font-weight: bold;
}

#breadcrumb {
  font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 20px;
  background-color: #ccc;
  padding: 3px;
}


.image {
  border: none;
}

.flRight {
  float: right;
  margin-left: 20px;
}

.flLeft {
  float: left;
  margin-right: 20px;
}


/* REDAXO-Styles */

/*	login form
------------------------------------------------------------------------------*/
.login {
	width:200px;
}

.login2 {
	padding:5px 0 5px 14px;
}

.login label {
	display:block;
	clear:both;
	margin-top:5px;
	color:#606060;
}

.login input {
	float:left;
	margin:5px 0;
	width:130px;
	border:1px solid #606060;
	background-color:#fff;
}


.login input.submit {
	border:none;
	background:none;
	color:#606060;
	text-decoration:underline;
	cursor:pointer;
}

fieldset { border:none }

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

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
/*
  font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
*/
}

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

#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:#f7f7f7;
	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:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover {
	background-color:#f7f7f7;
	color:#000;
}

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

#form-module-thanks {
	display:block;
	color:#666;
/*
  font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
*/
}


/* download
*******************************************************************************/
#main-block .download-hdl p,
#main-block .download-file p,
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#main-block .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#main-block .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

#hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;
	
	
}


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
	background-color:silver;
}

#hassoNav #active {
	display: block;
	background-color:silver;

}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 370px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
	text-align: center;
	
}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 10px 5px;
	border:0;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
	
}

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	padding: 5px;
	width: 360px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
}


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 370px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}