body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{
	font-size:16px;
	font-weight:bold;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 20px;
}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*/////////////////////////////////
globals
/////////////////////////////////*/

body { background-color: white; font: 12px Helvetica,Arial,sans-serif; line-height: 15px; color: #666; text-align: center; }
a { color: #666; }
a:hover { color: #999;}
table { width: 100%; font: 12px Helvetica,Arial,sans-serif; line-height: 15px; margin-bottom: 15px; }
table td { padding-right: 20px; vertical-align: top;}
strong { font-weight: bold; }
em { font-style: italic; }

.left { float: left;}
.right { float: right; }
.invisible { visibility: hidden;}
.h30 { height: 30px;}
.h90 { height: 90px;}
div.clearfix { float: none; clear: both; }

div#container {
	height: 730px;
	width: 1000px;
	padding-top: 1px;
	text-align: left;
	margin: 20px auto 1px;
	background-image: url(../img/background.gif);
	background-repeat: no-repeat;
}
div#container_innen {
	height: 900px;
	width: 800px;
	padding-top: 1px;
	text-align: left;
	background-image: url(../img/backk.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
}
div#content_innen { margin: 20px 50px 25px 50px; padding-top: 1px; background-repeat: no-repeat;  }
div#content {
	padding-top: 1px;
	background-repeat: no-repeat;
	width: 900px;
	height: 600px;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 5px;
	margin-left: 50px;
}
div#content_inner {
	width: 520px;
	height: 265px;
	margin: 35px 30px;
	padding-top: 1px;
	position: relative;
	overflow: hidden;
}
div#content_inner_i {
	width: 520px;
	height: 195px;
	margin: 35px 30px;
	padding-top: 1px;
	position: relative;
	overflow: hidden;
}

/*/////////////////////////////////
menu
/////////////////////////////////*/

div#menu {
	height: 60px;
	width: 900px;
	background-image: url(../img/back_m.png);
}
div#menu_innen {
	height: 60px;
	width: 700px;
	background-image: url(../img/back_m.png);
}

div#menu_innen ul {
	float: left;
	margin-left: 19px;
	margin-top: 18px;
}
div#menu_innen ul li {
	float: left;
	margin-right: 15px;
}
div#menu_innen ul li a { display: block; height: 22px; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
div#menu_innen ul li a:hover { background-position:  0 -23px;}
div#menu_innen ul li a span { display: none;}
div#menu_innen img.logo {
	float: left;
	margin-top: 3px;
}
div#menu ul {
	float: left;
	margin-left: 19px;
	margin-top: 18px;
}
div#menu ul li {
	float: left;
	margin-right: 15px;
}
div#menu ul li a { display: block; height: 22px; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
div#menu ul li a:hover { background-position:  0 -23px;}
div#menu ul li a span { display: none;}
div#menu img.logo {
	float: left;
	margin-top: 3px;
}

div#imp {
	margin-right: 50px;
	color: #666;
	text-align: right;
	margin-bottom: 15px;
}
div#footer { text-align: center;}
div#footer img { float: none; clear: both; margin-bottom: 25px;}


ul#submenu {
	position: absolute;
	bottom: 20px;
	left: 375px;
}
ul#submenu li { float: none; display: block; clear: both;}
ul#submenu li a { display: block; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
ul#submenu li a:hover { background-position:  0 100%; }
ul#submenu li a span { display: none;}
div#submenu_inline { margin-left: 40px;}
div#submenu_inline a { float: left; display: block; margin-right: 10px; background-repeat: no-repeat; cursor: pointer; background-position: 0 0;}
div#submenu_inline a:hover { background-position:  0 100%; }
div#submenu_inline a span { display: none;}

/*/////////////////////////////////
content
/////////////////////////////////*/

div#content_inner img.title { margin: 25px 0 25px 25px;}
div#content_inner h1.first img.title { margin-top: 0;}
div.text_content { width: 320px; height: 300px; margin: 0 0 25px 25px; padding-right: 25px; overflow: auto;}
div.text_content p { margin-bottom: 15px;}

div.download_files { height: 340px; width: 420px;}
ul.download_files { margin: 0 0 25px 25px; }
ul.download_files a { font-weight: bold; text-decoration: none; padding-right: 5px; }

/*/////////////////////////////////
js scrollpane
/////////////////////////////////*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin-right: 0;}

.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; background: #999 url() repeat-y 3px 0; height: 100%;}
.jScrollPaneDrag { position: absolute; background: #ccc url() repeat-y; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; background: #ccc url() repeat-y left; top: 0; left: 0; height: 1px; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; background: #ccc url() repeat-y left; height: 1px; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowUp:hover { /*background-color: #f60;*/}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover { /*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}

