/**
 * Created by coenen@meso.net
 * All styles are sorted from inner definition (font etc.)
 * to outer definition (border,margin)
 */

/* --- Making elements neutral -- */
html {  margin: 0; padding: 0;
  font-family: 'Verdana','Arial',sans-serif;
  font-size: 11px;
}
h2,h3,h4,h5 {
  font-family: 'Helvetica','Arial',sans-serif;
  font-weight: normal;
}
form { margin: 0; padding: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
img { border: 0; }
img.png { behavior: url(htc/pngbehavior.htc); } /* IE6 PNG-Fix */
p, div.paragraph { margin: 0 28px; padding: 0; line-height: 16px; }
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
dfn { font-style: normal; }
br.clear { clear: both; }

/* --------- */

body {
  background-color: #333333;
  background-image: url(../img/brushedMetal.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 30px 28px;

  /* IE (PC) only :hover behaviour helpber */
  /* @see http://www.xs4all.nl/~peterned/ */
  behavior:url(../htc/csshover2.htc);
}
div {
  margin: 0;
  padding: 0;
}

h1 {
  font-family: 'Helvetica','Arial',sans-serif;
  font-size: 44px;
  line-height: 36px;
  text-transform: uppercase;
  color:  white;
  
  margin: 1px 0 0 0;
  padding: 0;
}
h1 span.date {
  color: #999;
  letter-spacing: 1px;
}
h1 a,
h1 a:hover {
  color: white;
  text-decoration: none;
}
a.selected {
  color: #C30 !important;
}

/*  =========================== Navigationen ========================= */
div#metaNav {
  text-transform: uppercase;
  padding-top: 2px;
  width: 226px;
  word-spacing: 15px;
}
div#metaNav a {
  font-family: 'Helvetica','Arial',sans-serif;
  font-size: 12px;
  color: #999;
}
div#lang {
  position: absolute;
  top: 8px;
  left: 730px;
  width: 200px;
  text-align: right;
}
div#lang a,
div#lang {
  color: #999;
}
ul#mainNav {
  font-family: 'Helvetica','Arial',sans-serif;
  margin: 20px 0 0 0;
  width: 226px;
}
ul#mainNav li {
  margin: -1px 0 0 0;
  padding: 0;
}
ul#mainNav a {
  font-size: 14px;
  line-height: 19px;
  font-family: 'Helvetica','Arial',sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
ul#mainNav p {
  color: #999;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  padding: 0 0 8px 0;
  margin: 0;
}
ul#mainNav p a {
  color: #999;
  line-height: 14px;
  font-weight: normal;
  text-transform: none;
}
ul#additionalNav {
  margin:8px 0 12px 0;
}
ul#additionalNav a {
  line-height:17px;
  color:#999;
}
ul#additionalNav a b {
  color:#fff;
  font-weight: bold;
  font-style: normal;
}

ul#additionalNav ul {
	margin-left: 13px;
}
ul.formLink,
ul.formLink a {
    color: #999;
    font-family: Verdana, 'Helvetica', 'Arial', sans-serif;
    font-size: 11px;
    line-height: 17px;
    font-weight: normal;
}
ul.formLink {	margin-top: 30px; }
ul.formLink a b { font-weight: bold; color: white }

div#banner {
	position: absolute;
	left: 865px;
	top: 24px;
  z-index: 1003;
}

div#sponsoredBy {
	position: absolute;
	left: 780px;
	top: 102px;
  z-index: 1003;
  color: #999;
}


/* ======================= Content-boxes==================== */
div#contentShd {
  position: absolute;
  left: 287px;
  top: 25px;
  width: 699px;
  background-image: url(../img/continuous-shadow.gif);
  background-repeat: repeat-y;
}
div#content {
  z-index: 999;
  position:relative;
  margin-left: 13px;
  padding-bottom: 32px;
  width: 660px;
  min-height: 450px;
  background-color: white;
}
h2 {
  font-family: 'Helvetica','Arial',sans-serif;
  font-size: 16px;
  color: #999;
  margin: 0 28px 0 28px;
  padding: 41px 0 5px 0;
  text-transform: uppercase;
}
h3 {
  font-family: 'Helvetica','Arial',sans-serif;
  font-size: 16px;
  color: #999;
  margin: 0 28px 4px 28px;
  padding: 0px 0 5px 0;
  text-transform: uppercase;  
}
h2 b, h3 b {
  color: black;
  font-weight: bold;
}
h2 b.right {
  float: right;
}
h2 b.inactive {
  color: #999;
}

/* =================== Form-Styling =================== */
div.search {
  z-index: 997;
  position: relative;
  width: 660px;
  height: 49px;
  margin-left: 13px;
  background-color: #3B3B3B;
}
div.search input,
div.search select {
  border: 1px solid white;
  background-color: #3B3B3B;
  color: white;
  margin-top: 15px;
}
div.search img {
  margin-top: 13px;
}
fieldset {
  display: inline;
  margin: 0;
  padding: 0 0 0 28px; 
  border: 0;
}
legend { display:none; }
form.az { float: right; }
form.az fieldset { padding-left: 0px; }

div#searchResults {
  position: absolute;
  left: 13px;
  top: 49px;
  height: 21px;
  width: 222px;
  overflow: hidden;
  z-index: 1001;
  color: #fff;
  background-color: #CC3300;
}
div#searchResults a {
  position: relative;
  top: 4px;
  color: #fff;
  background-color: #CC3300;
  margin: 0 28px;
}
div#areaSearch {
  position: absolute;
  left: 448px;
  top: 39px;
  height: 31px;
  width: 225px;
  overflow: hidden;
  z-index: 1002;
}
div#areaSearch label{
  color: #fff;
  display: block;
  text-align: right;
  background-image: url("../img/areaSearch.gif");
  padding: 14px 28px 17px 3px;
}
div#areaSearch label:hover{
  text-decoration: underline;
}
#searchInArea {
  position: absolute;
  left: 536px;
  top: 3px;
}

/* =================== Latest Profiles ================== */
ol.linklist {
  list-style: none;
  padding: 0px;
  margin-left: 28px;
  margin-right: 28px;
  margin-top: 13px;
}
ol.linklist li {
  position: relative;
  width: 100%;
  padding: 3px 0;
  border-color: #C7C7C7;
  border-width: 1px 0;
  border-style: solid;
  margin-top: -2px;
  
  color: #333;
  background-color: white;
}
ol.linklist span.name {
  font-weight: bold;
}
ol.linklist span.place:before,
ol.linklist span.place:after {
  content:" / ";
}
ol.linklist span.info {
  color: #999;
}
ol.linklist img {
  float: right;
}

/* ======================== Excerpts from Categories =============== */
ul#excerpt {
  position: relative;
  margin-top: 15px;
  padding: 0 0 0 28px;
}
ul#excerpt li {
  position: static;
  float: left;
  width: 193px;
  height: 236px;
  margin: 0 10px 7px 0;

  background-color: #333;
  background-image: url("../img/excerptBg.gif");
  color: white;
  overflow: hidden;
}
ul#excerpt div {
  position: relative;
  top: -1px;
  left: 0px;
  width: 193px;
  height: 90px;
  overflow: hidden;
  text-align: center;
  line-height: 90px;
}
ul#excerpt div img {
  position: relative;
  top: -1px;
  vertical-align: middle;
}
ul#excerpt h3,
ul#excerpt h4 {
  margin: 6px 7px;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
}
ul#excerpt h3 { 
  /* background-image: url("../img/playDark.gif");
  background-position: top right;
  background-repeat: no-repeat; */
}
ul#excerpt h4 { font-weight: bold; }
ul#excerpt a {
  display: block;
  width: 180px;
  color: white;
}
ul#excerpt div a {
  width: 100%;
}
ul#excerpt p {
  margin: 7px;
  /* background-image: url("../img/playDark.gif");
  background-position: bottom right;
  background-repeat: no-repeat; */
}
ul#excerpt li a.bottom{
  float: right;
}
/* =================== Ãœbersichtstabelle ================== */
span.pagination {
  float: right;
  margin: 7px 28px;
}
span.pagination a {
  color: #fff;
  background-color: #3B3B3B;
  padding: 4px 6px;
  margin: 0 0 0 4px;
}
span#topPagination {
  position: relative;
  top: 16px;
}
table {
  font-size: 11px;
  width: 604px;
  padding: 0;
  border-collapse: collapse;
  margin: 20px 28px 0 28px;
}
thead,tbody {
  padding: 0;
  margin: 0;
}
th {
  text-align: left;
  text-transform: uppercase;
  padding: 5px 0;
  margin: 0;
}
td {
  text-align: left;
  padding: 3px 10px 3px 0;
  border-color: #C7C7C7;
  border-width: 1px 0;
  border-style: solid;  
  margin: 0;
}
tr.selected td {
  border-color: #000 !important;
}
td dfn,
th dfn {
  color: #999;
}

/* ======================== Profile+Module ====================== */
div#thumbstrip {
  text-align: right;
  padding-top: 38px;
  margin: 0 28px -25px 28px;
}
div#thumbstrip a{
  padding-bottom:3px;
  border-bottom: 3px solid white;
  margin-left: 5px;
}
div#thumbstrip a img {
  margin-top: 9px;
}
div#thumbstrip a:hover,
div#thumbstrip a.selected{
  padding-bottom:3px;
  border-bottom: 3px solid black;
}
div.galerie {
  text-align: center;
  margin: 0 28px 0px 28px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
}
div#imageFader {
  margin: 25px 0;
  width: 100%;
}
div#imageFader img {
  vertical-align:middle;
}
div.galerie p {
  text-align: left;
  padding: 13px 0 40px 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ccc;
  margin: 0;
}
div.element {
  margin: 10px 0 30px 0;
}
div.leftColumn {
  float: left;
  width: 346px;
  margin-right: -29px;
}
div.rightColumn {
  float: right;
  width: 346px;
  margin-left: -29px;
}
div.XLleftColumn { /* X-Tra Large left Col for 2/3 + 1/3 Layout */
  float: left;
  width: 451px;
  margin-right: -29px;
}
div.SrightColumn { /* Small right Col for 2/3 + 1/3 Layout */
  float: right;
  width: 241px;
  margin-left: -29px;
}
/* links in those boxes should be different */
div.leftColumn a,
div.rightColumn a,
div.XLleftColumn a,
div.SrightColumn a {
	text-decoration: underline;
}
div.leftColumn a:hover,
div.rightColumn a:hover,
div.XLleftColumn a:hover,
div.SrightColumn a:hover {
	text-decoration: underline;
	color: #CC3300;
}
/* fix for ordered/unordered lists */
div.paragraph ul,
div.paragraph ol
 {
	list-style-type: square;
	margin-top: 0px;
	margin-left: 14px;
	margin-bottom: 5px;
	padding-left: 0px;
	text-indent: 0px;
	line-height: 155%;
}

hr.seperator {
  margin: 14px 28px 0 28px;
  height: 1px;
  border: 0px solid #CCC;
  color: #CCC;
  background-color: #CCC;
}
hr.underlining {
  margin: 0px 28px 20px 28px;
  height: 1px;
  border: 0px solid #CCC;
  color: #CCC;
  background-color: #CCC;
}

div.download ul li {
  margin: 0px 28px 6px 28px;
}
div.imageonly img {
  margin: 0px 28px;
}
ul.workdomain {
  margin: 0px 28px;
  padding: 0;
}
ul.workdomain li {
  font-weight: bold;
}
ul.workdomain ul li,
ul.workdomain div.paragraph {
  font-weight: normal;
  margin-left: 8px;
  line-height: normal;
}

/* NEWSMODUL */

h2#newsTitle {
  width: 250px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 0 5px;
  margin: 30px 0 0 -5px;
  background: url(../img/newsbg.png) no-repeat;
  height: 23px;
}

* html h2#newsTitle {
  background: url(../img/newsbg.gif) no-repeat;
}

ul#newsListing {
  width: 245px;
}

ul#newsListing a img {
  float:right;
}

ul#newsListing li {
  border-bottom: 1px solid #999;
  padding: 8px 0 8px 0;
}

ul#newsListing li.last {
  border-bottom: none;
}

ul#newsListing a strong {
  color: #FFF;
}

ul#newsListing li,
ul#newsListing a {
  color: #999;
}

div#content p.newsdate {
  text-align: right;
}

ul.linklist {
  list-style: none;
  padding: 0px;
  margin-left: 28px;
  margin-right: 28px;
  margin-top: 13px;
}
ul.linklist li {
  position: relative;
  width: 100%;
  padding: 3px 0;
  border-color: #C7C7C7;
  border-width: 1px 0;
  border-style: solid;
  margin-top: -2px;
  color: #333;
  background-color: white;
}
ul.linklist li a {
  text-decoration: none;
  font-weight: bold;
}
ul.linklist img {
  float: right;
}

h2.newsLeftCol {
  padding-top: 10px;
  color: #CC3300;
}

h2.newsRightCol {
  padding-top: 10px;
  text-align: right;
}

h3.newsTitle {
  margin: 10px 0 15px 0;
}