body {
	margin:10px 0px; padding:0px;
/*	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms", "verdana"; */
	font-family:"Arial","Avenir","Verdana","sans-serif";
/*	font-size: 13px; */
	text-align:center;
	background: url("img/main_background.png") no-repeat scroll right top transparent;
}
.clearing{
	height: 0px;
	clear: both;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
#wrapper{
	width: 930px;
/* 	min-height: 700px; */
	margin: 0px auto;
	margin-top: 20px;
	text-align:left;
	padding:5px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	padding-right: 0px;
/*
	background-image: url(img/Background_middle.png); 
	background-repeat: repeat-x;
	background-position: 0px 50px;
*/
}

#background_wrapper{

	padding: 0px;
	margin-left: 0px;
}

#layout {
	float: left;

	margin: 9px 0px 27px 0px;
width:960px;
min-height: 500px;
	background-image: url("img/Background_top.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 35px 0px 0px;
}



#content_menu {
float:left;
margin-left:32px;
margin-top:20px;
height:22px;
/* width:100%; */
padding-top:26px;
}


#content_main {
min-height: 585px; /* 517px */
float: left;
margin: 0px;
padding-top: 0px;

background-image: url("img/Background_bottom.png");
background-repeat: no-repeat;
background-position: bottom left;

padding:0px 30px 0px 0px;
width:960px;
margin: 0px 0px -28px 0px;
}


#kop_logo {
	position:absolute;
	margin-top: 22px;
	margin-left: 730px;
	width: 143px;
	height: 60px;
}

#kop_logo a {
	outline:medium none;
}

#kop_logo_print {
	display: none;
}


#footer{
	float: left;
/*	font-family: geneva, verdana, helvetica,arial, sans-serif; */
	font-size: 10px;
	color: black;

	width: 900px;
	height: 40px;

	margin: -20px 0px 0px 0px;
}

#footer p.footer_left{
	float: left;
	margin: 0px 10px 0px 20px;
	padding-bottom: 20px;
}

#footer p.footer_right{
	float: right;
	margin: 0px 0px 0px 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#footer a{
	color: black;
	text-decoration: none;
	margin-right: 7px;
	outline:medium none;
}

#footer a:visited {
	color: black;
	text-decoration: none;
	outline:medium none;
}

#footer a:link {
	color: black;
	text-decoration: none;
	outline:medium none;
}

#footer a:active {
	color: black;
	text-decoration: none;
	outline:medium none;
}

#footer a:hover {
	color: black;
	text-decoration: none;
	outline:medium none;
}

#footer a img {
	border:medium none;
	margin-right:2px;
}

#print_footer {
	visibility:hidden;
	float: left;
}


/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
/*	height:30px; 	*/
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:15px;
	display:block;
	padding:0px 6px;	
	text-decoration:none;
/*	height:19px; */
	/* background-color:#efefef; */
	color:#777;
	position:relative;
/*	top:1px; */
	outline:medium none;
}

ul.css-tabs a:hover {
	/* background-color:#F7F7F7; */
	color:#333;
	/* border-bottom:5px solid #F7A58E; */
	outline:medium none;
}
	
/* selected tab */
ul.css-tabs a.current {
	/* background-color:#ddd; */
	color:#000;	
	cursor:default;
	color:red;
	font-weight:bold;
	/* border-bottom:5px solid red;	*/
	outline:medium none;
}

#css-panes {
	width: 900px;
	min-height: 500px;
	margin-left:8px;
}




div.left{
	float: left;
	margin-left: 40px; /* 50px */
	margin-right: 10px;
	padding-top: 25px;
	margin-bottom: 50px;
	width: 270px;
	
	font-size:14px;
	font-weight:bold;
	display:block;
}
div.left.verticaldrop {
	margin-top: 410px; /* 335px */
	position: absolute;
	text-align:left;
	width: 180px;
}
div.left.verticaldrop_top {
	margin-top: 100px;
	position: absolute;
	text-align:left;
	width: 180px;
}

div.left a {
	color: black;
	text-decoration:none;
}

div.left a:hover {
/*	color:#777; */
	outline:medium none;
}

div.right a {
	color: black;
	text-decoration: underline;
	font-style: italic;
}

div.right a:hover {
	color:#777;
	outline:medium none;
}

div.right{
	height: 218px;
	overflow:auto;
	padding-right: 46px;
	
	float: right;
	margin-left: 10px;
	margin-right: 20px; /* 46px */
	padding-top: 25px;
	margin-bottom: 45px;
	width: 500px;
	text-align:justify;
	font-size:13px;
}
div.right ul{
	list-style-type: none;
	padding-left: 0px;
}
div.right ul li{
	/* margin-bottom: 6px; */
}

div.right_noscroll {

	padding-right: 46px;
	
	float: right;
	margin-left: 10px;
	margin-right: 20px; /* 46px */
	padding-top: 25px;
	margin-bottom: 50px;
	width: 500px;
	text-align:justify;
	font-size:13px;
}

div.right_bigscroll{
	height: 465px;
	overflow:auto;
	padding-right: 46px;
	
	float: right;
	margin-left: 10px;
	margin-right: 20px; /* 46px */
	padding-top: 25px;
	margin-bottom: 45px;
	width: 500px;
	text-align:justify;
	font-size:13px;
}
div.right_bigscroll table {
	border-collapse:collapse;
}
div.right_bigscroll td {
	border-collapse:collapse;
	border-bottom:1px solid #d2d2d2;
}

.table1_left  {
float:left;
margin-top:4px;
}
.table1_right {
float:left;
margin-left:25px;
margin-top:4px;
}
.width442{
	width:442px;
}
.width230{
	width:230px;
}

.table2_left  {
float:left;
margin-top:4px;
min-width:75px;
}
.table2_right {
float:left;
margin-top:4px;
width:424px;
}

div.center{
	float: left;
	margin: 25px 40px 50px 40px;
	text-align: center;
}

#map_canvas {
	float: right;
	margin: 10px 20px 50px 10px;
	padding-top: 10px;
	width: 500px;
}

#search_canvas {
	float: right;
	margin: 10px 20px 50px 10px;
	padding-top: 10px;
	width: 500px;

	height: 465px;
	overflow:auto;
	padding-right: 46px;
	
	float: right;
	margin-left: 10px;
	margin-right: 20px; /* 46px */
	padding-top: 25px;
	margin-bottom: 45px;
	
}

.regular_link a{
	color:#777777;
	font-size:12px;
	font-style: normal !important;
	outline:medium none;
	padding:5px 0;
	text-decoration:none !important;
	line-height: 1.3em;
}

.regular_link_nostyle a {
	color:black !important;
	text-decoration:none !important;
	font-style: normal !important;
}

.regular_link a:hover {
color:#E5001D;
}
.regular_link a img {
border:medium none;
margin-left:14px;
}

.grey_text {
	color:gray;
}

#kop_knsp_wrapper{
	float:left;
	margin:0px 30px 0px 0px;
	background: url('img/kop_kugel.png') no-repeat scroll right 15px transparent;
	width: 880px;
	height: 500px;
}

#kop_knsp_wrapper_en{
	float:left;
	margin:0px 30px 0px 0px;
	background: url('img/kop_kugel_en.png') no-repeat scroll right 15px transparent;
	width: 880px;
	height: 500px;
}


#submenu {
	height: 35px;
	width:100%;
	margin-right: 5px;
}







/* root element for tabs  */
ul.css-menu-tabs {  
	margin:0 !important; 
	padding:0;
	height:20px;
	margin-top:0px;
}

/* single tab */
ul.css-menu-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-menu-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:0px 15px 0px 2px;	
	text-decoration:none;
	height:19px;
	color:#777;
	position:relative;
/*	top:1px; */
	outline:medium none;
}

ul.css-menu-tabs a:hover {
	color:#333;
	outline:medium none;
}
	
/* selected tab */
ul.css-menu-tabs a.current {
	color:#000;	
	cursor:default;
	color:red;
	font-weight:bold;
	outline:medium none;
}










.img_wrapper{
	float: left;
	width: 900px;
	height: 265px;
	position:relative;
	overflow:hidden;
/*  margin-left:8px; */
}

/* root element for the scroll pics */ 
.img_item{ 
	float: left;
    width:20000em; 
    position:absolute; 
    clear:both; 
}

 #img_slide {
/*	margin: 1em auto; */
/*	border: 2px solid #555; */
	width: 900px;
	height: 261px;
}



.submenu_wrapper{
	float: left;
	width: 900px;
	height: 35px;
	position:relative;
	overflow:hidden;
}

.submenu_item{ 
	float: left;
    width:20000em;
    position:absolute; 
    clear:both; 
}

.submenu0{
	float: left;
	width: 900px;
	height: 35px;
}

.submenu1{
	float: left;
	width: 900px;
	height: 35px;
	padding-left:89px;
}

.submenu2{
	float: left;
	width: 900px;
	height: 35px;
	padding-left:192px;
}

.submenu3{
	float: left;
	width: 900px;
	height: 35px;
	padding-left:328px;
}

.submenu4{
	float: left;
	width: 900px;
	height: 35px;
	padding-left:417px;
}

.submenu5{
	float: left;
	width: 900px;
	height: 35px;
	padding-left:485px;
}

.submenu6{
	float: left;
	width: 900px;
	height: 35px;
	padding-left:436px;
}



#map_canvas {
	float:right;
	width:495px;
	height: 400px;
	margin-left: 10px;
	margin-right: 53px;
	padding-top: 25px;

}

table{
	margin: 0px;
}
td{
	padding-top: 5px;
	vertical-align:top;
}
td{
	padding-right: 30px;
	text-align:left;
}
td.width75{
	width:75px;
}

/*
#bouble {
	background:url("img/bubble_back.png") no-repeat scroll left top transparent;
	color:#FFFFFF;
	font-size:15px;
	left:50px;
	top:59px;
	z-index:2;
	padding:14px 15px;
	text-align:center;
	width:200px;
}
*/

.content_scroll{
	height: 200px;
	overflow:auto;
	padding: 0px 30px 0px 0px;
}


#bubble {

/* margin:30px; */
position:absolute;
top:30px;
left:30px;
min-width:500px;
}
#bubbletext {
color:#FFFFFF;
font-size:1.2em;
left:0;
/* margin:8px 10px; */
margin:11px 5px;
min-width:100px;
position:absolute;
text-align:center;
top:0;
z-index:2;
width: 350px; /* DO NOT DELETE!!! */
}
#bubbleimg {
height:40px;
margin:0;
padding:0;
width:100%;
top:0;
left:0;
}


.slideshow_wrapper {
	float: left;
	height:265px;
	width:803px;
	overflow:hidden;
	position:relative; /* */
}

.slideshow_items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.slideshow_wrapper img {
	-moz-border-radius:4px 4px 4px 4px;
/*	background-color:#000000; */
	border:0px solid #000000;
	cursor:pointer;

	float:left;
	width:250px;
	height:167px;
	margin:20px 15px 20px 21px;
	padding:0px;
	-moz-box-shadow:1px 1px 1px 1px #4b4b4b;
}


.simple_overlay  {
	-moz-box-shadow:0 0 90px 5px #000000;
	-moz-border-radius:4px 4px 4px 4px;
	background-color:#E5E5E5; /* 333333 2D2D2D*/
	border:1px solid #000000; /* #666666 */
	display:none;
	min-height:200px;
	/*width:675px;*/
	z-index:10000;
	width:910px;
	padding:10px;
}
.simple_overlay .close {
	background-image:url(img/slideshow/close.png);
	cursor:pointer;
	height:35px;
	position:absolute;
	right:-15px;
	top:-15px;
	width:35px;
}
/* scrollable should not disable gallery navigation */ 
#gallery .disabled { 
    visibility:visible !important; 
} 
 
#gallery .inactive { 
    visibility:hidden !important; 
}

/* remove margins from the image */
.slideshow_items img {
	margin:0;
}

/* make A tags our floating scrollable items */
.slideshow_items a {
	display:block;
	float:left;
	margin:40px 10px;
}

.slideshow_inner_img {
	float:left;
}
.slideshow_inner_nav a {
	outline:medium none;
}
.slideshow_inner_nav a img {
	width:100px;
	height:67px;
	margin-bottom:10px;
	border: 0px;
}
.slideshow_inner_nav {
	float:left;
	margin-left:10px;
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(img/slideshow/nav_arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 5px; 
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-left: 10px; margin-top: 118px;}
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 10px; margin-top: 118px;} 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }






















/* the large image. we use a gray border around it */
#img {
	/*border:1px solid #000000;*/ /* #666 */
}

/* "next image" and "prev image" links */
/*.next, .prev {*/
.bigNav{	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding: 5px 5px; /* 10px 20px; */
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev.bigNav {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next.bigNav {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next.bigNav:hover, .prev.bigNav:hover {
	text-decoration:underline;
	background-color:#000;
}

#img_next {
	background:url(img/slideshow/nav_arrows.png) no-repeat;
	background-position: 0 -30px;
	border: none;
}
#img_next:hover {
	background-position:-30px -30px;
}
#img_prev {
	background:url(img/slideshow/nav_arrows.png) no-repeat;
	background-position: 0 0;
	border: none;
}
#img_prev:hover {
	background-position:-30px 0;
}



/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;
}

/* the "information box" */
.info {
	padding:15px 0px 0px 10px;
	background-color:#E5E5E5;
	font-size:11px;
	clear: both;
	width:790px;
}

.info strong {
	display:block;	/* Photo description text */
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.bigNav {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6);		
}


ul.standardlink a { 
	text-decoration:none;
	color:#777;
	position:relative;
	outline:medium none;
}

ul.standardlink a:hover {
	color:#333;
	outline:medium none;
}

ul.standardlink a.current {
	color:red;
	outline:medium none;
}

ul.standardlink a.current_red {
	color:#e5001d;
	outline:medium none;
}

ul.standardlink a.current_green {
	color:#99c61c;
	outline:medium none;
}

ul.standardlink a.current_blue {
	color:#007ebb;
	outline:medium none;
}

ul.standardul {
/*	padding: 0px 15px; */
}

ul.standardul li {
	list-style-type:disc;
	margin-left:15px;
}

ul.standardul.wide li {
	margin-bottom: 1px;
}


ul.sitemapul {
	margin: 4px 0px;
	padding-left:0px;
}

ul.sitemapul li {
	list-style-type:none;
	margin:0px 0px 10px 0px;
}

ul.sitemapul li a {
	text-decoration:none;
	color:#000;
}

ul.sitemapul li a:hover {
	text-decoration:none;
	color:red;
}

ul.sitemapul.li_disc li {
	list-style-type:disc;
	margin-left:35px;
}

.tooltip {
	background-color:#F0F0F0;
	-moz-border-radius:4px 4px 4px 4px;
	opacity: 0.8;
	color:#000000;
	display:none;
	font-size:11px;
	padding:3px;
	border:1px solid #696969;
}

.tooltip ul {
	padding-left:12px;
	margin:0px;
}

.tooltip ul li {
	margin:2px;
}

#knsp_planet1 {
	width:146px;
	height:40px;
	margin-top:25px;
	margin-left:575px;
	position: absolute;
}

#knsp_planet2 {
	width:80px;
	height:40px;
	margin-top:245px;
	margin-left:735px;
	position: absolute;
}

#knsp_planet3 {
	width:125px;
	height:40px;
	margin-top:385px;
	margin-left:695px;
	position: absolute;
}

#knsp_planet4 {
	width:145px;
	height:40px;
	margin-top:465px;
	margin-left:585px;
	position: absolute;
}

#knsp_planet5 {
	width:145px;
	height:40px;
	margin-top:440px;
	margin-left:310px;
	position: absolute;
}

#knsp_planet6 {
	width:110px;
	height:40px;
	margin-top:340px;
	margin-left:255px;
	position: absolute;
}

#knsp_planet7 {
	width:146px;
	height:40px;
	margin-top:55px;
	margin-left:290px;
	position: absolute;
}

#knsp_create {
	width:210px;
	height:60px;
	margin-top:105px;
	margin-left:520px;
	position: absolute;
}



#knsp_consult {
	margin-top:230px;
	margin-left:320px;
	position:absolute;
	width: 160px;
	height: 80px;
}

#knsp_care {
	margin-top:355px;
	margin-left:525px;
	position:absolute;
	width: 165px;
	height: 75px;
}


.akad_reg_link {
	text-align:center;
	padding:7px;
	border:2px solid red;
	text-decoration:none;
	outline:medium none;
	font-size:15px;
}




#imagefilm_overlay {
	display:none;
	background-image:url(img/pixel.gif);
	/* background-color: #3F373A; */
	width:780px;
	height:550px;		
	padding-top: 100px;

}
#imagefilm_overlay_trigger img {
	margin-top: 80px;
	cursor:pointer;
}

#close_overlay {
	z-index:1;
	position: absolute;
	float: right;
	padding-left: 760px;
	margin-top: -25px;
}
