* {margin: 0; padding: 0; border: 0;}
body {text-align: center; background: #777777; color: #fff; min-width: 700px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.25;}
a {color: #fff; padding: 0 2px;}
h1, h2, h3, h4, p {margin: 1em 0;}
:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }


/*	reset some basic style
*******************************************************************************/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

.clearer {display:block;clear:both;line-height:0;height:1px;font-size:0;visibility:hidden;}
.clear {clear:both;}
.flLeft { float:left; }
.flRight { float:right; }
.warning, 
#main-block .warning { color:#ff9900; }

/***************************************************************/
/**************** Layout CSS begins ****************************/
#header, #subnav, #footer {clear: both;width: 100%;}

#main {text-align: left; width: 775px; margin: 20px auto; position: relative; font-size:0.7em;}
	#contentfloatholder {float: left; width: 775px; position: relative; margin-bottom:15px;}
	#contentfloatholder:after { /* this is for NN6 to clear floats */
    content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
			#center {float:left; width: 100%; margin-right: -95%;}
				#centerpad {margin: 0 125px 0 0;}
					#header {text-align: right;}
					#header h1{background: #777777 url(header-strip.jpg) no-repeat bottom;height: 80px;margin: 0 auto;text-align: right;color:#777777;font-size: 0em;}
					#subnav {background-color: #404040; padding:0 0 0 10px; margin:20px 0; height:15px; width:640px;}
					#subnav a{ text-decoration:none; color:#AAA;}
					#actualSite{}
					#actualSite H1{ padding:0 0 0 15px; margin:0; font-size:1em; background:#777777 url(icon-orange-quad.gif) no-repeat 0 0px;} 
					#mainContent{ border-top:1px dotted #FFF; border-left:1px dotted #FFF; padding:15px; width:619px; float:left;}
					#mainContent a {text-decoration:underline;}
					#mainContent.teaser h1 {font-size:1.4em;}
					#mainContent H1{ padding:0; margin:0; font-size:1.25em;}
					#mainContent H2{ padding:0; margin:0; font-size:1.20em;}
					#mainContent H3{ padding:0; margin:0; font-size:1.15em;}
					#mainContent H4{ padding:0; margin:0; font-size:1.10em;}
					#mainContent H5{ padding:0; margin:0; font-size:1.05em;}
				#right {float:right; width: 115px; margin:0; padding:0;}
					#logo h1{background: #777777 url(header-logo.gif) no-repeat bottom;height: 115px;margin: 0 0 15px 0;text-align: right;font-size: 0em;color:#225588;}
					#navigation{}
		#footer {background-color: #404040; display:block; clear:both; height:15px;}
		#footer div {padding: 0;  margin:0;}
		#footer a.loginRedaxo {text-decoration:none; cursor:text; padding:0; margin:0;}
		#footer a:hover.loginRedaxo {text-decoration:none; cursor:text; padding:0; margin:0;}
		#footer p { padding: 0; margin:0;}
		#footer p, #footer p a, #footer p a:link {color:#999;}
		#footer p a:hover {text-decoration:none;}
		#footer .col-left {float:left; padding-left:10px;}
		#footer .col-right {float:right; padding-right:10px;}
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}


/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#mainContent p,
#mainContent ul,
#mainContent ol {
	margin-bottom:1.0em;
	line-height:1.25em;
}
#mainContent ul li ul,
#mainContent ul li ol,
#mainContent ol li ol,
#mainContent ol li ul {
	font-size:1em;
}

#mainContent ul {
	margin-left:14px;
	list-style-type:square;
}

#mainContent ol {
	list-style-type:decimal-leading-zero;
}
/*	Images
------------------------------------------------------------------------------*/
#mainContent div.image {
	margin-bottom:0;
}
#mainContent div.image p {
	margin:0;
	font-size:0.9em;
}
#mainContent div.flLeft {
	margin-right:14px;
}
#mainContent div.flRight {
	margin-left:14px;
}
/*	Navigation vertical
------------------------------------------------------------------------------*/

#navigation ul.nav1st {
	width:115px;
}


#navigation ul.nav1st li {
	padding:5px 0 5px 0px;
}

#navigation ul.nav1st li.active {
	/*background:#ff9900;*/
	border-left:2px solid #ff9900;
}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {
	color:#FF9900;
	
}

#navigation ul.nav1st a, 
#navigation ul.nav1st a:link {
	display:block;
	color:#505050;
	font-weight:bold;
	padding-left:5px;
}

#navigation ul.nav1st a:hover {
	color:#606060;

}


#navigation ul.nav1st li ul.nav2nd li {
	padding:0;
	margin-left:5px;
	/*list-style-type:square;*/
}
#navigation ul.nav2nd li.active {
	/*background:#ff9900;*/
	border:0px;
}

#navigation ul.nav2nd a, 
#navigation ul.nav2nd a:link {
	display:block;
	padding:4px 0 1px 0;
	font-weight:normal;
}

#navigation ul.nav2nd a.current, 
#navigation ul.nav2nd a.current:link, 
#navigation ul.nav2nd a:hover {
	text-decoration:underline;
}


/*	login form
------------------------------------------------------------------------------*/
.login {
	margin:1.2em 0 1.2em 0;
	width:170px;
	background-color:#f7f7f7;
	font-size:1.2em;
	line-height:1.4em;
}

.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;
}


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

#form-module {
	margin:0px;
	padding:0px;
	width:620px;
}

#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;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
}

#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:320px;
	border:1px solid #666666;
}

#form-module input.text {
	height:18px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 135px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#CCC;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#DDD;
	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
*******************************************************************************/
#mainContent .download-hdl p, 
#mainContent .download-file p, 
#mainContent .download-desc p {
	margin:0;
}
#mainContent .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

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

#mainContent .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;
}
#mainContent .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

#hassoGallery {
	padding: 0;
	
	
}


#hassoNav {
	display: block;

}

#hassoNav ul {
	display: block;
	list-style: none;
	padding:0;
	margin:0 0 20px 0;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
}

#hassoNav #active {
	display: block;
}

#hassoThumbs {
	padding: 0;
	width: 620px;
	margin: 0px;
	text-align: center;
	
}

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


#hassoThumbs .hassoThumb img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	width: 610px;
	margin: 0px;
}


#hassoPic .hassoTitle {
	text-align:center;
	
}

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

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


#hassoPrevNextNav {
	display: block;
	width: 610px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

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


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









/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
}

.jaosg_thumbnail {
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align:middle;
}

.jaosg_nav {
	text-align: center;
}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}