/* 
RGB colors
---------------
#FF8C00 : darkorange 
#D2691E : #D2691E 
*/

/* DOCUMENT STRUCTURE
---------------------------------*/
html,body { background-color: #FF8C00; text-align: center; margin-top: 5px; margin-bottom: 10px; font-family: Arial, sans-serif;}
/* for future use 
body { background-image: url(../IMG/bck.png); background-position:top center; background-repeat:no-repeat;} 
*/

/* logo zone */
div.logo { position: relative; height: 135px; margin-left: auto; margin-right: auto; width: 805px; padding: 6px; }
		
/* navigation zone  */
div.nav  {text-align: left; position: relative; margin-left: auto; margin-right: auto; width: 790px; margin-bottom: 5px;margin-top: 5px;
border-style: none; background-color: #FF8C00;}
/* hocken hàngt an deser zeil ennen drenner */
ul.nav {text-align: left; position: absolute; list-style: none; margin:0;margin-left:0px;width:800px;padding:0px;}
li.nav {;float: left; position: relative; padding: 0px; min-width:11.7%; max-width: 100%; background-color: #FF8C00; font-weight:bold;
border-style: solid; border-color: black; border-width: 1px; text-align: center;border-collapse: collapse; border-spacing: 1px;}
a.nav {display: block;font-family: Verdana, sans-serif; padding: 5px 10px 5px 10px; color: black; text-decoration: none;text-align: center;font-size: 100%; }
a.nav:link { text-decoration: none; color: black; }
a.nav:hover { background-color: #D2691E; }
a.nav:visited { text-decoration: none; color: black; }

/* for future use : BUTTONS
div.nav  { position: relative; margin-left: auto; margin-right: auto; width: 799px; border-style: none; vertical-align: middle; }
div.navbt { position: absolute; padding: 3px; width: 121px; background-color: black; 
border-style: solid; border-color: red; border-width: 2px; text-align: center; vertical-align: middle; }
*/

/* subnavigation zone */
div.sub  { position: relative; top: 30px; margin-left: auto; margin-right: auto; width: 795px; border-style: none;}
div.subbt { position: absolute; padding: 1px; min-width: 110px; max-width: 795px; background-color: orange; 
border-style: solid; border-width: 0px;border-collapse: collapse;
text-align: center; vertical-align: middle; color: black;padding:2px;}
div.subbt:hover { background-color: #D2691E; color: black;}

a.subnav { font-family: Verdana, sans-serif; font-size: 80%; font-weight: bold; color: black;}
a.subnav:link { text-decoration: none; color: black; }
a.subnav:visited { text-decoration: none; color: black; }
a.subnav:hover { background: none; text-decoration: none; color: black; }

/* contents zone  */
div.cnt { position: relative; padding: 6px; top: 37px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; 
margin-right: auto; width: 785px; background-color: white; border-style: solid; border-color: white; border-width: 1px; 
text-align: center; vertical-align: middle; 
border-color: gray; border-collapse: separate; border-spacing: 1px ; empty-cells: show;}
div.cnt#welcome { background-color: #FF8C00; top: 0px;border-width: 0px;}

/* FORMATTING
---------------------*/

/* Character formating */
h1 { font-family: Arial, sans-serif; font-weight: bold; font-size: 110%; color: navy; text-align: left; }
h2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 90%; color: black; text-align: left; }

a,p,b,li { font-family: Arial, sans-serif; text-align: justify; }
p,ul,ol { font-size: 80%; }
a,li { font-size: 100%; }

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: blue; }

h2.news { color: maroon }
h2.news#break { color: red }
div.news { border-top: 1px solid maroon; border-bottom: 0px ; border-right: 0px; border-left: 0px; border-collapse: separate;
padding-top: 6px; font-size: 80%; text-align:justify;}
div.news#break { border-top-color: red; }


/* Image formating */
img { border-width: 0px; border-style: none; }
div.img { float:left;padding-right:10px;padding-bottom:0px;margin-bottom:0px;margin-right:0px;}
div.bild { text-align: center; }
td.bild { text-align: center; }


/* Tables */
table { background-color: white; width: 100% ; margin-left: 0px; empty-cells: show; font-size: 100%;
border-style: solid; border-width: 1px ; border-color: gray; border-collapse: collapse; border-spacing: 1px; }

thead { background-color: maroon; color: white; }
tbody { background-color: white; color: black; }
tr,td { border-style: solid; border-width: 1px ; border-color: gray; border-collapse: collapse; padding: 3px; 
empty-cells: show; white-space: normal; font-size: 90%;text-align:left;}

tr.title,td.title { background-color: maroon; color: white; font-weight: bold; }

/* Invisible table */
table.white { background-color: white; width:100%; border-style: none; }
tbody.white  { background-color: white;} 
tr.white,td.white {  border-color: white; vertical-align: top; text-align: left; font-size: 100%;}

/* Welcome table */
table.welcome { background-color: #FF8C00; border-width: 0px;}
tbody.welcome  { background-color: #FF8C00; border-width: 0px;}
thead.welcome { background-color: maroon; color: white; border-width: 0px;}
tr.welcome,td.welcome { border-width: 0px; text-align: center;font-size: 100%; }