/* Optional Code */

body { 
	margin: 0; 
	padding: 0; 
	color: #000; 
	background-color: #fff; 
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 86%;
	background-image:url(graphics/tanstonbgnd.gif); }

.normal { font-style: normal; }

.wrapper { min-width: 938px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
/*	  */
	/* width: 780px;        */       /* total width */
	margin:auto;
	width: 936px;
	height:800px;
	background-image:url(graphics/grad_gray2a.jpg);
}      

.outer {
	border-left-width: 0px;  /* left column width */
	border-left-color: #999;   /* left column colour */
	border-right-width: 0px; /* right column width */
	border-right-color: #33FFFF;  /* right column colour */
	background-color: #fefefe; /* center column colour */
}

.left {
	width: 0px;              /* left column width */
	margin-left: -0px;       /* _negative_ left column width */
}

.right {
	width: 0px;              /* right column width */
	margin-right: -0px;      /* _negative_ right column width */
}

.wide {
	/* background-color: #ffc;  */  /* header colours */
}



.caption { margin:3px;font-size:80%;color:#400000}
.style13 {font-family: Arial, Helvetica, sans-serif; color: #400000; font-size: 20px;}
.style16 {font-size: 12px }
.style19 {font-family: Arial, Helvetica, sans-serif; color: #400000; font-size: 11px;}

#title { float:right; text-align:right;width:400px; height:23px; z-index:14; color: #FFFFFF; font-size: 140%; margin:13px 20px 5px 0px}
#nav{ position:absolute; left:436px; top:16px; width:50px; height:268px; z-index:14 }

#desc{ position:absolute; left:524px; top:15px; width:380px; height:250px; z-index:8; color: #400000;z-index:inherit }
#desc h2{ font-size:140%;text-align:right;font-weight:normal;padding-top:14px;/*margin:0px; */}
#desc h4{ font-size:12px;text-align:left;font-weight:bold;padding:0px;margin:0px; line-height:0px}

#sub, #sub a { text-align:right;font-size:10px; color:#996600;margin:0px 0px 0px 0 }  /* Submenu */
#sub a:hover { color:#663300 }  
#sub a:active { color:#663300 }  
#sub a:visited { color:#cccc }  


.out { position:relative;top:10px;width:75px;font-size:11px;font-weight:bold;margin-top:0px;text-align:right;z-index:inherit}

 
#desc p{ font-size:12px;text-align:justify;font-weight:normal;padding:0px;margin:-5px 0px 0px 90px  }
#desc p a{color:#663300}
#desc p a:hover{color:#996600 }

#willkommen {position:absolute; left:649px; top:0px; width:239px; height:91px; z-index:5;background-image:url(graphics/willkommen.jpg) }
#sylt { position:absolute; left:884px; top:0px; width:23px; height:89px; z-index:6}
#main1 {position:relative; left:0px; top:0px; width:938px; height:48px; z-index:7; border-top:1px solid #fff;background-image:url(graphics/top.jpg) }
#main2 {position:relative; left:0px; top:0px; width:938px; height:314px; z-index:7}
/* #motto {position:absolute; left:0px; top:179px; width:683px; height:109px; z-index:14; background-image: url(graphics/motto8.jpg); layer-background-image: url(graphics/motto8.jpg);  border:0px none #fff}*/

#text {position:absolute; left:554px; top:181px; width:361px; height:228px; z-index:14}
#text h1{display:none}
#text h2{display:none}
#text p{display:none}

#main3 {position:relative; left:0px; top:0px; width:938px; height:98px;z-index:7; border-bottom:2px solid #666666;border-bottom-color:#999999;background-image:url(graphics/bottom2.jpg)}

#smallthumbs {position:absolute; left:242px; top:12px; width:677px; height:100px; z-index:18}
#smallthumbs img{border:1px solid #fff}
#smallthumbs .names{position:relative;top:-18px;left:16px;color:#fff;font-size:75%;z-index:10}

.shadow{ border-bottom:3px solid #b8b7b2;border-right:2px solid #666;z-index:10;FILTER: alpha(opacity=40);moz-opacity: .4 }
#koenig {position:absolute; left:34px; top:0px; width:150px; height:100px;z-index:inherit}
#koenigShadow {position:absolute; left:36px; top:3px; width:150px; height:100px}

#distel {position:absolute; left:194px; top:0px; width:150px; height:100px;z-index:inherit}
#distelShadow {position:absolute; left:196px; top:3px; width:150px; height:100px}

#nespuek { position:absolute; left:355px; top:0px; width:150px; height:100px;z-index:inherit }
#nespuekShadow {position:absolute; left:357px; top:3px; width:150px; height:100px}

#nelke {position:absolute; left:514px; top:0px; width:150px; height:60px;z-index:inherit}
#nelkeShadow {position:absolute; left:516px; top:3px; width:150px; height:99px}

#subname {position:absolute; left:55px; top:12px; width:215px; height:121px; z-index:14;text-align:left;
color:#F3F3F3;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:80%;font-weight:bold;}




#footerMenu {position:relative; left:65px; top:0px; width:472px; height:18px; z-index:7; visibility: visible;color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666}
#footerMenu a {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666}




#nav {z-index:15}
#nav img{ border-color:#FFFFFF}


.frames {visibility:hidden;position:absolute; left:30px; top:16px; width:390px; height:287px; z-index:14 }




.transMenu { LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px; }
.transMenu .content { POSITION: absolute }
.transMenu .items {	Z-INDEX: 20; LEFT: 0px; POSITION: relative; TOP: 0px }
.top .items { BORDER-TOP: medium none }
.transMenu .item { 	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #fff; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.transMenu .background {Z-INDEX: 10; FILTER: alpha(opacity=80); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8 }
.transMenu .shadowRight {Z-INDEX: 30; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4 }
.transMenu .shadowBottom { Z-INDEX: 10; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4 }
.transMenu .hover {	BACKGROUND: #555; COLOR: #fff}
.transMenu .item IMG {MARGIN-LEFT: 10px }
/*
.transMenu .items {	Z-INDEX: 2; }
.transMenu .item { Z-INDEX: 10; z-index:inherit}
.transMenu .background {Z-INDEX: 10; z-index:inherit}
.transMenu .shadowRight {Z-INDEX: 30;z-index:inherit }

*/



#mtm_wrap { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 642px; BORDER-BOTTOM: black 1px solid }
#mtm_menu { position:relative; left:40px; top:60px; width:672px; height:18px; z-index:inherit; visibility: visible;color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#mtm_menu A { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR:#666; LINE-HEIGHT: 15px; PADDING-TOP: 0px; FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
/* #mtm_menu A.hover {background-image:url(../graphics/glblnav_selected.gif)}*/
#mtm_menu SPAN.active {	DISPLAY: inline}
#mtm_menu SPAN {DISPLAY: none }
#mtm_menu #img {VERTICAL-ALIGN: bottom}
#mtm_menu #subnav {	FONT-SIZE: 10px; MARGIN-BOTTOM: 2em}
#mtm_menu #subnav A {COLOR: #fff; MARGIN-RIGHT: 1em}
#mtm_menu #subnav SPAN {COLOR: #fff; MARGIN-RIGHT: 1em}
TABLE.items TR.item TD {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #fff; FONT-FAMILY:Arial, Helvetica, sans-serif}



/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin:0px; width: 1px;border:1px solid blue }
.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }
.wide { width: 100%; height:102px;position: relative; z-index: 13; }
.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid #fff; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -8px 0 20px; }
/*.center { margin: 0 -8px 0 -2px; }*/