* {
  margin: 0;
  padding: 0;
}
body {
  background: #ffffff url(../img/headerback_blue.jpg) no-repeat scroll center top;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a {
  outline: none;
  text-decoration: none;
}
h1, h2 {
  border-bottom: 1px dotted #4688a9;
  display: block;
  padding-bottom: 2px;
  color: #164661;
  font-size: 20px;
}
h2 {
  border-bottom-width: 0;
  font-size: 17px;
  font-weight:bold;
}
.csc-textpic h1 {
  border-bottom-width: 0;
  font-size: 14px;
}
#main-container {
  color: #164661;
  margin: auto;
  width: 965px;
  text-align: left;
}
#header-container {
  position: relative;
  height: 246px;
  width: 965px;
}
#header-logo {
  background: transparent url(../img/logo.png) top left no-repeat;
  width: 150px;
  height: 115px;
  position: absolute;
  left: 0;
  top: 35px;
}
#header-claim {
  background: transparent url(../img/claim.png) center left no-repeat;
  width: 748px;
  height: 115px;
  position: absolute;
  left: 170px;
  top: 35px;
  border-bottom: 1px dotted #ffffff;
}
#header-navigation {
  width: 795px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 170px;
  top: 180px;
  color: #ffffff;
  font-size:18px;
}
#header-navigation ul { list-style: none; }
#header-navigation li {
  display: block;
  float: left;
 /* width: 150px;*/
  margin-right:30px;
  width:auto;
}
#header-navigation a {
  color: #ffffff;
  display: block;
}
#header-navigation ul li a:hover, #header-navigation ul li.active a { color: #66a832; text-decoration:underline; }
#content-container {
  background-color: #ffffff;
  width: 965px;
  padding: 26px 0 0 0;
}
#content-container-home {
  background-color: #ffffff;
  width: 965px;
  padding: 20px 0 0 0;
}
#col-left {
  float: left;
  width: 192px;
  padding: 0 15px 0 20px;
}
#col-middle {
  border: 1px dotted #4688a9;
  border-width: 0 1px 0 1px;
  float: left;
  width: 480px;
 min-height:500px;
  padding: 0 20px 40px 15px;
}
#col-right {
  float: right;
  width: 200px;
  padding: 0 11px 0 10px;
}
#home-col-left {
  float: left;
  width: 300px;
  padding-right:10px;
}
#home-col-middle {
  float: left;
  width: 290px;
  margin-left:3px;
  border: 1px dotted #4688a9;
  border-width: 0 1px 0 1px;
 min-height:500px;
  padding:0 10px 0 10px;
}
#home-col-right {
  float: right;
  width: 300px;
  padding-left:10px;
}
#home-col-right h1 {
  color:#206627;
}
.home-teaser1{
	float: left;
	width: 275px;
	background:url(../img/teaser-home1bg.jpg) repeat-x;
	  padding: 18px 15px 0 20px;
	  height:170px;
	  color:#FFFFFF;
}
.home-teaser1 p.bodytext{
	line-height:140%;
}
.home-teaser2{
	float: left;
	width: 274px;
	height:167px;
	background:url(../img/teaser-home2bg.jpg) repeat-x;
	padding: 18px 16px 3px 20px;
	margin:0 3px 0 3px;
	color:#FFFFFF;
}
.home-teaser2 form{

}
.home-teaser2 .input{
	width:164px;
	height:13px;
	background:url(../img/input-home.png);
	border:none;
	padding:7px 10px 7px 10px;
}
.home-teaser3{
	float: left;
	width: 274px;
	height:167px;
	background:url(../img/teaser-home3bg.jpg) repeat-x;
	padding: 18px 16px 3px 20px;
}
.home-teaser3 #user, .home-teaser3 #pass{
	width:164px;
	height:13px;
	background:url(../img/input-home.png);
	border:none;
	padding:7px 10px 7px 10px;
}
.home-teaser3 form{

}
.teaserbox{
	margin-bottom:10px;
	color:#164661;
	cursor: pointer;
}
.teaserbox:hover h1 {
	background:url(../img/teaserbg.jpg) repeat-y bottom;
	color:#FFFFFF;
}
.teaserbox h1 {
	font-size:16px;
	color:#164661;
	background:url(../img/teaserbg0.jpg) repeat-y bottom;
	padding: 5px 10px 8px 10px;
	border-bottom-width: 0;
}
.teaserbox h1 .teaser-pdf {
	display:block;
	background:url(../img/icon-pdf.gif) no-repeat right 50%;
}
.teaserbox h1 .teaser-ppt {
	display:block;
	background:url(../img/icon-ppt.gif) no-repeat right bottom;
}
.teaserbox h1 .teaser-arrow {
	display:block;
	background:url(../img/arrow-right.png) no-repeat right bottom;
	padding:6px 0 0 0;
}
.teaserbox:hover h1 .teaser-arrow {
	display:block;
	background:url(../img/arrow-down.png) no-repeat right bottom;
}
.teaserbox h1 a,
.teaserbox a,
.teaserbox a:visited {
	color:#164661;
}

.teaserbox.synapse-logo h1 a {
	width: 120px;
	height: 34px;
	display: block;
	margin: 10px 0 0 0;
	text-indent: -9999px;
	background: url(../img/logo_synapse.png) no-repeat;
}

.teaserbox.synapse-logo {
	cursor: auto;
}

.teaserbox p.bodytext {
	padding:10px;
	background-color:#ebecee;
	line-height:140%;
}
.teaserbox-rulerAfter {
	padding-bottom:10px;
	border-bottom: 1px dotted #4688a9;
	
}
.teaserbox-blank-rulerAfter {
	border-bottom: 1px dotted #4688a9;
	background:none;
	padding: 0 15px 10px 0;
}
.teaserbox-blank-rulerAfter p.bodytext {
	background:none !important;
	padding:0;
}
.teaserbox-blank-rulerAfter h1 {
	background:none;
	border-bottom: 0 dotted #ececec;
	padding:0;

}
.teaserbox-blank-rulerAfter:hover h1 {
	background:none;
}
/* DEFAULT Blue version */
.teaserbox-blank-rulerAfter {
		background:url(../img/arrow-small-blue-right.png) no-repeat right bottom;
}
.teaserbox-blank-rulerAfter:hover {
		background:url(../img/arrow-small-blue-down.png) no-repeat right bottom;
}
.teaserbox-blank-rulerAfter h1, .teaserbox-blank-rulerAfter h1 a, .teaserbox-blank-rulerAfter p.bodytext, .teaserbox-blank-rulerAfter a{
	color:#164661;
}
.teaserbox-blank-rulerAfter:hover h1, .teaserbox-blank-rulerAfter:hover p.bodytext, .teaserbox-blank-rulerAfter:hover a{
	color:#4688a9;
}


/* Blue Version */
#home-col-left .teaserbox:hover h1, #home-col-left .teaserbox:hover h1 a{
	color:#FFFFFF;
}

/* Green Version */
#home-col-right .teaserbox:hover h1 {
	background:url(../img/teaserbg-green.jpg) repeat-y bottom;
	color:#FFFFFF;
}
#home-col-right .teaserbox:hover h1, #home-col-right .teaserbox:hover h1 a{
	color:#FFFFFF;
}

#home-col-right .teaserbox h1 {
	background:url(../img/teaserbg0-green.jpg) repeat-y bottom;
}
#home-col-right .teaserbox h1, #home-col-right .teaserbox h1 a, #home-col-right .teaserbox p.bodytext{
	color:#235827;
}

#home-col-right .teaserbox p.bodytext{
	background-color:#e2ebce;
}
#home-col-right .teaserbox-blank-rulerAfter {
		background:url(../img/arrow-small-green-right.png) no-repeat right bottom;
}
#home-col-right .teaserbox-blank-rulerAfter:hover {
		background:url(../img/arrow-small-green-down.png) no-repeat right bottom;
}
#home-col-right .teaserbox-blank-rulerAfter h1, #home-col-right .teaserbox-blank-rulerAfter h1 a, #home-col-right .teaserbox-blank-rulerAfter p.bodytext, #home-col-right .teaserbox-blank-rulerAfter a{
	color:#235827;
	background:none;
}
#home-col-right .teaserbox-blank-rulerAfter:hover h1, #home-col-right .teaserbox-blank-rulerAfter:hover h1 a, #home-col-right .teaserbox-blank-rulerAfter:hover p.bodytext, #home-col-right .teaserbox-blank-rulerAfter:hover a{
	color:#81ac16;	
	background:none;
}




div.uploads-rulerAfter {
	border-bottom: 1px dotted #4688a9;
	margin-bottom:10px !important;
}
div.uploads-rulerAfter div{
	background:none !important;
	padding:0 0 5px 0 !important;
	margin:0 !important;
}
.csc-frame-rulerAfter{
	padding-bottom:10px;
	border-bottom: 1px dotted #4688a9;
	margin-bottom:10px;
}

#nav-left ul { list-style: none; }
#nav-left li {
  border-bottom: 1px dotted #4688a9;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  padding-left: 6px;
  padding-top: 5px;
  padding-bottom: 5px;

}
#nav-left li a { color: #164661; }
#nav-left li.active a { color: #66a832; }
#nav-left ul.subnav{
	border-top:1px dotted #4688a9;
	margin-top:5px;
}
#nav-left ul.subnav li {
  border-bottom-width: 0;
  font-size: 12px;
  font-weight: normal;
  padding-left: 0;
}
#nav-left ul.subnav li a {
  color: #6e6e6e;
  display: block;
}
#nav-left ul.subnav li a:hover, #nav-left ul.subnav li.active a { color: #66a832; text-decoration:underline; }
#nav-left ul.subnav li ul.thirdnav li {
  border-bottom-width: 0;
  font-size: 12px;
  font-weight: normal;
  padding-left: 15px;
}
#nav-left ul.subnav li ul.thirdnav li a {
  color: #6e6e6e;
  display: block;
  text-decoration:none;
}
#nav-left ul.subnav li ul.thirdnav li a:hover, #nav-left ul.subnav li.active  ul.thirdnav li.active a { color: #66a832; text-decoration:underline; }
#col-middle a {
  color: #66a832;
  text-decoration: none;
}
#col-middle a:hover {
  text-decoration: underline;
}
#col-middle h1.csc-firstHeader, #col-middle h1:first-child { 
  margin-top: 0;
}
#col-middle h1 { 
  margin: 20px 0 15px 0;
}
#col-middle h2 { 
  margin: 13px 0 0 0;
}
#col-middle .csc-textpic h1 { 
  margin: 0 0 0 0;
}
#col-middle .csc-textpic { 
  margin: 0 0 20px 0;
  padding-top:4px;
}
#col-middle p.bodytext {
  line-height: 1.5em;
}
#col-middle ul { 
  line-height: 1.5em;
  padding-left:13px;
}
#col-middle .csc-textpic-image img {
	border: 1px solid #164661;
}
/*
#col-middle .csc-textpic-intext-left-nowrap dl.csc-textpic-firstcol{
	padding-right:5px;
}
*/
#col-middle .csc-textpic-intext-left-nowrap .csc-textpic-text{
	padding-left:5px;
}




/* OLD */
#col-middle .person-description ul { list-style-position: inside; }
#col-middle .person { margin: 20px 0 0 0; }
#col-middle .portrait {
  border: 1px solid #164661;
  float: left;
  width: 190px;
}
#col-middle .person-description {
  float: left;
  font-size: 11px;
  margin: 0 0 0 15px;
  line-height: 1.5em;
  width: 270px;
}








#footer-container { width: 100%; font-size:13px; }
#footer-address-container {
  background-color: #ececec;
  border-top: 1px dotted #4688a9;
  border-bottom: 1px dotted #4688a9;
  height: 50px;
}
#footer-address {
  margin: auto;
  width: 965px;
  margin-top:20px;
}
#footer-open-container {
  background: #1c5c75 url(../img/footerback_blue.jpg) repeat-x scroll left bottom;
  height: 250px;
}
#footer-open {
  margin: auto;
  width: 965px;
}
#footer-open a{
	color:#7aa82c;
}
#footer-intern a{
	color:#164661;
}
#footer-intern-container {
  background: #3c771b url(../img/footerback_green.jpg) repeat-x scroll left top;
  height: 275px;
}
#footer-intern {
  margin: auto;
  width: 965px;
}
.footer-vertical {
  float: left;
  width: 60px;
  height: 230px;
  padding: 20px 0 0 0;
}
.footer-block {
  float: left;
  width: 160px;
  height: 210px;
  text-align:left;
  padding: 20px 0 20px 20px;
}
.footer-block ul {
  list-style: none;
  text-align: left;
  line-height: 100%;
}
.footer-block ul li{
  padding:4px 0 4px 0;
}
#footer-open .footer-block .header { color: #66a832; }
#footer-open .footer-block a:hover { color: #66a832; }
#footer-intern .footer-block .header { color: #164661; }
#footer-intern .footer-block a:hover { color: #164661; }
.footer-block a, #footer-open li a, #footer-intern li a {
  color: #ffffff;
  text-decoration: none;
}
#footnote {
  color: #66a832;
  font-size: 12px;
  float: right;
  margin-top: -21px;
  line-height: 20px;
}
.clear { clear: both; }
.center { text-align: center !important; }
#search {
	background:url(../img/search-bg.jpg);
	height:78px;
}
#search h1{
	font-size:18px;
	color:#FFFFFF;
	padding:12px 0 10px 11px;
	line-height: 100%;
	border-bottom-width: 0;
}
#search .input{
	width:125px;
	height:13px;
	background:url(../img/input.png);
	border:none;
	padding:7px 10px 7px 10px;
}
#login {
	background:#4b8820 url(../img/login-bg.jpg) repeat-x;
	min-height:136px;
	color:#FFFFFF;
	padding:0 5px 11px 9px;
}
#login h1{
	padding:12px 0 10px 0;
	border-bottom-width: 0;
}
#login #user, #login #pass{
	width:125px;
	height:13px;
	background:url(../img/input.png);
	border:none;
	padding:7px 10px 7px 10px;
}
table.contenttable td, table.contenttable th {
	border-bottom: 1px dotted #4688a9;
}
#home-logos table.contenttable td, table.contenttable th {
	border-bottom-width: 0;
}
table.contenttable {
	border-top: 1px dotted #ececec;
}
.news-single-img {
	padding:25px 0 0 0;
}
.news-single-img img {
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #164681;
}
.news-single-backlink {
	clear:left;
}

