/* reset #2293c3 */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* general */

* {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

a, a *, button, button * {
	cursor: pointer;
}

fieldset, img {
	border: 0;
}

textarea {
	overflow: auto;
}


/* for screen */

@media screen {
	
	body {
		/*background: #fff url('../img/tsqr.gif') repeat-x left top;*/		
/*		background: #fff url('../img/bsqr.gif') repeat-x left bottom;;*/
/*		border-top: 3px solid #dae5ea;*/
		color: #7d7f82;
		color: #4f4b4b;
		color: #002851;
		font-size: .95em;
		/*padding-top: 3px;*/
		padding: 0;
		text-align: center;
	}


	input.tx, textarea.tx, select.tx {
		background: #f9f7f0;
		background: #f1f6f8;
		border: 1px solid #e4e4e4;
		border-left-color: #cacccc;
		border-top-color: #b5b6b6;
		font-size: 100.01%;
		padding: 5px;
	}

	.space {
		padding: 0 3px;
	}

	acronym, abbr {
		background: transparent url('../img/dots.gif') repeat-x left bottom;
		cursor: help;
	}
	
	#hnav acronym, #hnav abbr {
	  background: transparent none !important;
	  cursor: default;
	}

	button {
		background: transparent;
		border: 0;
		color: #fff;	
		font-size: 95%;
		padding: 0;
	}

	button span {
		background: #878787 url('../img/sbtntlbg.gif') no-repeat left top;
		display: block;
		margin: 0;
		padding: 0;
	}

	button span span {
		background: transparent url('../img/sbtntrbg.gif') no-repeat right top;	
	}

	button span span span { 
		background: transparent url('../img/sbtnblbg.gif') no-repeat left bottom;
	}

	button span span span span {
		background: transparent url('../img/sbtnbrbg.gif') no-repeat right bottom;
		padding: 5px 20px;
	}


	label em {
		color: #9c9c9c;
		font-size: .8em;
	}

	legend {
		margin-left: -7px;
	}

	.lft {
		float: left;
		padding: 0 20px 0 0;
		width: 570px;
	}

	.rgt {
		float: right;
		padding: 0 0 30px 10px;
		position: relative;
		width: 340px;
	}
	
	.rgt #g {
		background: transparent url('../img/g.gif') no-repeat left top;
		display: block;
		height: 200px !important;
		margin-top: -10px;
		padding-top: 20px;
		position: absolute;
		z-index: 100;
		top: 100%;
	}

	.cl {
		clear: both;
	}

	.hid, .cl span, #header h1 a span, #header h2, #lang h3, #footer #more {
		display: none;
	}

	.cwrap {
		overflow: hidden;
		padding-bottom: 40px;
	}

	#header, #middle .cwrap, #footer .cwrap, #htease p {
		margin: 0 auto;
		text-align: left;
		width: 960px;
	}

	#header {
		color: #959494;
		padding-top: 15px;
	}

	#htease {
/*		background: #9db01d url('../img/himg-test3.gif') repeat-x left top;*/
/*		background: #f5f8fa url('../img/himg.gif') repeat-x left bottom;*/
/*		background: #000 url('../img/himg4.gif') repeat-x left bottom;	*/
/*    background: #3c3232;*/
    background: #e5f0f6 url('../img/hteasebg.gif') repeat-x left -50px;
/*    background: #e5f0f6 url('../img/hteasebg.gif') repeat-x left bottom;*/
/*    background: #000 url('../img/hteasebg2.gif') repeat-x left bottom;*/

/*		color: #fff !important;*/
/*		color: #363b40;*/
		color: #c1d0e3;
		color: #c9c9c9;
		color: #e8e4d5;
    color: #0d3e70 !important;
		margin: 10px 0 0 0;
		padding: 0;
		text-align: left !important;
		width: 100%;
	}
	
	#htease {
	  color: #fff;
	}

	#htease .inner {
/*    background: transparent url('../img/himginnerbg.jpg') no-repeat left bottom;*/
/*		background: #000;*/
/*    background: transparent url('../img/hteasebgx2a.jpg') no-repeat right bottom;*/
		margin: 0 auto;
		padding: 20px 0 30px 0;
		text-align: left;
		width: 960px;
	}
	
	.home #htease .inner {
/*    background: transparent url('../img/hteasebgx.jpg') no-repeat right bottom;
    background: transparent url('../img/hteasebgx2.jpg') no-repeat right bottom;
    height: 166px !important; 
*/
	}
	
	#htease acronym, #htease abbr {
		background-image: url('../img/dots-white.gif') !important;
	}

	#htease p {
		font-size: 1.55em;
/*    font-size: 1.3em;*/
		line-height: 160%;
		padding: 30px 30px;
/*    padding-right: 220px;
    padding-right: 350px;
*/		padding-bottom: 10px;
		padding-left: 0 !important;
		text-align: center;
		width: 900px;
/*    width: 730px;
    width: 610px;
*/
  }

	#htease a {
/*		background: #96a128;
		background: #84d0f1;*/
		background: #0d3e70;
		color: #2293c3;
		color: #7cc6e7;
		color: #fff;
		text-decoration: underline;
		text-decoration: none;
		padding: 0 3px;
	}

	#htease a:hover {
/*		background: #7f8820;
		background: #7d8385;*/
/*    text-decoration: underline;
    text-decoration: none; */
    
    background: transparent;
    background: #e88612;
    color: #0d3e70;
    color: #fff;
/*    text-decoration: underline;*/
}

	#header h1, #header h1 a, #header h1 span.home {
		background: transparent url('../img/logobg.gif') no-repeat left top;
		display: block;
		font-size: 0;
		height: 57px;
		width: 244px;
	}

	#header h1 {
		float: left;
		margin-top: 36px;
	}

	#header a {
		color: #959494;
		color: #002851;
		color: #174f89;
	}

	#header h1 a, #header h1 span.home {
		background-image: url('../img/logo.gif');
		height: 30px;
		text-indent: -3000px;
	}

	#header #hwrap {
	/*	background: transparent url('../img/inwork.gif') no-repeat 260px 0;*/
		float: right;
		font-size: .8em;
		padding-top: 44px;
		text-align: right;
		position: relative;
		width: 500px;
	}

	#header #hnav li {
		display: inline;
		margin-left: 20px;
		position: relative;
	}

	#header #hnav li a, #header #hnav li span {
		line-height: 1.9em;
		padding: 2px 0;
		margin-left: 5px;
		text-decoration: none;
	}
	
	#header #hnav li img {
		vertical-align: 2px;
	}

	#header #hnav a:hover, #header #hnav a:focus, #header #hnav .act a, #header #hnav .act span {
		background: #fff;
		color: #2293c3;
		text-decoration: none;
	}

	#header #hnav li.inact a {
		color: #ced0d2;
		text-decoration: line-through;
	}
	
	.front .rgt .csc-textpic-imagewrap {
	  padding: 5px 0 0 0 !important;
	}
	
	#hnav li ul {
	  background: #fff;
	  border: 1px solid #e9f2f7;
	  border-left: 0 none;
	  border-top: 0 none;
	  display: none;
	  font-size: .9em;
	  left: 0;
	  margin-left: -5px;
	  padding: 10px 0;
	  position: absolute;
	  text-align: left;
	  top: 100%;
	  width: 22em;
	}
	
	.nojs #hnav li:hover ul {
	  display: block;
	}
	
	#hnav li ul li {
	  display: block;
	  clear: both;
	  margin: 0 !important;
	  padding: 0 !important;
	  width: 22em;
	}
	
	#hnav li ul li a, #hnav li ul li span {
	  color: #174f89 !important;
	  display: block;
	  line-height: 100% !important;
	  padding: 5px 1em !important;
	  width: 19em;
	}
	
	#hnav li ul li a {
	  text-decoration: underline;
	}
	
	#hnav li ul li a:hover, #hnav li ul li a:focus {
	  text-decoration: none;
	}
	
	#header #hnav li li a:hover, #header #hnav li li a:focus,
	#header #hnav li li.act a, #header #hnav li li.act span {
		color: #2293c3 !important;
		text-decoration: none;
	}
	
	#header #hnav li li.act span {
	  background: transparent url('http://static.renehornig.net/img/webdesign-bullet.gif') no-repeat 10px 50%;
	  padding-left: 2em !important;
	  width: 18em;
	}

	#header #lang {
		font-size: .85em;
		bottom: 2px;
		overflow: hidden;
		position: absolute;
		right: -80px;
		width: 5.2em;
	}

	#header #lang ul {
		margin-left: -1px;
		width: 5.5em;
	}

	#header #lang li {
		border-left: 1px solid #ccc;
		display: block;
		float: left;
		padding: 0 5px;
	}
	
	#breadcrumbs {
	  display: block;
	  font-size: 85% !important;
	  padding: 0 0 10px 0;
	}
	
	#breadcrumbs, #breadcrumbs * {
	  color: #999999 !important;
	  font-weight: normal !important;
	}
	
	#breadcrumbs div {
	  float: left;
	}
	
  #breadcrumbs a, #breadcrumbs span {
	  margin: 0 3px;
	}
	
	#breadcrumbs a {
	  text-decoration: underline;
	}
	
	#breadcrumbs a:hover, #breadcrumbs a:focus {
	  text-decoration: none;
	}

	#middle {
/*    background: transparent url('../img/middlebg2.gif') repeat-x left top;*/
		color: #585353;
		color: #555;
		font-size: .85em;
		padding: 50px 0 150px;
	}

	#middle h2, #middle h3, #middle h4, #middle legend {
    color: #174f89;
		font-size: 1.1em;
		line-height: 150%;
		padding-bottom: 45px;
	}

	#middle h2 {
		display: block;
		font-size: 1.7em;
				font-weight: normal;
	/*	height: 5em;*/
		padding: 10px 10px 30px 0;
		width: 580px;
	}

	/*html>body div[id='middle'] h2 {
			height: auto !important;
			min-height: 5em !important;
		}*/
		
	#middle h3, #middle legend {
    color: #174f89;
		padding-bottom: 15px;
	}
	
	#middle h3 {
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 10px;
	}

	* html #middle.front {
		height: 400px;
	}

	#middle.front {
		min-height: 400px;
	}

	#middle.text h3 {
		font-size: 1.2em;
		padding-top: 15px;
		padding-bottom: 0;
	}

	#middle h4 {
/*    color: #174f89;*/
		font-size: 1em;
	}

	#middle p {
		line-height: 165%;
		padding-bottom: 20px;
	}

	#middle .lft ul {
	  list-style: none;
/*    list-style: inherit;*/
		padding: 0 0 18px 0;
	}

	#middle .lft ul li {
	  background: transparent url('http://static.renehornig.net/img/webdesign-bullet.gif') no-repeat left .7em;
		line-height: 165%;
		padding-bottom: 5px;
		padding-left: 15px;
	}

	#middle h2 a, #middle h3 a, 
	#middle h4 a, #middle p a {
/*		background: #84d0f1;
		color: #fff;		
*/		color: #174f89;
		text-decoration: underline;	
	}

	#middle h2 a:hover, #middle h3 a:hover,
	#middle h4 a:hover, #middle p a:hover {		
/*		background: transparent;
		color: #61bde6;
*/		text-decoration: none;
	}
	
	#middle a {
	  color: #174f89;
	  font-weight: bold;
	  text-decoration: underline
	}
	
	#middle a:hover {
	  color: #2293c3;
		text-decoration: none;
	}

	#middle .rgt {
		padding-top: .1em;
	}

	#middle .box {
		padding-bottom: 20px;
	}

	#middle .mtease p, .work .lft p {
		background: transparent url('../img/mteasebg.gif') no-repeat 1px .65em;
		color: #363b40;
		color: #555;
		display: block;
		font-size: 1.2em;
		text-indent: 35px;
		padding-bottom: 40px;
	}
	
	#middle .mtease p * {
		color: #555;
	}
	
	.front .lft .csc-textpic-text strong, .front .lft .csc-textpic-text em, #middle .mtease strong, #middle .mtease em {		
		font-style: normal;
		font-weight: normal;
	}
	
	.front .lft .csc-textpic-text strong, .front .lft .csc-textpic-text em {
		color: #696b6f !important;
	}

	#middle .mnav, #middle .tnav, #servme {
		padding-left: 20px;
		width: 320px;
	}

	#middle .mnav h3 {
		padding: 0 0 10px 15px;
	}
	
	#middle .tnav h3 {
		padding: 0 0 10px 0;
	}
	
	#middle .tnav li {
		padding-bottom: 10px;
	}
	
	#middle .twnav {
		border-top: 1px solid #eee;
		display: block;
		margin-top: 20px;
		padding: 10px 0;
	}
	
	#middle .twnav a {
		display: inline;
	}
	
	#middle .twnav .prevnext, #middle .twnav .overview {
		width: 190px;
	}
	
	#middle .twnav .prev, #middle .twnav .overview {
		float: left;
	}
	
	#middle .twnav .prev a {
		margin-left: 5px;
	}
	
	#middle .twnav .overview {
		text-align: center;
	}
	
	#middle .twnav .next {
		float: right;
		text-align: right;
	}
	
	#middle .twnav .next a {
		margin-right: 5px;
	}

	#servme {
    background: #f1f6f8;
		font-size: .9em;
		margin: 50px 20px;
/*    padding: 60px 20px 20px 35px !important;
    padding: 15px !important; */
    padding: 0 0 10px 0;
    width: 270px;
/*    width: 300px;*/
	}

	#servme h3 {
	  border-top: 10px solid #fff;
	  display: block;
	  margin-top: 10px;
		padding: 15px 15px 5px 15px !important;
	}
	
	#servme p {
	  padding: 5px 15px !important;
	}

	#middle .mnav li {
		display: block;
		float: left;
		padding-bottom: 5px;
		width: 320px;
	}

	#middle .mnav a, #middle .mnav .link {
		background: transparent;
/*    background: #f1f6f8;
    color: #7d7f82;
		color: #2293c3;
*/
		display: block;
		padding: 0;
		text-decoration: underline;
		width: 320px;
	}

	#middle .mnav a:hover, #middle .mnav li.act a {
/*    background: #f9f7f0 url('../img/mnavtlbg.gif') no-repeat left top;*/
	}

	#middle .mnav a:hover, #middle .mnav li.act a, #middle .mnav li.act .link, #middle .mnav li.act a:hover {
/*    color: #555;
    color: #002851;
    color: #0b5bab;
*/		text-decoration: none;
color: #2293c3;
/*background: #e5f0f6; 
color: #18528d;
*/
	}
	
	#middle .mnav li.act a {
/*    background-color: #e8e5d9;
    background-image: url('../img/mnavtlactbg.gif'); */
}
	
	#middle .mnav li.act a,
	#middle .mnav li.act a *,
	#middle .mnav li.act .link,
	#middle .mnav li.act .link * {
/*    color: #3c3232 !important;
    color: #333 !important;
*/		color: #2293c3;
/*background: #18528d;
color: #fff;
*/text-decoration: none;

	}

	#middle .mnav a span, #middle .mnav .link span {
		display: block;
	}

	#middle .mnav a:hover span, #middle .mnav li.act a span {
/*    background: transparent url('../img/mnavtrbg.gif') no-repeat right top;*/
	}

	#middle .mnav li.act a span {
/*    background-image: url('../img/mnavtractbg.gif');*/
	}

	#middle .mnav a:hover span span, #middle .mnav li.act a span span {
/*    background: transparent url('../img/mnavblbg.gif') no-repeat left bottom;*/
	}

	#middle .mnav li.act a span span {
/*    background-image: url('../img/mnavblactbg.gif');*/
	}

	#middle .mnav a:hover span span span, #middle .mnav li.act a span span span {
/*    background: transparent url('../img/mnavbrbg.gif') no-repeat right bottom;*/
	}

	#middle .mnav li.act a span span span {
/*    background-image: url('../img/mnavbractbg.gif');*/
	}

	#middle .mnav a span span span span, #middle .mnav .link span span span span, #middle .mnav a:hover span span span span, 
	#middle .mnav li.act a span span span span {
/*    background: transparent url('../img/li_7.gif') no-repeat 285px 45%;*/
		width: 275px;
		padding: 9px 30px 9px 15px;
		padding: 6px 15px;
	}

/*  #middle .mnav a:hover span span span span {
    background-image: url('../img/li_7_over.gif');
  }
  
  #middle .mnav li.act a span span span span {
    background-image: url('../img/li_7_act.gif');
  }

  #middle .mnav a.li_8 span span span span {
    background-image: url('../img/li_8.gif');
  }

  #middle .mnav a.li_8:hover span span span span {
    background-image: url('../img/li_8_over.gif');
  }
  
  #middle .mnav li.act a.li_8 span span span span {
    background-image: url('../img/li_8_act.gif');
  }

  #middle .mnav a.li_9 span span span span {
    background-image: url('../img/li_9.gif');
  }

  #middle .mnav a.li_9:hover span span span span {
    background-image: url('../img/li_9_over.gif');
  }
  
  #middle .mnav li.act a.li_9 span span span span {
    background-image: url('../img/li_9_act.gif');
  }

  #middle .mnav a.li_10 span span span span {
    background-image: url('../img/li_10.gif');
  }

  #middle .mnav a.li_10:hover span span span span {
    background-image: url('../img/li_10_over.gif');
  }
  
  #middle .mnav li.act a.li_10 span span span span {
    background-image: url('../img/li_10_act.gif');
  }

  #middle .mnav a.li_11 span span span span {
    background-image: url('../img/li_11.gif');
  }

  #middle .mnav a.li_11:hover span span span span {
    background-image: url('../img/li_11_over.gif');
  }
  
  #middle .mnav li.act a.li_11 span span span span {
    background-image: url('../img/li_11_act.gif');
  }

  #middle .mnav a.li_12 span span span span {
    background-image: url('../img/li_12.gif');
  }

  #middle .mnav a.li_12:hover span span span span {
    background-image: url('../img/li_12_over.gif');
  }
  
  #middle .mnav li.act a.li_12 span span span span {
    background-image: url('../img/li_12_act.gif');
  }
*/
	#middle #time {
		font-size: 0;
		line-height: 0;
		margin: 0;
		padding: 0;
		position: relative;
		text-indent: -3000px;
	}

	#middle #time span {
		background: transparent url('../img/time.gif') no-repeat left top;
		display: block;
		height: 63px;
		position: absolute;
		left: 200px;
		width: 200px;
		top: -20px;
	}

	#middle .rgt .tx {
		width: 330px;
	}

	#middle .rgt .subm {
		width: 200px;
	}

	#wentries, #wentries-more {
		display: block;
		padding: 0 5px 25px 5px;
	}

	#wentries h3, #wentries-more h3 {
		font-size: 1.2em;
		padding: 20px 0 15px 0;
	}

	#wentries dt {
		font-size: .9em;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	#wentries dd {
		display: block;
		margin: 8px 0 40px 0;
		padding: 0;
	}

	#wentries a {
		border: 5px solid #dbe8ee;
		background: transparent !important;
		display: block;
		padding: 0;
	}

	#wentries a img {
		display: block;
		vertical-align: middle;
		border: 0;	
	}

	#wentries a:hover {
		border-color: #bfd7e2;
	}

	#wentries-more {
		border-top: 1px solid #f0f1f2;
		padding-top: 25px;
	}

	#wentries-more .entry {
		clear: both;
		display: block;
		padding-bottom: 40px;
	}

	#wentries-more .im {
		float: left;
		width: 200px;
	}

	#wentries-more .im img {
		border: 3px solid #f5f5f5;
		padding: 3px;
	}

	#wentries-more .im a {
		background: transparent;
		border: 0;
		display: block;
		padding: 0;
		position: relative;
	}
	
	#wentries-more .im a .zoom {
		background: transparent url('../img/zoom.png') no-repeat left top;
		bottom: 8px;
		display: block;
		height: 30px;
		position: absolute;
		right: -4px;
		width: 30px;
	}

	#wentries-more .im a img {
		border-color: #dbe8ee;
		vertical-align: middle;
	}

	#wentries-more .im a:hover img, #wentries-more .im a:focus img {
		border-color: #bfd7e2;		
	}
	
	#wentries-more .im a:hover .zoom, #wentries-more .im a:focus .zoom {
		background-position: left -30px;
	}

	#wentries-more .tx {
		padding: 0 100px 0 30px;
	}

	#wentries-more h4 {
		font-size: 1.1em;
		padding: 0 0 15px 0;
	}

	#middle .wnav {
	  clear: both;
		font-size: .85em;
		margin: 20px 0 0 2px;
		overflow: hidden;
	}

	#middle .wnav .prevnext {
		display: block;
		float: left;
		margin-right: 7px;
		overflow: hidden;
		width: 32px;
	}

	#middle .wnav a, #middle .wnav span.prevempty, #middle .wnav span.nextempty {
		background: transparent;
		color: #7d7f82;
		display: block;
		float: left;
	}

	#middle .wnav a.prev, #middle .wnav a.next, #middle .wnav span.prevempty, #middle .wnav span.nextempty {
		background: transparent url('../img/prevnext.gif') no-repeat 0 0;
		height: 15px;
		margin: 0;
		padding: 0;
		text-indent: -3000px;
		width: 15px;
	}

	#middle .wnav a.next, #middle .wnav span.nextempty {
		background-position: -15px 0;
		margin-left: 2px;
	}

	#middle .wnav a.prev:hover {
		background-position: 0 -15px;
	}

	#middle .wnav a.next:hover {
		background-position: -15px -15px;
	}

	#middle .wnav span.prevempty, #middle .wnav span.nextempty {
		background-position: 0 -30px;
	}

	#middle .wnav span.nextempty {
		background-position: -15px -30px;
	}

	#middle .wnav a.overview {
		background: transparent;
		color: #7d7f82;
		margin-top: .2em;
		text-decoration: none;
	}

	#middle.detail {
		padding-top: 35px;
	}

	#middle.detail .wentryim {
		padding-bottom: 40px;
	}

	#middle.detail .wentryim img, #middle.detail #detailview img {
		border: 5px solid #f0f1f2;
		display: block;
		padding: 5px;
	}

	#middle.detail .rgt #thumbs {
		background: transparent url('../img/mouseover.gif') no-repeat 70px 90px;
		display: block;
		padding: 20px 0 80px 0;
	}

	#middle.detail .rgt #thumbs div.im {
		display: block;
		height: 58px;
		margin-right: 8px;
		width: 58px;
		float: left;
	}

	#middle.detail .rgt #thumbs div.im img {
		border: 2px solid #f0f1f2;		
		display: block;
		padding: 2px;
		height: 54px;
		width: 54px;
	}

	#middle.detail .rgt #thumbs div.im:hover img {
		background: transparent;
		border-color: #9ad7f2;
	}

	#middle.detail .rgt {
		padding-top: 0;
	}

	#middle.detail .lft .resume {
		margin-top: 10px;
		padding: 10px 0 20px 0;
	}

	#middle.detail .lft dl {
		border-left: 6px solid #eaeaea;
		border-color: #d7f0fb;
		display: block;
		font-size: .95em;
		line-height: 1.6em;
		padding: 0px 10px 0 16px;
	}

	#middle.detail .lft dt {
		color: #363b40;
		font-size: .95em;
		font-weight: bold;
	}

	#middle.detail .lft dd {
		padding: 2px 0 15px 0;
	}

	#middle.detail .req {
    background: #f1f6f8;
		font-size: .9em;
		margin: 20px 0;
		padding: 15px;
	}

	#middle .vis {
		padding-top: 20px;
	}

	#middle .vis a, #middle .vis a:hover, #middle .vis a:focus {
		background: #878787 url('../img/sbtntlbg.gif') no-repeat left top;
		color: #fff;
		display: block;
		font-size: .85em;
		padding: 0;
		text-decoration: none;
		width: 200px;
	}

	#middle .vis a span {
		display: block;
	}

	#middle .vis a span {
		background: transparent url('../img/sbtntrbg.gif') no-repeat right top;
	}

	#middle .vis a span span {
		background: transparent url('../img/sbtnblbg.gif') no-repeat left bottom;
	}

	#middle .vis a span span span {
		background: transparent url('../img/sbtnbrbg.gif') no-repeat right bottom;
		padding: 1px 6px 1px 10px;
	}

	#middle .vis a span span span span {
		background: transparent url('../img/visbtnarr.gif') no-repeat right 45%;
	}

	#middle.getthetext dl {
		padding: 20px 0 0;
	}

	#middle.getthetext dt {
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: 3px;
	}

	#middle.getthetext dd {
		padding-left: 5px;
	}

	#middle.getthetext dd.url {
		font-size: .85em;
		padding: 5px 0 25px 5px;
	}

	#footer {
/*		background: #222 url('../img/bsqr.gif') repeat-x left bottom;*/
/*		background: #222 url('../img/footer.gif') repeat-x left bottom;*/
/*		background: #222;*/
/*    background: #f9f7f0;
    background: #002851;
*/
/*    border-top: 10px solid #e8e5d9;
    border-top: 10px solid #195490;
*/
		  color: #7a7171;
		  color: #a3bdd9;
		  color: #999;
/*		border-top: 3px solid #000;*/
		font-size: .7em;
		line-height: 160%;
		padding: 30px 0 30px 0;
	}
	
	#footer .cwrap {
	  border-top: 1px solid #e6f0f6;
	  padding: 20px 0 0;
	}
	
	#footer p {
		padding-bottom: 4px;
	}
	
	#footer #cp strong {
		font-weight: normal;
	}
	
	#footer #cp strong a {
		text-decoration: none !important;
	}

	#footer #enth a {
		background: transparent url('../img/fcheck.gif') no-repeat right 50%;
		padding: 0 20px 0 4px;
	}
	
	#footer a, #footer #oq {
		color: #7a7171;
		color: #999;
	}
	
	#footer a {
		text-decoration: underline;
	}

	#footer a:hover {
		text-decoration: none;
	}

	#footer .lft {		
		width: 540px;
	}

	#footer .rgt {
		display: block;
		width: 320px;
	}

	#footer .rgt h3 {
		display: none;
	}

	#footer #os {
		background: transparent url('../img/osbg.gif') no-repeat left top;
		margin-top: 15px;
		padding-left: 45px;
	}

	#footer .rgt {	
/*		background: transparent url('../img/socialbg.gif') no-repeat left top;*/
		display: block;	
/*		padding: 30px 0 10px 60px;*/
		width: 280px;
		width: 160px;
	}

	#social strong {
		display: block;
		font-weight: normal;
		padding-bottom: 5px;
	}

	#social a {
		background: #fff;
		border: 3px solid #eee;
		display: block;
		float: left;
		height: 20px;
		padding: 1px;
		margin-right: 2px;
		vertical-align: middle;
	}

	#social a img {
		display: block;
		vertical-align: middle !important;
	}

	#social a:hover, #social a:focus {
		border-color: #96d0e8;
	}
	
	.lft .inner h4, .lft .inner p, .news-latest h4, .news-latest p,
	.news-list h4, .news-list p,
	.news-single h2, .news-single p {
		padding: 0 0 2px 0 !important;
	}
	
	.front .rgt {
/*		background: transparent url('../img/latest-bg.jpg') no-repeat right top;*/
		padding-top: 0 !important;
		margin-top: -1em;
	}
	
	.front .rgt .csc-textpic-imagewrap {
		padding-top: 20px;
	}
	
	.front .rgt h3 {
		padding-top: 20px;
	}
	
	.front .rgt p {
		line-height: 150%;
	}
	
	.front .rgt .news-latest, .news-list {
/*    background: #f9f7f0 url('../img/mnavtlbg.gif') no-repeat left top;*/
    background: #f1f6f8;
		margin-bottom: 30px;
	}
	
	.front .rgt .news-latest {
		margin: 30px 0;
	}

	.front .rgt .news-latest .tr, .news-list .tr {
/*    background: transparent url('../img/mnavtrbg.gif') no-repeat right top;*/
	}

	.front .rgt .news-latest .bl, .news-list .bl {
/*    background: transparent url('../img/mnavblbg.gif') no-repeat left bottom;*/
	}

	.front .rgt .news-latest .br, .news-list .br {
/*    background: transparent url('../img/mnavbrbg.gif') no-repeat right bottom;*/
		padding: 9px 30px 9px 15px;
	}
	
	.news-list .br {
		padding: 19px 30px 19px 25px;
	}
	
	.front .rgt .news-latest h3 {
		font-size: 1.2em !important;
/*    font-weight: normal !important;*/
		padding: 10px !important;
	}
		
	.front .rgt strong a {
		font-weight: normal;
	}
	
	.news-latest h3 {
		display: block;
		padding-bottom: 35px !important;
	}
	
	.news-latest h4 img {
		vertical-align: .2em;
	}

	.news-latest p {		
		padding-bottom: 5px !important;
	}

	.news-latest .entry {
		padding: 10px !important;
	}

	.lft .inner, .news-list .inner {
		display: block;
		overflow: hidden;
	}

	.news-list ul {
		margin-top: -1px;
	}

	.lft .inner li, .news-list li, .rgt p.news-all {
		display: block;
		padding: 10px 0 !important;
	}
	
	.lft .inner h4 {
		font-size: 1.1em !important;
		font-weight: bold;
		line-height: 120% !important;
		padding-bottom: 3px !important;
	}

	.lft .inner .date, .news-list .date {
		font-size: .8em;
	}
	
	.lft .inner ul {
		list-style: none !important;
		padding: 0 !important;
	}
	
	.lft .inner li {
		padding: 20px 10px !important;
	}

	.lft .inner p {
		font-size: .9em;
	}

	/*.news-single h2 {
			height: 0 !important;
			padding: 0 0 5px 0 !important;
		}*/
	
	.news-single .important, .news-single .important * {
		color: #555 !important;
	}

/*	html>body div[id='middle'] .news-single h2 {
		height: auto !important;
		min-height: 0 !important;
	}
*/
	.news-single p {
		line-height: 155% !important;
		padding-bottom: 20px !important;
	}

	.news-single .date {
		border-left: 6px solid #d7f0fb;
		color: #7d7f82;
		font-size: .9em;
		font-weight: normal;
		margin-bottom: 20px;
		padding: 0 0 0 5px !important;
	}

	.news-single h3 {
		padding: 5px 0 30px 0 !important;
	}
	
	.news-single h4 {
		font-size: 1.1em !important;
		padding: 10px 0 5px 0 !important;
	}
	
	.news-single strong, .news-latest strong {
		font-weight: normal;
	}

	#ferror, #thx {
		background: #ffffdd;
		color: #444;
		margin-bottom: 20px;
		padding: 13px;
	}

	#thx {
		background: #c4df9b;
	}

	#ferror h4, #ferror p,
	#thx h4, #thx p {
		padding: 0 0 3px 0 !important;
	}

	#ferror h4 {
		color: red !important;
		font-size: 1.1em;
		font-weight: bold;
	}

	#ferror ul {
		font-size: .95em;
		list-style: inherit !important;
		padding: 10px 5px 5px 20px;
	}

	#ferror li {
		line-height: 150%;
		padding: 3px 0 !important;
	}

	#thx h4 {
		color: #53761d;
		font-size: 1.2em !important;
		padding-bottom: 10px !important;
	}
	
	.xing {
		padding-top: 10px;
	}
	
	.inf-small {
		color: #888787;
		font-size: .95em;
	}
	
	.hint {
	  background: #fffaaf;
	  border: 1px solid #e5e096;
	  color: #000;
	  display: block;
	  margin: 0 0 10px;
	  line-height: 130%;
	  padding: 10px;
	}
	
	.hint p {
	  margin-bottom: 0 !important;
	  padding-bottom: 0 !important;
	}
	
	.rgt .csc-menu {

	}
	
	.rgt .csc-menu-4 dd {
	  font-size: .95em;
	  line-height: 150%;
	  padding: 3px 0 20px;
	}
	
}

@media screen {
	/* thx apple for nice gui definitions but 
	   i like to decide my own how scalable an element should be */
	:first-of-type textarea {	
		resize: none !important;
	}
}

/* for print */

@media print {	
	
	body {
		background: #fff;
		color: #000;
		font-size: 11pt;
		line-height: 16pt;
	}

	a, a:link, a:visited {
		color: #000 !important;
		text-decoration: none;
	}

	abbr, acronym {
		font-style: italic;
	}

	#header h2, #hwrap, #social, #enth, #prom, #fcontact, .wnav, .vis, .pol {
		display: none;
	}
	
	h1 {
		font-size: 11pt;
		padding-bottom: 10pt;
	}
	
	ul {
		list-style: inherit;
		padding: 0 0 10pt 10pt;
	}
			
	#htease {
		padding: 0 10pt 30pt 10pt;
	}
	
	#middle h2, .rgt h3 {
		font-size: 13pt;
		padding-bottom: 2pt;
	}
	
	#middle p {
		padding-bottom: 10pt;
	}
	
	.mtease {
		font-size: 13pt;
		line-height: 20pt;
		padding: 5pt 0 10pt 0;
		text-indent: 30pt;
	}

	#middle .rgt, #footer {
		margin-top: 10pt;
		padding-top: 10pt;
	}
	
	#footer {
		border-top: 1px solid #ccc;
		font-size: 9pt;
		padding-top: 5pt;
	}

	#footer p {
		line-height: 11pt;
		padding: 0;
	}
	
}