html, body, div, ul, form {margin:0; padding:0;}
body {background:#eceff1 url(hg.gif) repeat-x; color:#fff; font-family:arial,sans-serif; font-size:12px; text-algin:center;}
#inl {width:920px; height:619px; margin:20px auto 0 auto; background:url(hg_big.gif); text-align:left;}
#lgo {position:relative; left:38px; top:21px; width:315px; height:248px; margin: 0 0 -249px 0; text-indent:315px; line-height:249px; overflow:hidden; background:url(logo.gif) no-repeat;}
#cnt {position:relative; left:501px; top:268px; width:363px; height:287px; margin: 0 0 -311px 0; padding:12px; overflow:hidden;}
#nav {position:relative; left:344px; top:268px; width:145px; height:299px; margin: 0 0 -311px 0; padding-top:12px;}
#new {position:relative; left:32px; top:268px; width:300px; height:169px; overflow:hidden; }
#lin {position:relative; left:32px; top:280px; width:300px; height:130px; margin: 0 0 -280px 0; overflow:hidden;}
#swf {position:relative; left:344px; top:13px; width:543px; height:223px; overflow:hidden; z-index:0;}
/**
*@section: nav
**/
#nav li {list-style:none; padding:6px; margin:0px 0px 0px 10px;}
#nav li a {font-weight:bold; color:#fff; text-decoration:none; }
#nav li a:hover {text-decoration:underline;}
#nav .subnav li {list-style:none;padding:0px;margin:10px 0px 0px 12px;}
#subnav {list-style-type:none}
#subnav li {padding-left:0px;margin-left:0px}
#subnav li a {font-weight:bold; color:#fff; text-decoration:none;}
#subnav li a:hover {text-decoration:underline;}
/**
*@section:lin
**/
#lin form {padding:10px 0 4px 16px; border:none;}
#lin h2 {font-size:12px; color:#ffffff;padding:0 0 10px 0;}
#lin h4 {font-size:10px; color:#ffffff;float:right;padding:10px 12px 0px 0px;}
#lin .entry {clear:both; margin:0 0px 8px 0px; border:none;}
#lin label {display:block; width:80px; float:left;padding: 5px 0px 0px 0px; margin: 0; font-size:11px; text-align:left }
#lin input { color: #ffffff;background: #305496; border: none; width:160px;margin-left:25px }
#lin .entry2 { clear:both;font-size:10px; float:right; margin-right:15px;width:40px }
/**
* colors
**/
#cnt, .cgrh {background:#305496 url(ecke_bl2_h.gif) right top no-repeat;}
#nav, .cgr {background:#7c98ce url(ecke_bl_h.gif) right top no-repeat;}
#new, .cgrul {background:#b8d3f3 url(ecke_bl_ul.gif) right bottom no-repeat;}
#lin, .cbl {background:#264275 url(ecke_bl.gif) right top no-repeat;}
/**
* content style
**/
#cnt h1, h2, p {margin:0; padding:0px 0 00px 0;}
#cnt p { line-height:140%;}
#cnt h1 {font-size:20px; line-height:140%; padding:0px 0 6px 0;}
#cnt h2 {font-size:12px; line-height:120%; color: #b8d3f3 ;padding:0 0 8px 0;}
#cnt h3 {font-size:12px; line-height:50%; padding:0 0 0px 0;}
#cnt h4 {font-size:32px; line-height:80%; margin-top:; letter-spacing:0px;}
#cnt a { color:#FFFFFF; text-decoration:none;}
#cnt form {padding:2px 0px 0px 0px; overflow:auto}
#cnt .entry {clear:both; margin:0px 0px 6px 0px; overflow: hidden}
#cnt label {display:block; width:80px; float:left;padding: 5px 0px 0px 0px; font-size:11px; text-align:left }
#cnt input ,TEXTAREA { color: #ffffff;background: #7c98ce;border: none; width:220px;margin-left:45px }
#cnt ul { float:right; list-style-position:outside; list-style-type:none; text-align:right;}
#cnt ul li {padding:8px 0px 0px 0px;}
#cnt ul a { font-weight:bold; color:#fff; text-decoration:none; }
#cnt ul a:hover {}
#cnt .entry2 { clear:both;font-size:10px; float:right; margin-right:15px;width:60px }
#portf {list-style-position:outside; list-style-type:none; text-align:right}
#portf li {padding:6px 10px 6px 0px;}
#portf li a {font-weight:bold; color:#fff; text-decoration:none; }
#portf li a:hover {text-decoration:none;}
#img { padding:0px 0px, 0px, 0px }
/**
* news style
**/
#new {list-style-position:outside; list-style-type:none; }
#new ul { float:right; list-style-type:none; text-align:right; padding-right:16px; font-size:11px}
#new li {padding:3px 0 0px 16px;}
#new li a { float:right;font-weight:none; color:#fff; text-decoration:none;}
#new li a:hover {text-decoration:underline;}
#new h2 {font-size:12px; line-height:130%; color: #000000; padding:14px 0 4px 16px; }
#new p { float:right;padding: 18px 10px 0 18px; text-align:right; line-height:130%; color:#000000; font-size:11px; }
#new img {padding:30px 30px 30px 0px;}
/**
* directory listing
**/
#cnt ul.listing {list-style-position:outside; list-style-type:none;}
#cnt ul.listing li {}
#cnt ul.listing a {display:block; width:320px; padding:4px 4px 4px 4px; font-weight:bold; color:#fff; text-decoration:none; border-bottom:1px solid #ffc200;}
#cnt ul.listing a.dir {background:url(list-dir.png) 4px 4px no-repeat; padding-left:24px; width:300px;}
#cnt ul.listing a:hover {background-color:#ffc200;}
html, body, div, ul, form {margin:0; padding:0;}
body {background:#eceff1 url(hg.gif) repeat-x; color:#fff; font-family:arial,sans-serif; font-size:12px; text-algin:center;}
#inl {width:920px; height:619px; margin:20px auto 0 auto; background:url(hg_big.gif); text-align:left;}
#lgo {position:relative; left:38px; top:21px; width:315px; height:248px; margin: 0 0 -249px 0; text-indent:315px; line-height:249px; overflow:hidden; background:url(logo.gif) no-repeat;}
#cnt {position:relative; left:501px; top:268px; width:363px; height:287px; margin: 0 0 -311px 0; padding:12px; overflow:hidden;}
#nav {position:relative; left:344px; top:268px; width:145px; height:299px; margin: 0 0 -311px 0; padding-top:12px;}
#new {position:relative; left:32px; top:268px; width:300px; height:169px; overflow:hidden; }
#lin {position:relative; left:32px; top:280px; width:300px; height:130px; margin: 0 0 -280px 0; overflow:hidden;}
#swf {position:relative; left:344px; top:13px; width:543px; height:223px; overflow:hidden; z-index:0;}
/**
*@section: nav
**/
#nav li {list-style:none; padding:6px; margin:0px 0px 0px 10px;}
#nav li a {font-weight:bold; color:#fff; text-decoration:none; }
#nav li a:hover {text-decoration:underline;}
#nav .subnav li {list-style:none;padding:0px;margin:10px 0px 0px 12px;}
#subnav {list-style-type:none}
#subnav li {padding-left:0px;margin-left:0px}
#subnav li a {font-weight:bold; color:#fff; text-decoration:none;}
#subnav li a:hover {text-decoration:underline;}
/**
*@section:lin
**/
#lin form {padding:10px 0 4px 16px; border:none;}
#lin h2 {font-size:12px; color:#ffffff;padding:0 0 10px 0;}
#lin h4 {font-size:10px; color:#ffffff;float:right;padding:10px 12px 0px 0px;}
#lin .entry {clear:both; margin:0 0px 8px 0px; border:none;}
#lin label {display:block; width:80px; float:left;padding: 5px 0px 0px 0px; margin: 0; font-size:11px; text-align:left }
#lin input { color: #ffffff;background: #305496; border: none; width:160px;margin-left:25px }
#lin .entry2 { clear:both;font-size:10px; float:right; margin-right:15px;width:40px }
/**
* colors
**/
#cnt, .cgrh {background:#305496 url(ecke_bl2_h.gif) right top no-repeat;}
#nav, .cgr {background:#7c98ce url(ecke_bl_h.gif) right top no-repeat;}
#new, .cgrul {background:#b8d3f3 url(ecke_bl_ul.gif) right bottom no-repeat;}
#lin, .cbl {background:#264275 url(ecke_bl.gif) right top no-repeat;}
/**
* content style
**/
#cnt h1, h2, p {margin:0; padding:0px 0 00px 0;}
#cnt p { line-height:140%;}
#cnt h1 {font-size:18px; line-height:140%; padding:0px 0 6px 0; }
#cnt h2 {font-size:14px; line-height:120%; color: #b8d3f3 ;padding:0 0 8px 0; }
#cnt h3 {font-size:12px; line-height:50%; padding:0 0 0px 0;}
#cnt h4 {font-size:32px; line-height:80%; margin-top:; letter-spacing:0px;}
#cnt a { color:#FFFFFF; text-decoration:none;}
#cnt form {padding:2px 0px 0px 0px; overflow:auto}
#cnt .entry {clear:both; margin:0px 0px 6px 0px; overflow: hidden}
#cnt label {display:block; width:80px; float:left;padding: 5px 0px 0px 0px; font-size:11px; text-align:left }
#cnt input ,TEXTAREA { color: #ffffff;background: #7c98ce;border: none; width:220px;margin-left:45px }
#cnt ul { float:right; list-style-position:outside; list-style-type:none; text-align:right;}
#cnt ul li {padding:8px 0px 0px 0px;}
#cnt ul a { font-weight:bold; color:#fff; text-decoration:none; }
#cnt ul a:hover {}
#cnt .entry2 { clear:both;font-size:10px; float:right; margin-right:15px;width:60px }
#portf {list-style-position:outside; list-style-type:none; text-align:right}
#portf li {padding:6px 10px 6px 0px;}
#portf li a {font-weight:bold; color:#fff; text-decoration:none; }
#portf li a:hover {text-decoration:none;}
#img { padding:0px 0px, 0px, 0px }
/**
* news style
**/
#new {list-style-position:outside; list-style-type:none; }
#new ul { float:right; list-style-type:none; text-align:right; padding-right:16px; font-size:11px}
#new li {padding:3px 0 0px 16px;}
#new li a { float:right;font-weight:none; color:#fff; text-decoration:none;}
#new li a:hover {text-decoration:underline;}
#new h2 {font-size:12px; line-height:130%; color: #000000; padding:14px 0 4px 16px; }
#new p { float:right;padding: 18px 10px 0 18px; text-align:right; line-height:130%; color:#000000; font-size:11px; }
#new img {padding:30px 30px 30px 0px;}
/**
* directory listing
**/
#cnt ul.listing {list-style-position:outside; list-style-type:none;}
#cnt ul.listing li {}
#cnt ul.listing a {display:block; width:320px; padding:4px 4px 4px 4px; font-weight:bold; color:#fff; text-decoration:none; border-bottom:1px solid #ffc200;}
#cnt ul.listing a.dir {background:url(list-dir.png) 4px 4px no-repeat; padding-left:24px; width:300px;}
#cnt ul.listing a:hover {background-color:#ffc200;}