/*
	Website: 
	BOB Design http://www.bob-design.de/ 
	Imagion AG http://www.imagion.de/
	CSS Datei
	20.04.2007 Daan Meskers
	$last_change: 20.04.2007 Daan Meskers
*/

/* =================== menu  ============= */
HTML, BODY {
	background: #fff1dd url(../../img/Layout/background_dots.png) ;
	width: 100%;	height: 100%;
	margin: 0;		padding: 0;
	text-align: center;
}
A { outline : 0; }
DIV#Container {}
DIV#Header {
	background: #a6a39f; overflow: hidden; margin:0;
}
DIV#Logo { background: #FFF; }
DIV#Logo A IMG { border: 0; }
DIV#Header UL {
	background: #fba619;
	width: 805px; height: 25px;
	display: block; list-style: none; overflow: hidden;
	padding: 0 0 0 175px; margin: 0 auto 0 auto; 
}
DIV#Header UL LI {
	float: left; display: block;
	padding: 0; margin: 0 7px 0 0;
	height: 20px;
}
DIV#Header UL LI A {
	display: block;
	color: #000; text-decoration: none;
	border-bottom: 1px dotted #fba619;
	padding: 5px 23px 3px 10px; margin: 0;
	font: 200 11px/12px Verdana, sans-serif;
}
DIV#Header UL LI A:hover {
	color: #000; background: #ffc959;
	border-bottom: 1px dotted #FFF;
}
/* ==================================================== */
DIV#Main {
	position: relative;
	width: 980px;
	margin: 0 auto auto auto;
	font: normal 12px/15px Verdana, sans-serif;
	color: #99A;
}
DIV#Content {
	position: relative;
	width: 635px;
	margin: 0 auto 0 auto;
	background: #fff6e9;
	min-height: 400px;
	padding-bottom: 35px;
	color: #a6a39e;	
	color: #555;
	text-align: left;
}
DIV#Left {
	position: absolute;
	left: 0; top: 5px;
	width: 165px;
}
DIV#Right {
	position: absolute;
	right: 0; top: 5px;
	width: 165px;
}
DIV#Right div.csc-textpic-text,
DIV#Right div.csc-header * {
	color: #333 !important;
	margin-left: 0 !important ; padding-left: 0  !important;
}
DIV#Right div.csc-header, DIV#Right div.csc-textpic-text p {
	margin: 0 !important ; padding: 0 0 0 4px !important;
}
DIV#Right div.csc-textpic-text {
    width: 180px;
}
DIV.csContent {
	background: transparent url(../../img/Layout/bg_transp.png);
	margin: 8px 0 11px 0; padding: 2px 2px 3px 4px;
	font: normal 10px/15px Verdana, sans-serif; 
	color: #555;
	text-align: left;
}
DIV#Main A,
DIV#Main A:visited  {
	color: #fba619;
	color: #fba619;
}

DIV#Main DIV.csContent H2 {
	margin: 0; padding: 3px 0 3px 0;
	color: #fba619; font-weight: bold;
	text-align: left;
	font-size: 12px;
}
DIV#Main DIV.csContent H2 A {
	color: #fba619;
}
DIV.csContent H4 {
	margin: 0; padding: 2px 0 0 0;
}
DIV#Main DIV.csContent H2 A {
	color: #fba619; text-decoration: none;
}
DIV#Main DIV.csContent P A {
	color: #fba619;
}
DIV.csContent IMG {
	float: left; margin: 4px 3px 1px 3px;
}
DIV#Content IMG {
	float: left; margin: 4px 10px 10px 0;
}
DIV#Main DIV.csContent A.navi {
	font: bold 11px/15px Verdana, sans-serif; 
	text-decoration: none; display: block;
	/* padding: 2px 2px 3px 2px; color: #99A;  */
	color: #FFF;
	background: #fba619;
	padding: 2px 2px 3px 4px; 
}
div#Main div#Right div.csContent A.navi   {
	font: bold 11px/15px Verdana, sans-serif; 
	text-decoration: none; display: block;
	color: #FFF;
	background: #fba619;
	padding: 2px 2px 3px 4px; 

}
div#Main div#Right div.csContent + div.csContent A.navi   {
	/* color: #99A;
	background: transparent;
	padding: 2px 2px 3px 2px; */
}
div#Main div#Right div.csContent   {
	padding: 0; margin: 10px 2px 10px 4px;
}
div#Main div#Right div.csContent + div.csContent   {
	padding: 2px 2px 3px 4px; margin: 8px 0 9px 0; 
}


/* ========================================= */
DIV#Right DIV.csContent  DIV.csPromi {
	padding: 4px; 
	color: #000;
}
DIV#Right DIV.csContent  DIV.csPromi H2  {
	font: bold 11px/15px Verdana, sans-serif; 
	color: #000; padding: 2px 0 3px 0; margin: 0;
}
DIV#Right DIV.csContent  DIV.csPromi p {
	color: #333; padding: 2px 0 3px 0; margin: 0;
}
DIV.csContent  P  {
	padding-left: 0;
	padding-right: 0;
}
DIV#Right DIV.csContent DIV.csPromi  {
	position: relative;
}
DIV#Content A {
	font-weight: bold; 
	color: #fba619;
	text-decoration: none;
}
DIV#Content A:hover {
	text-decoration: underline;
}
/* ========================================= */
P {
	padding-left: 15px;
	padding-right: 25px;
}
/* ========================================= */
DIV.csPreview {
	display: block;
	margin: 0; padding: 10px;
	text-align: left;
}
DIV.csPreview DIV.csItem {
	display: block;
	margin: 4px 0 3px 0; padding: 10px;
	text-align: left;
	border-top: 2px dotted #a6a29e;
	font: normal 12px/15px Verdana, sans-serif;
	color: #555;
	clear: both;
}
DIV.csItem h1, DIV.csItem h2 {
	font-size: 12pt; line-height: 145%;
}
DIV.csItem H3.csDatum {
	display: none;
}
DIV.csItem.csMitDatum H3.csDatum {
	display: block;
	color: #fba619; font-size: 110%;
	padding-botom: -10px; margin-bottom: -10px;
}
DIV.csItem.csMitDatum.csPromis H3.csDatum {
	padding-botom: -3px; margin-bottom: -3px;
	display: none;
}
DIV.csPreview DIV.csItem DIV.news-single-img {
	float: left;
}
DIV.csPreview DIV.csItem DIV.news-single-img A {
	float: none; display: block;
}
DIV.csPreview DIV.csItem DIV.news-single-img A IMG {
	float: none !important;
}
DIV.csPreview DIV.csItem DIV.news-single-img P {
	width: 190px;
	font-size: 90%; color: #777;
	margin: 0; padding: 0 10px 0 0; position: relative; top: -5px;
}
DIV.csItem P {
	max-width: 575px;
	font: normal 12px/18px Verdana, sans-serif;
	padding-left: 0;
	padding-right: 0;
}
/* ========================================= */
UL.csHeadshots {
	display: block; list-style: none;
	margin: 5px 0 10px 0; padding: 1px 0 0 0; width: 100%; height: 120px;
	border-top: 2px dotted #a6a29e;
	border-bottom: 2px dotted #a6a29e;
}
UL.csHeadshots LI {
	display: block; list-style: none; 
	margin: 0; padding: 0;
	width: 16%; float: left;
	font-weight: bold;
}
UL.csHeadshots LI IMG {
	position: relative;
	top: -4px;
}
UL.csHeadshots LI.csText {
	margin: 0; padding: 25px 0 0 2px;
}
UL.csHeadshots LI.clearer {
	float: none; width: 100%; height: 1px; clear:both;
	margin: -3px 0 -3px 0; overflow: hidden;
}

DIV.csImgPreview {
	float: right;
	margin-top: 10px;
}
/* ========================================= */
DIV.csc-header {
	display: block;
	margin: 0; padding: 10px;
	text-align: left;	
}
DIV.csc-header H1 {
	font: bold 15px/16px Verdana, sans-serif;
	margin: 5px 0; padding: 0;
}
P.bodytext {
	text-align: left;	
	margin-left: 15px;
	margin-right: 25px;
	max-width: 575px;
	font: normal 12px/18px Verdana, sans-serif;
}
TABLE.csc-loginform {
	border: 1px solid #FFF;
	background: #ffe7b8;
	margin: 10px 0 0 25px;
	width: 300px;
}
DIV.csNewsletterSubscribe {
	display: block;
	margin: 0; padding: 10px;
	text-align: left;
}
DIV.csNewsletterSubscribe H1 {
	font: bold 15px/16px Verdana, sans-serif;
	margin: 5px 0; padding: 0;
}
DIV.csNewsletterSubscribe LABEL {
	display: block;
	width: 110px;
	float: left;
	margin-left: 25px;
}

div.csc-textpic {

	padding: 2px 18px 5px 13px;
}
/* ========================================= */
DIV.csGallerie {
	display: block;
	margin: 10px; padding: 0;
	text-align: left;
	border-top: 2px dotted #a6a29e;
}
DIV.csGallerie DIV.csItem {
	position: relative;
	display: block;
	margin: 4px 10px 3px 10px; padding: 5px 0 5px 0;
	text-align: left;
	/* border-top: 2px dotted #a6a29e; */
	border-bottom: 2px dotted #a6a29e;
	font: normal 12px/15px Verdana, sans-serif;
	color: #a6a39e;
}

DIV.csGallerie.csArchive {
	border-top: 0;
}

DIV.csGallerie DIV.csItem IMG {
	float: left;
	margin-right: 10px;
}
DIV.csGallerie DIV.csItem DIV.news-single-img P {
	display: none;
}
DIV.csGallerie DIV.csItem H1 {
	font: bold 12px/18px Verdana, sans-serif;
	margin: 0; padding: 9px 0 0 0;
	color: #555;
}
DIV.csGallerie DIV.csItem  A {
	color: #555 !important;
}
DIV.csGallerie DIV.csItem  H3.csDatum {
	font: bold 12px/15px Verdana, sans-serif;
	display: block; float: left;
	color: #fba619;
	margin:  0 10px 0 5px; padding: 10px 3px 0 0;
	min-height: 100px;
}
DIV.csGallerie DIV.csItem  DIV {
	margin: 0; 
}
DIV.csGallerie DIV.csItem  P {
	font: normal 11px/15px Verdana, sans-serif;
	color: #555;
}

DIV.csGallerie DIV.csItem  A {
	color: #555;
	text-decoration: none;
}
DIV.csGallerie DIV.csItem  A:hover {
	color: #222;
	text-decoration: underline;
}
DIV#mbNumber {
	margin-left: 10px !important;
}
DIV.csGallerie.csArchive DIV.csItem IMG {
	display: none;
}
DIV.csGallerie.csArchive DIV.csItem H3.csDatum {
	margin:  0 10px 0 185px; 
	min-height: 30px;
}
DIV.csGallerie.csArchive DIV.csItem  FORM {
	dsplay: inline;
}
DIV.csGallerie.csArchive DIV.csItem  FORM A ,
DIV.csGallerie.csArchive DIV.csItem  FORM A IMG {
	display: inline;
	
}
/* ========================================= */
DIV.csSingleViewGalerie {
	display: block;
	margin: 0; padding: 10px;
	text-align: left;
}
DIV.csSingleViewGalerie H1 {
	font: bold 14px/18px Verdana, sans-serif;
	margin: 5px 15px 0 10px;; padding: 0;
	color: #555;
}
DIV.csSingleViewGalerie H3.csDatum {
	font: normal 13px/16px Verdana, sans-serif;
	margin: 5px 15px 10px 10px;; padding: 0;
	color: #555;
}
DIV.csSingleViewGalerie DIV.csImage {
	float: left; display: block;
	margin: 0 0 0 0; padding: 0;
	height: 175px; width: 200px;
}
DIV.csSingleViewGalerie DIV.csImages {
	margin: 15px 0 10px 10px; padding: 5px 0 0 0;	
	border-top: 2px dotted #a6a29e;
}
DIV.csSingleViewGalerie DIV.csImages A  {
	padding: 0; margin: 0; height: 136px;
	display: block;
}
DIV.csSingleViewGalerie DIV.csImages A IMG {
	margin: 0; padding: 0; 
}
DIV.csSingleViewGalerie DIV.csImages P {
	display: block;
	margin: 1px 15px  0 0; padding: 0 5px 3px 0;
	font: normal 11px/14px Verdana, sans-serif;
	border-bottom: 2px dotted #a6a29e;
	min-height: 22px;
}
DIV.csSingleViewGalerie DIV.csBack {
	font: normal 11px/16px Verdana, sans-serif;
	margin: 25px 15px 10px 10px;; padding: 0;
	color: #555;
}
DIV.csSingleViewGalerie DIV.csBack A {
	font: normal 11px/16px Verdana, sans-serif;
	color: #555; text-decoration: none;
}
DIV.csSingleViewGalerie DIV.csBack A:hover { text-decoration: underline; }
/* ========================================= */
DIV.tx-newloginbox-pi1 {
	display: block;
	margin: 0; padding: 10px;
	text-align: left;	

}
/* ========================================= */
div#Right div.csc-textpic ,
div#Right div.csc-textpic-imagewrap {
  margin: 0; padding: 0;
}
div#Right div.csc-textpic dl,
div#Right div.csc-textpic dl dt {
  margin: 0 0 0 3px; padding: 0;
}
/* ========================================= */
DIV#Footer {
	font: normal 10px/15px Verdana, sans-serif;
	width: 640px;
	color: #666;
	margin: 5px auto auto auto;
	position: absolute;
	bottom: 5px; left: 170px;
	border-top: 1px solid #999;
}
DIV.clearer {
	clear:both;
}

DIV.csSpacerVert {
	/* display: block; 
	width: auto;
	height: 35px; */
}
/* ========================================= */
DIV#editPanelSet {
	/* display: none; */
	position: absolute;
	border-bottom: 1px solid #CCC;
	top: 0; left: 0; width: 100%;
	background: #F0F0F0;
	margin: 0; padding: 0;
	font: normal 10px/15px Verdana, sans-serif;
	color: #666;
}
A.editicon.iconMode {
	display: none;
}
DIV#Main DIV.csContent A.editicon.iconMode,
DIV#Content DIV A.editicon.iconMode {
	display: inline;
}
FORM.editForm {
	display: block;
	float: right;
	margin-right: 5px;
}
DIV.headerAndButtons {
	width: 100%;
}
DIV.belogout {
	position: absolute !important;
	right: 10px; top: 0;
	float: none !important;
	width: 200px !important;
	color: #CCC;
}
DIV.belogout A#logOutLink {
	color: #AAA;
}
DIV.belogout A#logOutLink:hover {
	color: #666;
	text-decoration: underline;
}
/* DIV#editPanelSet DIV.headerAndButtons  */
DIV#div-editBar {
	
}
DIV.edit-mode {
	display: none;
	position: absolute;
	border-bottom: 1px solid #CCC;
	top: 0; left: 0; width: 100%; height: 20px;
	background: #F0F0F0;
	margin: 0; padding: 0;
	font: normal 10px/15px Verdana, sans-serif;
	color: #666;
	text-align: right;
}
DIV.edit-mode TABLE {
	position: absolute;
	right: 15px; top: 2px
}
DIV IMG.clear-image, BR.blackLineBR, TABLE.blackLine {
	display: none;
}