html { height:100.5%;}
* {margin: 0px; padding: 0px; border: 0px;}

body {background:#fff url(background.jpg) top center no-repeat; font:83%  "Lucida Grande", "Segoe UI", tahoma, arial,sans-serif; color:#222; line-height:1.7em;}
a {color:#336; text-decoration:none; padding:0 2px 1px; border-bottom:1px dotted #555; }
a:hover {color:#558; background:#ddd; border-bottom:1px solid #555;}
h1 {font-size:2.6em; margin:0; padding:0 0;}
h2,h3 {font-size:1.8em; margin:0 0 5px; padding:0; line-height:2.0em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
p,ul,ol {margin:0 0 10px 0; padding:0;}
ul {list-style-type:circle; padding: 0 0 0 20px;}

a.imagelink:link,  a.imagelink:visited, a.imagelink:hover, a.imagelink:active {background:none; border:0;}

#wrap {background:none; margin:0px auto; width:980px;}

#header {background-color:transparent; height:200px; width:980px; }
#header h2, #header h2 a {color:#eee; line-height:1em; border-bottom:0; }
#header h2 a:hover {color:#fff; background:none; }
#header p {padding:10px 0 0 40px; color:#eed; margin:0; font-size:1.6em;}
#main {  margin:0 10px 0; }

#hmenu {background: url(line1.png) top right no-repeat;}
#hmenu ul {xfloat:left; xwidth:960px; text-align:center; xbackground:#f2f2f2; padding: 10px 0; font-weight:bold;}
#hmenu ul li {display:inline;}
#hmenu ul li a {color:#; font-size:1.4em; padding:4px; margin:0 10px 10px 10px; border-bottom:0;}

#hmenu ul li a:hover {color:#ecddc6; background:#767b81;}
#hmenu ul li a.current {color:#dcb975;}

#double {clear:both; margin:20px 0 20px 0;}
.double1,.double2 {width:460px; xheight:300px; margin:10px 20px 0 0; float:left;}
.double2 { margin:10px 0px 0 0px;}
#double h2 {font-size:1.2em; color:#446; margin:5px 10px 10px 10px;}
#double p {font-size:0.9em; color:#446; margin:0 10px 5px 10px;}

.half { width:45%; margin:0 2% 20px 0; float:left;}

.quart {clear:both; margin:20px 0 20px 0;}
#quart h2 {font-size:1.2em; color:#446; margin:5px 10px 10px 10px;}
#quart p {font-size:0.9em; color:#446; margin:0 10px 5px 10px;}
.q1,.q2,.q3,.q4 {width:225px; height:300px; margin:10px 20px 0 0;  float:left;}
.q2, .q3 {  }
.q4 {margin:10px 0;}

.triple { clear:both;}
.tri1, .tri2, tri3 { float:left; text-align:center; width:310px; padding:10px 5px 5px 0; border-right:1px solid #ccc; border-top:1px solid #c9c9c9;}
.tri2 { border:none;}
.twotri { float:left; text-align:center; width:630px; padding:0; xborder:1px solid #ccc;}

#cross {xfloat:right; width:940px; margin:20px auto; 
xborder:1px solid #bbb;}
#cross h2 {font-size:1.2em; color:#446; margin:5px 10px 5px 10px;}
#cross p {font-size:1.0em; color:#446; margin:0 10px 5px 10px; text-align:left;}
.up1, .up2, .lo1, .lo2 { float:left; border: 2px solid #c9c9cf;  background-color:#deedde; width:430px; height: 160px; margin:10px 10px 10px 10px; padding: 0 0 0 10px; text-align:center; opacity: 0.8; }
.lo1, .lo2 { height: 340px;}

.up1 {border-right: 5px solid #999; border-bottom: 5px solid #777; } 
.up2 {border-left: 5px solid #666; border-bottom: 5px solid #999; } 
.lo1 {border-right: 5px solid #777; border-top: 5px solid #999; } 
.lo2 {border-left: 5px solid #999; border-top: 5px solid #666; } 

#footer {clear:both; width:980px; margin:0 auto;}
#footer p {color:#888; margin:0; padding:10px 0 5px; text-align:right;}
#footer a {color:#888; padding-bottom:1px; border-bottom:1px dotted #555;}
#footer a:hover {color:#333;}

/* add classes */
.box { border:1px solid #999; width:90%; padding:10px 10px 5px; text-align:center;}
.box-grad, .box-grad2 { xborder-top:1px solid #999; width:95%; padding:5px 10px 10px; background:url(box_bg.png) top left repeat-y;}
.box-grad2 { background:url(box_bg2.png) top right repeat-y;}
.box-grad a{ margin: 0 15px;}
.date { padding:3px 0 0 10px; border:1px solid #668;}
.absatz {clear:both; padding: 5px; border-top: 1px solid #ccc;     } 
.absatz2 {padding: 5px;    clear:both;}  
.subleft {float:left; width: 47%;   padding: 5px 2% 5px 0;  } 
.subright {float:left; width: 47%;   padding: 5px 0 5px 2%;  } 
.imgleft { float:left; padding:3px; margin:0 5px; border:1px solid #aaa;} 
.imgright { float:right; padding:3px; margin:0 5px; border:1px solid #aaa;} 
.textright { text-align:right;}
.center {   text-align:center;  }
.small { font-size:0.9em;}
.clear { clear:both;}   
.icon { margin-right: 10px; margin-bottom:-5px;}
.right { float:right;} 

.hide {display:none;}
.hide2 { visibility:hidden;} 
.border { border:1px solid #999; padding:3px; }
.border2 { border:1px solid #999; padding:3px; margin: 0 10px; }

.trans { opacity: 0.8; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.trans:hover { opacity:1; background-color:#ffffff; xborder: 5px solid #bbb;}

/* ###
@media screen and (min-width: 721px) and (max-width: 980px) {	
}
       ####  */