/* style the outer div to give it width */

#stern {
	padding:0px;
	width:20px;
	height:20px;
	background-color:transparent;
	border:0px 
	solid #000000;
	position: relative;
	left:140px;
	top:25px;
}

#homelink {
	padding:0px;
	width:200px;
	height:100px;
	background-color:transparent;
	border:0px 
	solid #000000;
	position: relative;
	left:10px;
	top:9px;
}


a.homelink { display:block; margin-bottom:5px; text-align:center; width:50ex; height:18ex;
border-style:ridge; border-width:0px; padding:2px; text-decoration:none; }

input#submit {
  float: none;
  width: auto;
  font-weight: bold;
  font-size:0.65em; 
}

#panorama {
	padding:0px;
	width:auto;
	height:auto;
	background-color:transparent;
	border:0px 
	solid #000000;
	position: absolute;
	left:157px;
	top:2px;
}

#panorama2 {
	padding:0px;
	width:auto;
	height:auto;
	background-color:transparent;
	border:0px 
	solid #000000;
	position: absolute;
	left:226px;
	top:1px;
}

#xsnazzy {background: transparent; margin:1em;height:140px; z-index:1;width: 660px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:transparent; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
	z-index: 2;
	position: relative;
	display: block;
	background: transparent;
	border: 0 solid #08c;
	border-width: 0 1px;
	height: 140px;
	padding: 5px 5px 5px 10px;
}

.xboxcontent p {font-size:1.3em;}
.xboxcontent ul {font-size:1.2em;}

.xboxsubcontent {display:block; background:#d4d4d4; border:0 solid #000; border-width:0 1px; height:auto; width:auto;}

/* Inset 3D Raised */
.raised {background: transparent; width:450px; height:auto; margin:0 2px 0 2px; padding-bottom:0.9em;padding-top:0.0em;padding-left:0.0em;padding-right:1em;bottom:+1px; z-index:500;}

/* hack for IE5.5 */
* html .raised , {padding-bottom:0.9em; p\adding-bottom:0.9em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;padding-bottom:0.1em;padding-left:1em;padding-top:0.1em; font-weight:bold;font-size:0.85em;}

/* Inset 3D Raised */
.smallraised {background: transparent; width:75px; height:auto; margin:0 1px 0 1px; padding-bottom:0.9em;padding-top:0.0em;padding-left:0.5em;bottom:+1px; z-index:500;}

/* hack for IE5.5 */
* html .smallraised , {padding-bottom:0.9em; p\adding-bottom:0.9em;}

.smallraised .top, .smallraised .bottom {display:block; background:transparent; font-size:1px;}
.smallraised .b1, .smallraised .b2, .smallraised .b3, .smallraised .b4, .smallraised .b1b, .smallraised .b2b, .smallraised .b3b, .smallraised .b4b {display:block; overflow:hidden;}
.smallraised .b1, .smallraised .b2, .smallraised .b3, .smallraised .b1b, .smallraised .b2b, .smallraised .b3b {height:1px;}
.smallraised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.smallraised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.smallraised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.smallraised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.smallraised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.smallraised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.smallraised .b1 {margin:0 5px; background:#fff;}
.smallraised .b2, .smallraised .b2b {margin:0 3px; border-width:0 2px;}
.smallraised .b3, .smallraised .b3b {margin:0 2px;}
.smallraised .b4, .smallraised .b4b {height:2px; margin:0 1px;}
.smallraised .b1b {margin:0 5px; background:#999;}
.smallraised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;padding-bottom:0.1em;padding-left:0.5em;padding-top:0.2em;font-size:0.85em;}


/* Inset 3D Raised for Menu*/
.raisedMenu {background: transparent; width:auto; height:93px; margin:0 10px 0 10px; padding-bottom:0.5em;padding-top:0.5em;padding-bottom: 0.5em;}
.raisedMenu h1, .raisedMenu p {margin:0 10px;}
.raisedMenu h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raisedMenu p {padding-bottom:0.5em;}

.raisedMenu .top, .raisedMenu .bottom {display:block; background:transparent; font-size:1px;}
.raisedMenu .b1, .raisedMenu .b2, .raisedMenu .b3, .raisedMenu .b4, .raisedMenu .b1b, .raisedMenu .b2b, .raisedMenu .b3b, .raisedMenu .b4b {display:block; overflow:hidden;}
.raisedMenu .b1, .raisedMenu .b2, .raisedMenu .b3, .raisedMenu .b1b, .raisedMenu .b2b, .raisedMenu .b3b {height:1px;}
.raisedMenu .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedMenu .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedMenu .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedMenu .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedMenu .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedMenu .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedMenu .b1 {margin:0 5px; background:#fff;}
.raisedMenu .b2, .raisedMenu .b2b {margin:0 3px; border-width:0 2px;}
.raisedMenu .b3, .raisedMenu .b3b {margin:0 2px;}
.raisedMenu .b4, .raisedMenu .b4b {height:2px; margin:0 1px;}
.raisedMenu .b1b {margin:0 5px; background:#999;}
.raisedMenu .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;height:93px;}


/* Inset 3D Curved */
.inset {background: transparent; width:230px; height:185px; margin:0 3px; float:right;z-index:10;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {z-index:11;position:relative; display:block; background:#ccc; border-left:1px solid #999; border-right:1px solid #fff;padding-top:0.2em; width:auto; height:185px;}

/* Bildergallerie */
.gallerie {height:auto;float:right;z-index:501;clear:both; width:auto; margin:10px 2px 0 0; padding:0 0 0 0;table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:transparent;}        
.gallerie td.small {height:37px; width:37px; margin:0 0 0 0; padding:0 0 3px 0; border-left:solid 0px rgb(255,255,255); border-right:solid 0px rgb(255,255,255); border-top:solid 0px rgb(255,255,255); border-bottom:solid 0px rgb(255,255,255); background-color:transparent; text-align:center;}
.gallerie td.normal {height:115px; width:115px; margin:0 0 0 0; padding:0 0 3px 0; border-left:solid 0px rgb(255,255,255); border-right:solid 0px rgb(255,255,255); border-top:solid 0px rgb(255,255,255); border-bottom:solid 0px rgb(255,255,255); background-color:transparent; text-align:center;}
.gallerie td.large {height:160px; width:160px; margin:0 0 0 0; padding:0 0 3px 0; border-left:solid 0px rgb(255,255,255); border-right:solid 0px rgb(255,255,255); border-top:solid 0px rgb(255,255,255); border-bottom:solid 0px rgb(255,255,255); background-color:transparent; text-align:center;}
.gallerie a.p1, .gallerie a.p1:visited {display:block; text-decoration:none; background:transparent; top:0; left:0; border:0;margin:0 0 0 0; padding:0 0 0 0;}
.gallerie a img {border:1px solid rgb(150,150,150);margin:0 0 0 0; padding:0 0 0 0;height:35px; width:35px;}
.gallerie a.p1:hover {text-decoration:none; background-color:#ccc; color:#000;}
.gallerie a .large {z-index:5;display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
.gallerie a .small {width:37px; height:37px; border:1px solid rgb(150,150,150);margin:0 0 0 0; padding:0 0 0 0;}
.gallerie a.p1:hover .large {display:block; position:absolute; top:17px; left:490px; width:157px; height:157px; border:1px solid rgb(150,150,150);z-index:500;}
img.normal {
	display: block;
	width: 115px;
	height: 115px;
	z-index: 5;
	clear:both; margin:0 0 0 0; padding:0 0 0 0; border:1px solid rgb(150,150,150);
}
img.large {
	display: block;
	width: 157px;
	height: 157px;
	z-index: 5;
	clear:both; margin:3px 3px 0 0; padding:0 0 0 0; border:0px solid rgb(150,150,150);
}
img.overlarge {
  position:absolute; top:17px; left:490px; 
	display: block;
	width: 157px;
	height: 157px;
	z-index: 5;
	clear:both; margin:0 0 0 0; padding:0 0 0 0; border:1px solid rgb(150,150,150);
}

/*Styles für die Kurseite*/
#xsnazzy_k h1, #xsnazzy_k h2, #xsnazzy_k p {margin:0 10px; letter-spacing:1px;}
#xsnazzy_k h1 {font-size:1.3em; color:#06a;}
#xsnazzy_k h2 {font-size:1.0em;color:#06a; border:0;}
#xsnazzy_k p {padding-bottom:0.2em; font-size:0.8em;}
#xsnazzy_k p.blau {padding-bottom:0.2em; font-size:1em;color:#06a;}
#xsnazzy_k h2 {padding-top:0.5em;}
#xsnazzy_k {background: transparent; margin:1em;}
.xboxcontent_k {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}

/* Inset 3D Raised for Menu*/
.raisedMenu_k {background: transparent; width:auto; height:124px; margin:0 10px 0 10px; padding-bottom:0.5em;padding-top:0.5em;}
.raisedMenu_k h1, .raisedMenu_k p {margin:0 10px;}
.raisedMenu_k h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raisedMenu_k p {padding-bottom:0.5em;}

.raisedMenu_k .top, .raisedMenu_k .bottom {display:block; background:transparent; font-size:1px;}
.raisedMenu_k .b1, .raisedMenu_k .b2, .raisedMenu_k .b3, .raisedMenu_k .b4, .raisedMenu_k .b1b, .raisedMenu_k .b2b, .raisedMenu_k .b3b, .raisedMenu_k .b4b {display:block; overflow:hidden;}
.raisedMenu_k .b1, .raisedMenu_k .b2, .raisedMenu_k .b3, .raisedMenu_k .b1b, .raisedMenu_k .b2b, .raisedMenu_k .b3b {height:1px;}
.raisedMenu_k .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedMenu_k .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedMenu_k .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedMenu_k .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedMenu_k .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedMenu_k .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedMenu_k .b1 {margin:0 5px; background:#fff;}
.raisedMenu_k .b2, .raisedMenu_k .b2b {margin:0 3px; border-width:0 2px;}
.raisedMenu_k .b3, .raisedMenu_k .b3b {margin:0 2px;}
.raisedMenu_k .b4, .raisedMenu_k .b4b {height:2px; margin:0 1px;}
.raisedMenu_k .b1b {margin:0 5px; background:#999;}
.raisedMenu_k .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;height:124px;}

/* MEhr und weniger*/
a.hid {color:#000; text-decoration:none; outline-style:none;z-index:110;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {width:134px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:134px;
background:rgb(225,225,225) url(../img/bg_main_withnav.jpg);
}
/* style the list items */
.menu li {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 5px 0px 5px;  border-bottom: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:100%;
background:rgb(225,225,225) url(../img/bg_main_withnav.jpg);}
/*.menu li.sub {background:#d4d8bd} */

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {width:122px; display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 5px 0px 5px;  text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:100%;}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:113px; w\idth:113px;}
/* style the link hover */
* html .menu a:hover {color:rgb(42,90,138); text-decoration:none; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:rgb(42,90,138); text-decoration:none;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:rgb(42,90,138); text-decoration:none;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:0px;
/* set up the overlap (minus the overrun) */
left:100px;
/* set up the overrun area */
display:block; width:13.0em; height:auto; line-height:1.3em; margin-left:0px; padding:0px 0px 0px 0px; margin-bottom:10px;
border-left:solid 1px rgb(175,175,175); border-right:solid 1px rgb(175,175,175);border-top:solid 1px rgb(175,175,175);
background:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);
}

.menu li ul li{
 background:rgb(237,237,237);
 font-size:100%; text-decoration:none; color:rgb(255,255,255); font-weight:normal;line-height:1.3em;height:3em;
 margin: 0px; padding: 0px; border-bottom: solid 1px rgb(175,175,175);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

.itsthetable {font: normal normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
/*.itsthetable table {border-collapse: collapse;}*/
.itsthetable table caption {background-color: #BEBEBE;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC; font: normal normal bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 5px;}
.itsthetable table caption {display: block}.itsthetable table thead tr th, .itsthetable table tr thead td {background-color: #D3D3D3;border-bottom: 1px solid #CCC;font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 5px;padding-right:25px;position: relative;text-align: left;}
.itsthetable table tbody tr th, .itsthetable table tbody tr td {background-color: #F3F3F3;font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 5px;padding-right:25px;text-align: left;vertical-align: top;}
.itsthetable table tbody tr.odd th, .itsthetable table tbody tr.odd td {background-color: #E3E3E3;padding: 5px;padding-right:25px;text-align: left;vertical-align: top;}
.itsthetable table tbody tr:hover th, .itsthetable table tbody tr:hover td, .itsthetable table tbody tr.odd:hover th, .itsthetable table tbody tr.odd:hover td {background-color: #D3D3D3;color: #FFF;padding: 5px;padding-right:25px;text-align: left;vertical-align: top;}
.itsthetable table tbody tr a, .itsthetable table tbody tr a:link, .itsthetable table tbody tr a:visited {color: #009;text-decoration: none;}
.itsthetable table tbody tr a:hover {color: #000;text-decoration: none;}
.itsthetable table tbody a:hover {color: #009;text-decoration: none; background-color: #D3D3D3;}
.itsthetable table tbody tr:hover th a, .itsthetable table tbody tr:hover td a, .itsthetable table tbody tr.odd:hover th a, .itsthetable table tbody tr.odd:hover td a {color: #FFF;text-decoration: none;background-color: #D3D3D3;}

/*Hilfsstyles für aus Dreamweaver erzeugte seiten*/
.Stil1 {
	color: #000000;
	font-weight: bold;
}
.Stil2 {color: #999999}
.Stil3 {color: #FF6600}
.Stil4 {color: #666666}
.Stil6 {color: #CCCCCC}
.Stil7 {color: #336699}
.Stil9 {color: #FF6600; font-weight: bold; }
.Stil10 {color: #333333}
.Stil13 {color: #333333; font-weight: bold; }
.Stil14 {font-size: larger}
.Stil15 {
	color: #FF6633;
	font-weight: bold;
}