@import url(nav_shinybuttons.css);

a:link { color:#00519d; text-decoration:none; }
a:visited { color:#00519d; text-decoration:underline; }
a:hover { color:#00519d; text-decoration:underline; }
a:active { color:#00519d; text-decoration:underline; }

h { font-family:'Arial',sans-serif; color: #00519d;  }
body { background: #e9ebf6 url("bg.gif") repeat-x top left scroll; margin:0; text-align:center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 75.00%; 
    color: #444;  
}
p { margin:0; padding:0; line-height: 1.3em; margin: 0 0 0.5em 0; }

fieldset, img { border: 0 solid; }

textarea { font-family: 'Arial',sans-serif; font-size: 12px; }
input { font-family: 'Arial',sans-serif; font-size: 12px; }

h1,h2,h3,h4,h5,h6 { 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-weight:bold; 
margin: 0 0 0.5em 0;
/*margin: 10px 5px 5px 0;*/
}

h1 { font-size: 150%; color:#00519d; font-weight:normal; /*margin: 0;*/ } /* 18px -> contenthead headline */
h2 { font-size: 133.33%; color:#00519d; font-weight:normal; }        	/* 16px -> main headline */
h3 { font-size: 116.67%; color:#00519d; font-weight:bold; }             	/* 14px */
h4 { font-size: 116.67% }   											/* 14px -> box headline big */
h5 { font-size: 116.67%; color:#00519d; }                     		/* 14px */
h6 { font-size: 100%; font-weight:bold; }  							/* 12px -> box headline small */

#page { position:relative; text-align: left; width: 980px; margin: 0 auto; overflow:visible; }

#header { position:absolute; text-align: left; top:0px; left:0px; width:980px; min-height:148px; overflow:hidden; }

#menu { position:absolute; text-align: left; top:150px; left:0px; overflow:hidden; z-index:99; }
#main { position:absolute; top:190px; left:0px; width:712px; min-height:400px; padding-bottom:10px; background:white; z-index:1; }
#right { position:absolute; text-align: left; top:150px; left:740px; width:240px; overflow:hidden; }

#topnav { position:absolute;top:0px;left:0px;width:980px;color: #aaa; background: transparent; font-size: 11px; margin-top: 10px; text-align:right; }
#topnav a { margin: 0 2px 0 2px; }
#topnav select { margin-right: 4px; font-size: 11px;}
#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus, 
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color: transparent;}

#nav_main { background: url(menu_bg.gif) no-repeat; z-index:100;}
#nav_main ul { width:712px; z-index:101;}
#nav_main ul li { font-family:'Arial',sans-serif; font-size:16px; font-weight:bold; width:142px;background: transparent; line-height:40px; color:white; margin:0;padding:0;}
#nav_main ul li a { color: white; width:142px; height:40px; text-align: center; margin:0;padding:0;}
/*#nav_main ul li a:focus,
#nav_main ul li a:active  { width:178px; color: white; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;margin:0;padding:0; }
#nav_main ul li a:hover   { width:178px; background: url(white_whole_178x40.gif) no-repeat; color: #00519d; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;margin:0;padding:0; }*/
#nav_main ul li a:focus,
#nav_main ul li a:active  { color: black; filter:alpha(opacity=10); opacity: 0.1; -moz-opacity:0.1; }
#nav_main ul li a:hover   { color: black; filter:alpha(opacity=10); opacity: 0.1; -moz-opacity:0.1; }
#nav_main ul li ul li { width:168px; height:30px; background: none; line-height:30px; text-align:left; }
#nav_main ul li ul li a { font-family:'Arial',sans-serif; font-size:14px; font-weight:bold; width:168px; height:30px; background: #00519d; color: white; line-height:30px; text-align:left; padding:0 0 0 10px; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
#nav_main ul li ul li a:focus,
#nav_main ul li ul li a:hover,
#nav_main ul li ul li a:active  { width:168px; height:30px; background: #7ab800; color: white; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; padding:0 0 0 10px;}

#col1_content { width: 712px; background: url(contenthead_bg.gif) repeat-x; }
#startbox { float:left; width:225px; }
#startbox2 { float:left; width:225px; }
#startbox3 { float:left; width:225px; }
#startbox a { display:block; font-size: 13px; color: #7ab800; font-weight:bold; margin-top: 10px; }
#startbox2 a { display:block; font-size: 13px; color: #7ab800; font-weight:bold; margin-top: 10px; }
#startbox3 a { display:block; font-size: 13px; color: #7ab800; font-weight:bold; margin-top: 10px; }

#startbox_content { margin-top: 20px; padding: 0 20px 0 20px; border-right: 1px solid #d9dadb; }
#startbox_clear { margin-top: 20px; padding: 0 20px 0 20px; height: 240px; }

#subnav { width:219px; margin-top: 20px; padding: 0 0 0 10px; float:left; /*border:green 1px solid;*/ }
#subnav li { margin: 0 0 4px 0; list-style:none; font-size: 14px; }
#subnav li a { color: #00519d; background:transparent; font-weight: bold; }
#subnav li a:focus, 
#subnav li a:hover,
#subnav li a:active { color: #7ab800; }

#subnav li#current a { background: url(green.gif) 0 3px no-repeat; color: #7ab800; text-decoration:none; padding-left: 12px; }

#content { margin: 20px 0 0 240px; padding: 0 20px 0 20px; border-left: 1px #efefef solid; width:430px; /*border:red 1px solid;*/ }

#contenthead { height:55px; overflow: hidden; }
#contenthead_start { margin: 18px 0 6px 20px; background: url(blue.gif) no-repeat 0px 5px; padding-left: 15px;}
#contenthead_head { margin: 7px 0 6px 260px; background: none; }
#contenthead_breadcrumb { margin-top: 28px; padding-left:20px; float:left; background: none; }

#footer { clear:both; padding: 60px 30px 3px 30px; border:0px;}
#footer_content { text-align:center; color:#999; padding: 10px 20px; border-top: 1px #efefef solid; font-size: 11px; }
#footer_content a { margin: 0 2px 0 2px; }

#box_blue { width: 240px; margin-bottom: 15px; }
#box { padding: 45px 0 10px 0; background: url("box_bottom.gif") no-repeat left bottom; }
.box_content { background: #fff; padding: 0 20px 5px 20px; border-left: 1px solid #d9dadb; border-right: 1px solid #d9dadb; }

hr {
	color: #fff;
	background:transparent;
	margin: 1em 0 1.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #efefef solid;
}

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }