﻿/* CSS Document */
/* programmierung & design digital art media nova GmbH, hontzlarstra�e 26, 41238 m�nchengladbach, tel. 02166 - 133 90 0, fax. 02166 - 133 90 20, www.digital-art.de */
/* IMAGES */

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none;}

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right DIV.csc-textpic-imagewrap */
	DIV.csc-textpic-left .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap  .csc-textpic-image,
	DIV.csc-textpic-intext-left .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV#rechts .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important; margin-left: 15px;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; margin-left: auto; margin-right: auto;}
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0; margin-left: auto; margin-right: auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: center; margin-left: auto; margin-right: auto; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: center;margin-left: auto; margin-right: auto; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left;padding-left: 0px; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

/********************************/
/* Frames, spacing, link-to-top */
/********************************/

P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }
/* *************** Diesen Bereich unge�ndert in das eigene CSS �bernehmen */
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #141952; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #d7d7d7; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; *margin-top: 3px; padding-bottom: 10px; clear: both;}

/*DIV#content2 .csc-frame-rulerAfter { border-bottom: 1px solid #141952; margin-left: 0px; margin-right:8px; margin-bottom:10px; *margin-top: 5px; padding-bottom: 10px; *padding-bottom: 0px; width: 230px;}
DIV#teaser_rechts .csc-frame-rulerAfter { border-bottom: 1px solid #141952; margin-left: 5px; margin-right:5px; margin-bottom:10px; *margin-top: 10px; padding-bottom: 10px; *padding-bottom: 0px;}
DIV#content_standart .csc-frame-rulerAfter { border-bottom: 1px solid #141952; margin-left: 15px; margin-right: 0px; margin-bottom:10px; *margin-top: 10px; padding-bottom: 10px; *padding-bottom: 0px;}
*/

DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

body {
	background-image:url(../Bilder/ecs_bg_verlauf.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	}

#da_box {
	position: relative;
	margin: auto;
	width: 799px;
	}


#logo {
	position: relative;
	clear: both;
	width: 403px;
	height: 75px;
	}


#menue_box {
	position: relative;
	float: left;
	width: 799px;
	height: 42px;
	background-image:url(../Bilder/ecs_menue_bg.gif);
	}
	
#menue {
	position: relative;
	float: left;
	width: 789px;
	height: 42px;
	margin-left: 10px;
	}	

#banner {
	position: relative;
	float: left;
	width: 799px;
	height: 230px;
	margin-top: 3px;
	}
	
#content_box {
	position: relative;
	float: left;
	width: 799px;
	margin-top: 15px;
	}
	
#content_left {
	position: relative;
	float: left;
	width: 625px;
	padding-right: 10px;
	}

#content_right {
	position: relative;
	float: left;
	width: 164px;
	}
	
#footer {
	padding-top: 10px;
	position: relative;
	float: left;
	width: 799px;
	text-align: center;
	}	
	
/****** TEXTLAYOUT ***************/

p { margin: 0px; margin-top: 5px; margin-bottom: 15px;}

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #97b314;
	font-weight: bold;
	border-bottom: dotted #6b6d6d 1px;
	margin: 0px;
	padding: 0px;
	}
	
h1 a{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #97b314;
	font-weight: bold;
	text-decoration: none;
	}	
	
h1 a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #97b314;
	font-weight: bold;
	text-decoration: underline;
	}
	

h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #97b314;
	font-weight: bold;
	border-bottom: dotted #6b6d6d 1px;
	margin: 0px;
	padding: 0px;
	}	

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97b314;
	text-decoration: none;
	}
	
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97b314;
	text-decoration: underline;
	}	
	
img { border: 0px;}
	
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	}	
	
	
.csc-textpic-firstcol { padding-top: 5px; padding-bottom: 5px;}	
.csc-textpic-lastcol { padding-top: 5px; padding-bottom: 5px;}	
.csc-textpic-image	{ padding-top: 5px; padding-bottom: 5px;}
	
/****** TMPL 2 Spalten  ***************/

/******** TMPL 2er Aufteilung ************************/

#zweispalten_eins { float: left; padding-right: 10px; margin-bottom: 10px;}
#zweispalten_zwei { float: left; border-left: 1px solid #dbdbdb; padding-left: 10px; margin-bottom: 10px;}	


	
#zweispalten_eins .csc-bulletlist csc-bulletlist-0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747577;
	background: none;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 0 0 0;
	}	
	

#zweispalten_eins UL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: none;
	text-decoration: none;
	padding-left: 0px;
	margin: 0 0 0 0;
	margin-left: 15px;
		}

#zweispalten_eins LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style-image: none;
	list-style: none;
	background-image: url(../Bilder/pfeil_gruen.gif);
	background-repeat:no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	text-decoration: none;
	padding-left: 15px;
	margin: 0 0 0 0;
	
	}
	
#zweispalten_zwei .csc-bulletlist csc-bulletlist-0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747577;
	background: none;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 0 0 0;
	}	
	

#zweispalten_zwei UL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: none;
	text-decoration: none;
	padding-left: 0px;
	margin: 0 0 0 0;
	margin-left: 15px;
		}

#zweispalten_zwei LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	list-style-image: none;
	list-style: none;
	background-image: url(../Bilder/pfeil_gruen.gif);
	background-repeat:no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	text-decoration: none;
	padding-left: 15px;
	margin: 0 0 0 0;
	
	}	
#zweispalten_box	{padding-top: 0px; margin-bottom: 10px; }

#zweispalten_zwei LI a { font-size: 11px;}
#zweispalten_eins LI a { font-size: 11px;}

/**** TMPL BOX MIT RUNDEN ECKEN ************/

#rc_box { 
	position: relative;
	float: left;
	}
	
#rc_left { 
	position: relative;
	float: left;
	background-image:url(../Bilder/ecs_rc_left.gif);
	width: 8px;
	height: 37px;
	}	
	
#rc_headline { 
	position: relative;
	float: left;
	background-image: url(../Bilder/ecs_bg_box.gif);
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 12px;
	}	
	
#rc_right { 
	position: relative;
	float: left;
	background-image:url(../Bilder/ecs_rc_right.gif);
	width: 8px;
	height: 37px;
	}
	
#rc_content { 
	position: relative;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	
	}	
	
#rc_content a{ color: #616161;} 

#rc_content h3 a{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #97b314;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}	
	
/****** KONTAKTFORMULAR ***************/
 

.csc-mailform {
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	}
	
.csc-mailform-field {
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
/*.csc-mailform-label	{float: left;}*/

.csc-mailform-label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 15px;}
	
#mailformBitte_senden_Sie_mir_weitere_I {
	
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
#mailformPlease_send_further_information_about {
	
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.kontakt_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 444444;

	}
		
.mailformIhre_Nachricht { cols: 30;}
		
LABEL { float: left; width: 100px; }		

#mailform {float: left; margin-top: 5px;}
#mailform-field { padding-bottom: 10px;}
.csc-mailform-submit { margin-left: 100px;}

.menue2 { padding-bottom: 1px;}
.menue3 {padding-bottom: 10px;}


/************* GÄSTEBUCH ******************************/
.tx-veguestbook-pi1 { margin-top: 10px;}

.tx-veguestbook-pi1 h2.tx-guestbook-header  { width: 415px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color: #474b4e; padding: 0px; border-bottom: dotted #6b6d6d 1px; background-color: #fff; }


.tx-veguestbook-pi1 .tx-guestbook-left {
background:#fff none repeat scroll 0%;
float:left;
min-height:4em;
padding:0;
padding-top: 2px;
margin-right: 2px;
width:128px;
}

.tx-veguestbook-pi1 .tx-guestbook-right {
background:#FFFFFF none repeat scroll 0%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #616161;
float:left;
padding:0;
padding-left: 5px;
padding-top: 2px;
width:276px;
border-left: dotted #6b6d6d 1px;
min-height: 50px;
}

.tx-guestbook-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97b314;
	}
	
.tx-guestbook-result	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	}
	
.tx-veguestbook-pi1 .tx-guestbook-pagination {
font-family: Arial, Helvetica, sans-serif;
float:right;
font-size: 11px;
}
	
.gb_label { width: 130px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; font-weight: bold; padding-left: 0px;}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
display:block;
float:left;
width:290px;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
display:block;
float:left;
width:200px;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
float:left;
width: 200px;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
float:left;
width: 200px;
}

.tx-veguestbook-pi1 .tx-guestbook-field {
clear:both;
display:block;
padding:10px;
padding-left: 0px;
width:100%;
}

.tx-veguestbook-pi1 {font-size:70%;}

.tx-veguestbook-pi1 input.tx-guestbook-submit  { margin-left: 118px;}

.tx-veguestbook-pi1 P.tx-guestbook-form-error {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; FONT-WEIGHT: bold;	COLOR: #990000}

.tx-srfreecap-pi2-image {	MARGIN-LEFT: 0px}

/*********** TT_NEWS *******************************/

.news-list-item img { float: right; padding: 0px; padding-top: 5px;}
.news-single-img { float: right; padding: 0px; padding-top: 8px;}

.news-list-item { margin-bottom: 15px;}

.tx-ttnews-browsebox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #616161;}


/********** TEASER RECHTS ***********/

#teaser_rechts a {
	color: #616161;
	text-decoration: none;
	}
	
#teaser_rechts a:hover {
	color: #616161;
	text-decoration: underline;
	}	
	
#teaser_rechts h1 a{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #97b314;
	font-weight: bold;
	text-decoration: none;
	}	
	
#teaser_rechts h1 a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #97b314;
	font-weight: bold;
	text-decoration: underline;
	}	
	
#footer a {
	color: #000000;
	text-decoration: none;
	}	
	
#footer a:hover {
	color: #000000;
	text-decoration: underline;
	}	
	
.csc-textpic-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #616161;
	font-weight: bold;
	}		
