@charset "utf-8";

html {}
body {
background:#9c9c90;
font-family: "Trebuchet MS", Tahoma, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,lu,ol,li {
margin:0;
padding:0;
}
a {
border-bottom:#000 dotted 1px;
color:#000;
text-decoration:none;
}
a:hover {
border-bottom:#000 solid 1px;
}
.csc-textpic-image a {
border-bottom:none;
}
fieldset {
border:none;
margin:0;
padding:0;
}
textarea,input {
font-family:Arial, Helvetica, sans-serif;
width:186px;
margin-bottom:4px;
}
#wrap {
margin:0;
background:#9c9c90;
}
#innerwrap {
margin:0 auto;
width:800px;
background:#9c9c90 url(../images/hysep-bg-all.png) top center repeat-y;
}
#headwrap {
background:#9c9c90 url(../images/hysep-homepage-module-detail-photo.jpg) top center no-repeat;
width:780px;
min-height:421px;
height:auto !important;
height:421px;
margin-left:10px;
}
#headwrap #titlerow {
margin-left:20px;
padding-top:30px;
color:#000;
width:400px;
}
#headwrap #titlerow h3{
font-size:1.8em;
float:left;
}
#headwrap #titlerow span.langswitch{
font-size:1.0em;
float:right;
}
#headwrap .tagrow {
padding-top:0px;
color:#000;
width:400px;
}
#headwrap .tagrow h1{
font-size:3.6em;
}
#headwrap #logorow {
padding-top:100px;
width:244px;
}
#contentwrap {
background:#e8d72e;
min-height:528px;
height:auto !important;
height:528px;
margin-left:10px;
width:780px;
}
#contentwrap .content{
/*background:#e8d72e url(../images/hysep-bg-columns.png) top left repeat-y;*/
width:480px;
}
#contentwrap h4{
font-size:1.8em;
color:#000;
}
#contentwrap h3{
font-size:2.0em;
color:#000;
}
#contentwrap h2{
font-size:2.2em;
color:#000;
}
#contentwrap h1{
font-size:2.4em;
color:#000;
}
#contentwrap .content p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#000;
}
#contentwrap .tagrow {
color:#000;
padding:20px;
width:440px;
}
#contentwrap .tagrow h2 {
font-size:3.0em;
}
#contentwrap #leftcol {
width:200px;
float:left;
margin-left:20px;
}
#contentwrap #rightcol {
width:200px;
float:right;
}
#contentwrap #rightcol #submenu {
margin-top:0;
}
#contentwrap #rightcol ul {
margin-top:0;
list-style:none;
font-size:1.6em;
padding: 0;
}
#contentwrap #rightcol ul li {
margin-bottom:6px;
}
#contentwrap #rightcol ul li.active a{
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom:none;
/*background:#6ec8de;*/
background:#fff;
}
#contentwrap #rightcol ul li a{
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #000;
}
#contentwrap #rightcol ul li a:hover{
border-bottom:1px solid #000;
}



#footwrap {
background:#9c9c90 url(../images/hysep-bg-all.png) top center repeat-y;
min-height:28px;
height:auto !important;
height:28px;
padding:6px 30px;
}

#footwrap .content {}






#floatwrap {
position:absolute;
width:247px;
top:0;
left:50%;
margin-top:24px;
margin-left:120px;
color:#fff;
}
#floatwrap #toppart {
background:transparent url(../images/hysep-bg-rightcol-blue-transp-top.png) top center no-repeat;
height:18px;
width:247px;
}
#floatwrap #contentpart {
background:transparent url(../images/hysep-bg-rightcol-blue-transp-repeat.png) top center repeat-y;
width:247px;
min-height:386px;
height:auto !important;
height:386px;
}
#floatwrap h1{
font-size:2.4em;
color:#fff;
}
#floatwrap h2{
font-size:1.7em;
color:#fff;
}
#floatwrap h3{
font-size:1.55em;
color:#fff;
}
#floatwrap h4{
font-size:1.4em;
color:#fff;
}
#floatwrap p{
font-size:1.2em;
color:#fff;
}
#floatwrap a{
color:#fff;
border-bottom:1px dotted #fff;
}
#floatwrap a:hover{
color:#fff;
border-bottom:1px solid #fff;
}
#floatwrap ul{
font-size:1.2em;
color:#fff;
padding:0 0 0 20px;
}
#floatwrap #contentpart2 {
background:transparent url(../images/hysep-bg-rightcol-blue-transp-repeat.png) top center repeat-y;
width:247px;
min-height:228px;
height:auto !important;
height:528px;
}
#floatwrap #contentpart2 h2{
padding:20px;
}
#floatwrap #downpart {
background:transparent url(../images/hysep-bg-rightcol-blue-transp-bottom.png) top center no-repeat;
height:30px;
width:247px;
}
#floatwrap .tagrow {
padding:0 30px;
}
#floatwrap .content {
padding:0 30px;
}
.clear {
clear:both;
}
/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */