/* Colors */
Base blue: #009de0;

/* ================================================== BASICS ===================================================== */
body div * {
  background-color: #fff;
}
body, #theBody,#mainContent, td, input, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 3px;
  padding:0px;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: underline;
}
/* No frame for linked images! */
div#content div.contentelement div.articlecontent p.articletext a img, p.bodytext a img{
	border: 0;
}
/* No frame for Links set with TYPO3-RTE using style "externa-link" and "externa-link-new-window" */
a.external-link img, a.external-link-new-window img{
	border: 0;
}

.csc-textpic-caption {
		
}

/* ================================================== TOP and RIGHT BANNERS ===================================================== */
/* ==== Banner top ==== */
div#bannertop{
	/* display: none; /* outcomment this to show banner */
	text-align: center;
}
div#bannertop a img{
	border: white solid 0px;
}

/* ==== Banner right ==== */
tr td div#bannerright, /* use this when the <div id="bannerright"> has been retrieved */
tr td#bannerrightcol div{ /* use this so long */
	/* display: none; /* outcomment this to show banner */
	vertical-align: top;
	/* margin-top: 184px; */
	margin-top: 110px;
}
table#contentWithAdd div#bannerright a img{
	border: white solid 0px;
}
tr td#bannerrightcol {
	vertical-align: top;
}


/* ================================================== HEADER ================================================================ */
/* -- header box #009de0 -- */
#header {
  /* background-color: #fff; */
  /* 110px if #headermenu is hidden */
  height: 110px;
  /* 135px if #headermenu is visible */
  /* height: 135px; */
  width: 760px;
  /* background-image: url(images/oben.gif); */
  vertical-align: top;
  color: #009de0;
  /* border: 1px solid red; */
}

/* -- header menu box -- */
#headermenu, #headermenu a {
	background-color: #009de0;
	color: white;
	display: none; /* outcomment this to show headermenu */
	font-weight: bold;
	text-align: right;
}
#header img {
	border: 0;
}



/* ================================================== FOOTER ================================================================ */
/* -- footer box -- */
#footer {
  width: 760px;
/*  position: absolute;
  left: 50%;
  margin-left: -380px; */
  text-align: right;
  color: #666;
  font-size: 90%;
  border-top: 1px solid #cecece;
}
/* footer menu */
div#footer div.footermenuitem, div#footer div.footermenucurrent {
	display: inline;
	margin: 3px 0px 2px 4px;
	font-size: 12px;
/*	
	background-image: url(images/pipe12px.gif);
	background-repeat: no-repeat;
	background-position: -2px 0px;
*/
	color: #cecece;	
}


/* ================================================== CONTENT COLUMN ======================================================= */
/* the div containing the table with the 3 columns/cells */
#contentTableContainer{ 
}



/* -- main content div -- */
#mainContent {
  background-color: #fff;
  /* width: 760px; DON'T SET otherwise different display for IE'*/
/*  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -380px;*/
/*  border: 1px solid #cecece; */
}
/* -- main content div -- */
#mainContent #contentTable {
  border-spacing: 0px;
}
/* -- mid box (content) -- */
#mainContent #center {
  width: 397px;
  padding: 2px 15px;
  vertical-align: top;
  line-height: 140%;
}

#sitetitle {
	
}
#sitetitlebig {
  font-size: 2.8em;
}


/* ================================================== RIGHT COLUMN ======================================================== */
/* ===== right column ===== */
/* -- right box (menu, articles, adverts) -- */
#mainContent #right {
  width: 170px;
  padding: 0 0;
  padding-left: 15px;
  vertical-align: top;
  border-left: 1px solid #cecece;
  /* Set border-buttom to 0 for content elements bg is this is not white */
  background-color: #fff/* #fafafa */;
}


/* ================================================== LEFT COLUMN ============================================================= */
/* -- left box (menu) -- */
#mainContent #left {
  width: 130px;
  padding: 0 0;
  padding-right: 15px;
  vertical-align: top;
  border-right: 1px solid #cecece;
  /* Set border-buttom to 0 for content elements bg is this is not white */
  background-color: #fff/* #fafafa */;
}
#left .contentelement{
  width: 130px;
  margin-bottom: 10px;
}

/* ================================================== LEFT and RIGHT COLS BOXES ================================================== */
/* right and left box links */
#mainContent #right a:link, #mainContent #right a:active, #mainContent #right a:visited, #mainContent #left a:link, #mainContent #left a:active, #mainContent #left a:visited{
  /* color: #009de0; */
}
/* Links in content elements, teasers and articles */
.contentelement .articlecontent a , #left .contentelement a, #right .contentelement a {
  text-decoration: underline;
  color: #000;
}
.contentelement .articlecontent a:hover , #left .contentelement a:hover, #right .contentelement a:hover {
  text-decoration: none;
  color: #000;
}

/* content element paragraph */
p.bodytext{
	margin:0;
	padding: 5px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 11px;
}
p.bodytext img{
	margin: -5px;
}

/* Boxes right and left */
#right div.contentelement, #left div.contentelement  {
  /* Set to 0 if box backgrund is different from column bg */
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 20px;
}


/* Right and left column elements */
.contextbox {
  margin-bottom: 10px;
  /* background-color: #efefef; */
}

/* Make all tables in T3-Elements  left */
p.articletext table {
	float: left;
}

.contentelement .csc-header {
}
/* Artikel */
/* 'layout 1'in Typo3 */
.contentelement .csc-header h1{
  background-color: #efefef /*cfcfcf*/;
  margin: 4px 0px;
}

/* Services */
/* 'layout 2'in Typo3 */
.contentelement .csc-header h2{
  background-color: #ffdc73;
  font-size: 12px;
  text-align: left;
  padding-left: 5px;
  margin: 4px 0px;
}

/* No bg */
/* 'layout 3'in Typo3 */
.contentelement .csc-header h3{
  background-color: #fff !important;
  font-size: 10px !important;
  font-weight: normal !important;
  margin: 4px 0px !important;
}

/* Adds */
/* 'layout 4'in Typo3 */
.contentelement .csc-header h4{
  background-color: #fff;
  font-size: 10px;
  font-weight: normal;
  margin: 4px 0px;
  text-align: center;
}

/* No bg small */
/* 'layout 5'in Typo3 */
.contentelement .csc-header h5{
  background-color: #efefef;
  font-size: 10px;
  font-weight: normal;
  margin: 4px 0px;
}



/* Header of contexbox in right and left column */
.contextbox .head, .contextbox h1, td#right h3 {
  background-color: #cfcfcf;
  border-bottom: 1px solid #fff;
  padding: 2px 4px;
  font-weight: bold;
}
.contextbox p.articletext {
	margin: 0px;
	padding: 4px 0px;

}
.contextbox h1, td#right h3 {
  font-size: 14px;
}
.contentelement .head, .contentelement h1, td#right h3 {
  background-color: #cfcfcf;
  border-bottom: 1px solid #fff;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 12px;
}
.contentelement h2 {
display: block;
  background-color: #cfcfcf;
  border-bottom: 1px solid #fff;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 12px;
}

/* ================================================== MENU =================================================================== */
/* -- menu boxes, global definitions -- */
/* Menu box */
#leftmenu{
	margin-bottom: 25px;
}
/* menu items */
#mainContent #left .menu, #mainContent #left .menucurrent {
  line-height: 140%; /* damit die Zeilen nicht so aneinanderhängen - makes the schriftbild schöner */
  padding: 2px;
  margin-bottom: 2px;
  font-weight: bold;
}
/* -- menu boxes, normal menu -- */
#mainContent #left .menu {
  background-color: #ffedb5;
}
/* -- menu boxes, selected and hover menu -- */
#mainContent #left .menucurrent, #mainContent #left .menu:hover {
  background-color: #ffdc73;
}
/* -- menu boxes, break between menu boxes -- */
#mainContent #left .menubreak {
  height: 2px;
}


/* ================================================== SEARCH BOX ===================================================== */
/* The whole DIV */
td#left div#search{
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* The title of the search area ("Suche")*/
div#searchhead{
	padding: 0;
	margin: 0;
	height: 100%;
	font-weight: bold;
}
/* or point with this: #searchfield */
.searchbox {
	padding: 0;
	margin: 0;
	margin-top: 2px;
	margin-bottom: 5px;
	width: 100px;
	border: 1px solid #cecece;
}
#searchform{
	padding: 0;
	margin: 0;
}


/* ================================================== TEASERS ===================================================== */
/* ===== articles ===== */

/* Category name or 'top thema' */
.articlecat, .hpteaser a.articlecat {
  display: block;
  background-image: url(images/bluedot3px.gif);
  background-repeat: repeat-x;
  background-position: bottom;
	padding-bottom: 4px;
  line-height: 150%;
  font-weight: bold;
  font-size: 100%;
/*  text-align: center; */
}

/* === hpteaser layout === */
/* teaser container */
div.hpteaser {
	padding-bottom: 4px;
}
div.catteaser {
	padding-bottom: 4px;
	/* The line under each teaser*/
	border-bottom: solid 1px #efefef;
	/* The margin under the line */
	margin-bottom: 13px;
}
/* Text alignement*/
.mainarticle .articlecontent, .hpteaser .articlecontent, .catteaser .articlecontent {
/* border: 2-x green dashed; */
  text-align: left/*justify*/;
  line-height: 140%;
/* space betw. article content and headers of more articles */
	/* margin-bottom: 44px; */
}
/* The space between a teaser on the hp and the 'morearicle' headers */
.hpteaser .articlecontent {
	margin-bottom: 12px !important;
}
div.hpteaser div.links2morearticles {
	margin-bottom: 10px;
}

.minheightack {
	height: 1px;
	min-height: 174px;
}
/* Min-height hack - http://www.greywyvern.com/code/min-height-hack.html NOT USED ! */ 
.prop {
	height: 180px;
    float:right;
    width:1px;
	background-color: red;
}
/* Min-Height Fast Hack for IE6 */
p.WHATTOPUTHERE{
	min-height:180px;
	height:auto !important;
	height:180px;
}

/* hpteaser category link hover */
.hpteaser a.articlecat:hover, .catteaser a.articlecat:hover {
  /* background-color: #C3E9F9; */
  /* text-decoration: overline; */
  text-decoration: none;
  color:#009DE0;     /* WAR: #0051E0 */ 
}

/* -- article1: topthema; article2: normales thema -- */
.article1, .article2, .mainarticle {
  /* border-bottom: 1px solid #cecece; */
  margin-bottom: 10px;
}
/* -- main article head -- */
.mainarticle a.articlehead {
  display: block;
  padding: 0 4px 1px 0px;
  margin-top: 6px;
  line-height: 150%;
  font-weight: bold;
  font-size: 15px;
}
/* main article header*/
.mainarticle .articlecat{
	margin-top: -2px; /* So it's on the same hight of titles in cat pages (class .catname) Becaus of diif font size (15px and 12px)*/
	font-size: 15px;
}
/* main article head link hover */
.mainarticle a.articlehead:hover {
  /* background-color: #E9F7FD; */
}

/* -- hpteaser head -- */
.hpteaser a.articlehead, .catteaser a.articlehead {
  display: block;
  padding: 2px 4px 2px 0px;
  margin-top: 6px;
  line-height: 120%;
  font-weight: bold;
  font-size: 14px;
  text-align: left; 
}
/* hpteaser head link hover */
.hpteaser a.articlehead:hover, .catteaser a.articlehead:hover {
  /* background-color: #E9F7FD; */
}

/* hpteaser "more" link */
.mehrlink {
	font-style: italic;
}

/* Halfteaser */
/* -- articlehalf content -- */
td.leftarticle div.hpteaser div.articlecontent p.articletext, td.rightarticle div.hpteaser div.articlecontent p.articletext{
  text-align: left;
  line-height: 140%;
}

/* Halfteaser sizes */
td.leftarticle, td.rightarticle{
	width: 50%;
	vertical-align: top;
}
td.halfteaserseparator{
	width: 10px; /* Why this doesn't work? Put some &nbsp; instead....*/
}

/* Main article box */
div.mainarticle {
	height: 170px;
	min-height: 204px; /* Firefox */
}
/* -- mainarticle and hpteaser link -- */
.mainarticle .articlelink, .hpteaser .articlelink, .catteaser .articlelink {
  background-color: #c3e2f0;
  margin-bottom: 2px;
  /* color: #387c94; /* maybe propagate this to other bullets?
  padding: 0 4px;
  font-size: 90%;
/*  padding-left: 15px;
  background-image: url(images/linkdot.gif);
  background-position: 0 2px;
  background-repeat: no-repeat; */ /* this is a background image for an article link */
}
.articlebreak {
  padding: 0px;
  margin: 0px;
  height: 4px;
}
p.articletext {
	margin: 4px 0px;
}
p.articletextright {
	margin: 4px;
}
.imgleft, p.articletext img {
  float: left;
  margin: 5px 12px 5px 0;
}
img.pfeil{
	float: none !important;
	margin: 0 !important;
}
.imgright {
  float: right;
  margin: 5px 0 5px 12px;
}
.calendar {
  font-size: 80%;
}



/* ================================================== CATEGORY PAGE ===================================================== */
/* Category name as page title */
div.catname{
	margin-top: 3px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	/* letter-spacing: 0.3em; */
	background-image: url(images/bluedot3px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* The list of the next 10 articles */
.category_more_links{
	margin-top: 25px;
}
div.articlelink {
  background-color: #c3e2f0;
  margin-bottom: 2px;
}

/* Then container fo the '10 more articles'-link */
.morearticlescontainer{
	margin-top: 10px;
	margin-bottom: 10px;	
}
/* The link to the archive page */
.archivlink {
  background-color: #c3e2f0;
  margin-bottom: 2px;
}
div.articlelink a, div.archivlink a.archive{
	padding-left: 0;
	margin-left: 0;
}

/* ================================================== ARCHIVE PAGE ===================================================== */
/* Archive item */
table#archivetable {
	margin-top: 20px;
	width: 100%;
}
.archiveentry1{
	background-color: #c3e2f0;
	/* border-bottom: 1px dashed #efefef; */
}
.archiveentry2 div.articlelink{
	background-color: #fff;
	/* border-bottom: 1px dashed #efefef; */
}
div.archiveheader {
	float: left;
	display: inline;
	width: 82%;
}
div.archivedate {
	float: right;
	display: inline;
	width: 16%;	
}

/* ================================================== ARTICLE PAGE ===================================================== */
.articlecomplete {

}
.articlehead {
  display: block;
  padding: 20px 10px 1px 4px;
  line-height: 120%;
  font-weight: bold;
  font-size: 120%;
  text-align: left; 
}
.morefromcat, .morearticlescontainer a, .archivlink a {
  background-color: #c3e2f0;
  margin-bottom: 2px;
  color: #000;
  padding: 0 4px;
  font-size: 90%;
  margin: 40px 10px 1px 4px;
}
div.contentelement div.morefromcat{
	margin-top: 20px;
}

/* ================================================== NEXT ===================================================== */