/* ######## BASICS #################################################################### */

/* img path: ../WeceemFiles//Image/ico_edit2.gif */

body {
  background: #FFF;
  line-height: 20px;
}

div.container {
  position: relative;
}

div.container a {
  color: #1a4c7f;
}

h2 {
  display: block;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-family: Georgia, Serif;
  font-size: 18px;
  color: #1a4c7f;
}




/* ######## HEADER #################################################################### */
div#content-menu ul {
	list-style: none;
	display: block;
	height: 65px;
	background: url('../WeceemFiles/Default/Image/header_bg2.jpg') top left no-repeat;
	padding: 0px;
	margin: 0px;
}

div#content-menu ul li {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	background: url('../WeceemFiles/Default/Image/header_separator.gif') bottom right no-repeat;
}	

div#content-menu ul li.weceem-menu-last {
/*	display: block;
	float: right;
	padding: 0px;
	margin: 0px;*/
	background: none;
}	


div#content-menu ul li a {
	position: relative;
	display: block;
	float: left;
	height: 34px;
	padding: 17px 48px 0px 46px;
	margin: 0px;
	color: #acbbcb;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

* html div#content-menu ul li a {
	height: 51px;
}

div#content-menu ul li a.dropshadow {
	position: absolute;
	height: 25px;
	color: #002040;
	margin: 0px;
	padding: 0px;
	bottom: 10px;
}

* html div#content-menu ul li a.dropshadow {
	padding: 11px 0px 0px 0px;
	height: 50px;
}


div#content-menu ul li:hover a.dropshadow {
/* nothing */
}


* html div#content-menu ul li a.dropshadow {
	top: 5px;
	bottom: 0px;
}



div#content-menu ul li.weceem-menu-active a {
	color: #000;
	background: url('../WeceemFiles/Default/Image/header_active.gif') bottom center no-repeat;
}

div#content-menu ul li.weceem-menu-active a.dropshadow {
	color: #FFF;
	background: none;
}

/* ######## PANO & TEASER #################################################################### */

h1 {
  font-family: Georgia, Serif;
  font-size: 45px;
  color: #1a4c7f;
  line-height: 55px;
}

h1.panorama {
  float: left;
  display: block;
  padding: 5px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  height: 100px;
  line-height: 75px;
  background: url('../WeceemFiles/Default/Image/h1_bg.jpg') bottom left no-repeat;
  text-align: center;
}

* html h1.panorama {
  padding: 0px 0px 5px 0px;
}

h1.panorama small {
  line-height: 20px;
  font-style: italic;
  color: #666;
  font-size: 20px;
}




div.teaser {
  position: relative;
  background: #cfdce5 url('../WeceemFiles/Default/Image/teaser_bg.gif') top left repeat-x;
  height: 283px;
  width: 930px;
  margin: 1px 0px 1px 0px;
  border: 10px solid #D9D9D9;
}

* html div.teaser {
	width: 950px;
}

div.teaser div.whiteline {
position: absolute;
width: 928px;
height: 281px;
border: 1px solid #FFF;
overflow: hidden;
}

* html div.teaser div.whiteline {
width: 930px;
height: 263px;
}


div.teaser div.right { /* Left Column */
  background: url('../WeceemFiles/Default/Image/teaser_release_notes_h2.jpg') top center no-repeat;
  position: absolute;
  height: 263px;
  overflow: hidden;
  right: 0px;
  z-index: 4;
  width: 270px;
  width: 280px;
  margin: 1px 20px 0px 10px;
  padding: 19px 0px 0px 0px;
  /*font-family: Arial, Sans-Serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #143d66;*/
}

div.teaser div.left {
  position: absolute;
  height: 263px;
  overflow: hidden;  z-index: 4;
  left: 0px;
  width: 270px;
  margin: 20px 10px 0px 20px;  
  font-family: Arial, Sans-Serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  color: #143d66;
}

* html div.teaser div.left {
  height: 253px;
  overflow: hidden;
  margin: 10px 10px 0px 20px;
}

* html div.teaser div.left a.readmore {
  margin: 0px;
  padding: 0px;
}

* html div.teaser div.left span {
  margin-bottom: 0px;
  padding-bottom: 0px;
 }


div.teaser div.left small {
  font-family: Georgia, Serif;
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
  color: #143d66;
}

div.teaser div.left span {
  font-family: Georgia, Serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  color: #3d454c;
}

div.teaser div.left span a.right {
  display: block;
  color: #3d454c;
  text-align: right;
}

div.teaser div.center {  
  background: url('../WeceemFiles/Default/Image/teaser_includes_h2.jpg') top center no-repeat;
  position: absolute;
  height: 263px;
  overflow: hidden;
  top: 0px;
  left: 310px;
  width: 310px;
  margin: 1px 10px 0px 0px;
  padding: 19px 0px 0px 0px;
}


div.teaser div.center div.rotate {
	position: relative;
	margin: 45px 0px 0px 0px;
}

* html div.teaser div.center div.rotate {
	width: 280px;
	left: 20px;
}


div.teaser div.center div.slide {
  position: absolute;
  top: 60px;
  margin: 0px 0px 0px 0px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #718ca5; /*#143d66;*/
  text-align: center;
  cursor: pointer;
}

* html div.teaser div.center div.slide {
	width: 260px;
}


div.teaser div.center div.slide span {
  display: block;
  margin: 0px 0px 10px 0px;
}

div.teaser div.center div.slide span small{
  font-family: Georgia, Serif;
  font-style: italic;
  font-weight: normal;
  /*color: #143d66;*/
  
}




/* ######## CONTENT & FOOTER #################################################################### */

div.content {
  background: url('../WeceemFiles/Default/Image/content_bg.jpg') top left no-repeat;
  padding: 30px 0px 0px 0px;
}




div.footer {
  border-top: 3px double #CCC;
  border-bottom: 1px solid #CCC;
  margin: 15px 0px 5px 0px;
  padding: 10px 0px 10px 0px;
}




div.copyright {
  color: #808080;
  text-align: center;
  margin: 0px 0px 20px 0px;
}

div#content-title {
  display: none;
}

div.copyright {
text-align: center;
}


a#logo {
	display: block;
	height: 48px;
	width: 180px;
	margin: 0px 0px 10px 0px;
	background: url('../WeceemFiles/Default/Image/gf_logo5.jpg') top left no-repeat; 
}


div#admin-functions {
	display: none;
}



dl {
display: block;
margin: 0px;
padding: 0px;
}

div.right dl {
margin: 45px 0px 0px 0px;
}

dl dt {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
display: block;
height: 14px;
background: #e7edf2;
width: 70px;
padding: 0px;
font-size: 10px;
/*font-weight: normal;*/
color: #a1abb3;
text-align: center;
}

div.right dl dt {
margin: 0px 0px 0px 210px;
}

dl dd {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
display: block;
height: auto;
background: #e7edf2; /* url('../WeceemFiles/Default/Image/dd_bg.gif') bottom left repeat-x; */
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 20px;
font-size: 14px;
}

div.right dl dd {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
padding: 5px;
}

dl dd a {
font-size: 18px;
}

div.right dl dd a {
font-size: 14px;
}

dl dd ul {
margin: 10px 0px 0px 15px;
list-style-type: circle;
line-height: 25px;
}

dl dd h3 {
margin: 10px 0px 10px 0px;
padding: 0px;
color: #1a4c7f;
cursor: pointer;
}


div.teaser a.readmore {
	display: block;
	background: url('../WeceemFiles/Default/Image/teaser_readmore2.gif') top left no-repeat; 
	height: 18px;
	width: 80px;
	position: absolute;
	float: left;
	bottom: 10px;
	right: 0px;
}

div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

div#menu ul li {
display: block;
padding: 4px 0px 4px 10px;
margin: 0px 0px 10px 0px;
background: #e7edf2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;

/*text-decoration: line-through;*/
cursor: normal;
}

div#menu a.expand {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 29px;
	width: 29px;
	moz-outline-style: none;
	background: url('../WeceemFiles/_ROOT/Image/menu-plus.gif') right center no-repeat; 
	display: block;
}

div#menu a.minus {
	background: url('../WeceemFiles/_ROOT/Image/menu-minus.gif') right center no-repeat; 
}


div#menu ul li.active {
font-weight: bold;
background: #606C7A;
}

div#menu ul li.active a {
color: #FFF;
}

div#menu ul li.back {
font-weight: bold;
}

div.menu2 ul li {
width: auto;
}

div#menu ul ul {
margin: 10px 10px 0px 0px;
}

div#menu ul ul li {
	background: #FFF;
}

div#menu ul ul ul li {
	background: #e7edf2;
}

div#menu ul li.active ul li a {
color: #000;
font-weight: normal;
}


div#menu h3 {
display: block;
padding: 4px 0px 4px 10px;
margin: 0px 0px 10px 0px;
background: #e7edf2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div#menu h3 a {
font-size: 13px;
}

