@charset "utf-8";
/*
	parallaxis CSS v1.0
	Copyright (c) 2009 parallaxis – digitales Marketing
	
	Project:	Projektname
	Author: 	parallaxis – digitales Marketing
	Contact: 	Hohe Str. 23
				44139 Dortmund

	Phone:		+49 231 14 15 25
	Web:		www.parallaxis.de
	Mail:		info@parallaxis.de
*/
@charset "utf-8";
/*
RESET CSS V1.0 - Copyright (c) 2009 parallaxis – digitales Marketing
Reset all Styles
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

@charset "utf-8";
/*
HTML CSS V1.0 - Copyright (c) 2009 parallaxis – digitales Marketing
CSS for HTML-Tags
*/

/* -----------------------------------*/
/* --------->>> GLOBAL <<<---------*/
/* -----------------------------------*/
/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
background-color: #FFF8D9;
}

/* -----------------------------------*/
/* --------->>> Headings <<<---------*/
/* -----------------------------------*/ 
/***** Headings *****/
 
h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
color:#3c4b08;
font-family:Arial, Verdana;
}
 
h1 {
	margin:10px 0 10px 0;
    font-family:Arial, Verdana;
    font-size:14px;
	color:#3E4D0A;
}
 
h2 {
}
 
h3 {
}

h1, h2, h3, h4, h5 { color: #707173; line-height: 150%; }

#rightcol .banner h1 {
	font-size: 9px;
	font-weight: bold;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

#rightcol .element-container h1 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px;
	margin: 0 0 10px 0;
}

#rightcol .element-container h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px;
	margin: 0 0 10px 0;
}

#midcol h1.csc-firstHeader, #midcol h1.csc-firstHeader a,
#midcol h2.csc-firstHeader, #midcol h2.csc-firstHeader a {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 20px 0;
}

#midcol h1 {
	font-size: 14px;
	font-weight: bold;
	margin: px 0 10px 0;
}

#midcol h2 {
	color: #289806;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

#midcol h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

/* Überschriften */
#uid-214 #midcol h1, #uid-171 #midcol h1 { color: #289806; }					/* Grün */
#uid-214 #midcol h1.csc-firstHeader, #uid-171 #midcol h1.csc-firstHeader { color: #707173; }	/* Grau */

.news-single-item h2 {font-size: 16px; font-weight: bold; }
.news-single-item h3 { display: none; }
.news-amenu-container h2 { display: none; }

.news-list-container .news-list-item h3 { font-size: 12px; margin: 0 0 3px 0; }
.news-list-container .news-list-item h3 a {color: #289806 !important; font-weight: bold; line-height: 150%; text-decoration:none !important; }
/*.news-list-container .news-list-item h3 a:visited { color: #707173 !important; }*/

#midcol .tx-jppageteaser-pi1-list h2 a { color: #289806; font-size: 12px; margin: 0; font-weight: bold; }
#midcol .tx-jppageteaser-pi1-list h2 { margin: 0 0 6px 0; }

#inhalt > div { margin-bottom: 15px; }
/* -----------------------------------*/
/* --------->>> Text Styles <<<------*/
/* -----------------------------------*/ 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
	font-family:verdana, sans-serif;
	font-size:11px;
	color:#58585a;
	line-height:150%;

}

b {
	font-weight:bold;
}


ul, ol {
	list-style:none;
} 

#midcol ul, #midcol ol {
	list-style:disc;
	margin:0 0 20px 20px
}

#uid-3.bereich-3 #midcol ul, #midcol ol {
	list-style:none;
}
 
blockquote {
}
 
small {
}
 
img {
border:0;
}
 
sup {
}
 
sub {
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:none;
font-weight:bold;
color: #58585a;
}

a:hover {
text-decoration:underline;
}





/* -----------------------------------*/
/* --------->>> Forms<<<-------------*/
/* -----------------------------------*/ 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
}
 
textarea {
}
 
label {
cursor:pointer;
}

/* -----------------------------------*/
/* --------->>> Tables<<<------------*/
/* -----------------------------------*/ 
/***** Tables *****/
 
table {
	font-family:verdana, sans-serif;
	font-size:11px;
	color:#58585a;
	line-height:150%;
	margin: 0 auto;
}

table tr th {
	font-weight: bold;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

table tr td {
}

/* -----------------------------------*/
/* --------->>> Extras<<<------------*/
/* -----------------------------------*/

@charset "utf-8";
/*
LAYOUT CSS V1.0 - Copyright (c) 2009 parallaxis – digitales Marketing
Basic Layouts 1,2,3 or 4 Colum Design
*/
body{ background: #ffffff url(../img/background.jpg) 0 0 repeat-x fixed; }

#page-background-top {
	background: transparent url(../img/bg_page_top.png) 0 0 no-repeat;
	height: 15px;
	margin: 0 auto;
	width: 980px;
}

#page-background-mid {
	background: transparent url(../img/bg_page_mid.png) 0 0 repeat-y;
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;
}

#page-background-bot {
	background: transparent url(../img/bg_page_bot.png) 0 0 no-repeat;
	height: 15px;
	margin: 0 auto;
	width: 980px;
}

#page {
	background: transparent url(../img/bg_content.png) left bottom repeat-x;
	margin: 0 auto;
	padding: 0 20px;
	width: 920px;
}

#phead {
	height: 314px;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 920px;
}

#breadcrumb {
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 0 10px;
	text-align: left;
	width: 700px;
}

#language {
	float: left;
	height: 15px;
	margin: 0 0 10px 0;
	padding: 0 10px;
	text-align: right;
	width: 180px;
}

#mainnavi {
	background-color: #ffed00;
	clear: both;
	height: 34px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	width: 920px;
}

#logo {
	float: left;
	height: 245px;
	width: 200px;
}

#header {
	float: left;
	height: 245px;
	width: 720px;
}

#pbody {
	clear: both;
	margin: 0 0 20px 0px;
	overflow: hidden;
	width: 920px;
}

/*#uid-1 #pbody, #uid-7 #pbody , #uid-9 #pbody , #uid-10 #pbody , #uid-11 #pbody , #uid-13 #pbody ,
#uid-14 #pbody , #uid-15 #pbody , #uid-16 #pbody , #uid-17 #pbody , #uid-18 #pbody ,
#uid-81 #pbody { background: transparent url(../img/bg_pbody.png) left top repeat-y; }*/

#leftcol {
	float: left;
	height: 100%;
	width: 200px;
}

#midcol {
	float: left;
	padding: 0 20px 10px;
	width: 480px;
}

#rightcol {
	float: left;
	height: 100%;
	width: 200px;
}

#pfoot {
	border-top: 1px solid #9c9e9f;
	clear: both;
	height: 15px;
	padding: 10px 0 0 0;
	width: 920px;
}

#metanavi {
	text-align: center;
	line-height: 10px;
	margin: 0 auto;
	width: 520px;
}

body * { font-family: Arial, Verdana, sans-serif; }
body, p, ul, li { color: #707173; }


p {
	font-size: 12px;
	margin: 0 0 8px 0;
}
p.align-center { text-align: center; }
p.align-left{ text-align: left; }
p.align-right { text-align: right; }

ul { font-size: 12px; }

a:link, a:hover, a:focus, a:visited { color: #505050; font-weight: normal; }
a:hover { text-decoration: underline; }
a:visited  { color: #505050; text-decoration: none; }

#breadcrumb, #language, #metanavi { font-size: 11px; }

#language {
	margin: 5px 0 0 0;
}

#leftcol .inhalt {
	background-color: #ffed00;
	padding: 10px;
	width: 180px;
}

#leftcol .inhalt .quicklink { margin: 0 0 10px 0; }
#leftcol .inhalt .quicklink dl.csc-textpic-image { margin-bottom: 1px; }

#leftcol .newsletter-anmeldung {
	background-color: #ffffff;
	font-size: 12px;
	line-height: 120%;
	padding: 10px;
	margin: 0 0 1px 0;
}

#leftcol .newsletter-anmeldung .field {
	background-color: #eceded;
	border: none;
	color: #9c9e9f;
	font-size: 12px;
	height: 20px;
	line-height: 100%;
	padding: 6px 10px 0 10px;
	margin: 0 0 5px 0;
	width: 140px;
}

#leftcol .newsletter-anmeldung .button {
	background-color: #9c9e9f;
	border: none;
	color: #ffffff;
	font-size: 10px;
	height: 17px;
	text-align: center;
	width: 160px;
}

#rightcol .banner {
	background-color: #eceded;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 180px;
}

#rightcol .element-container {
	background: #ffed00 url(../img/bg_container.png) 0 0 repeat-x;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 180px;
}

#rightcol .element-container p { line-height: 175%; }

#rightcol .suche .field {
	background: #ffffff url(../img/bg_search.png) left center no-repeat;
	border: none;
	color: #9c9c9c;
	float: left;
	height: 21px;
	margin: 0;
	padding: 5px 0 0 26px;
	vertical-align: top;
	width: 127px;
}

#rightcol .suche .button { float: left; margin: 0; }

#rightcol .kontakt {
	background-color: #ffffff;
	padding: 10px;
}

#rightcol .kontakt p {
	font-size: 11px;
	margin: 0;
}

#rightcol .kontakt .contenttable { margin: 0 0 10px 0; }

#rightcol .kontakt .contenttable th {
	font-weight: normal;
	padding: 0 3px 0 0;
	text-align: left;
}

#rightcol .kontakt .contenttable p { margin: 0; }

#midcol p {
	line-height: 150%;
}

#midcol p.bodytext {
	margin: 10px 0 10px 0;
}

#midcol ol {
	list-style-type:decimal;
	font-size:12px;
}

#midcol a { text-decoration: underline; }

#midcol a:link, a:hover, a:focus  a:visited { color: #505050; text-decoration: underline; }

#lightbox {
	margin: 0px;
	padding: 0px;
	position: top;
}

table.csc-searchform { margin: 25px 0; }
table.csc-searchform td.csc-form-labelcell { padding: 0 10px 0 5px; }

//************* Startseite /*************/


/************* Sitemap ***************/

.tx-wssitemap-pi1 {
	font-size: 14px;
	color: #788289;
}

#midcol .tx-wssitemap-pi1 a, .tx-wssitemap-pi1 a:link, .tx-wssitemap-pi1 a:visited {
	text-decoration: none;
}

#midcol .tx-wssitemap-pi1 a:hover {
	text-decoration: underline;
	color: #788289;
}

.tx-wssitemap-pi1 .treemenudiv {
	font-size: 14px;
}

.tx-wssitemap-pi1 .treemenudiv .treemenudiv {
	font-size: 12px;
}

.tx-wssitemap-pi1 .treemenudiv a span.treemenutext_act {
	color: #788289;
}

/* Startseite  jpPageTeaser */
.tx-jppageteaser-pi1-list { font-size: 12px; line-height: 150%; }
#midcol .tx-jppageteaser-pi1-list-entry-link-item, #midcol .tx-jppageteaser-pi1-list-entry-description { margin: 0 0 0 15px; }
.tx-jppageteaser-pi1-list ul { margin-bottom: 0 !important; }

/* Berater Gehölzabnahmae nach PLZ */
#berater-gehoelzabnahme { margin: 20px 0 0 0; }
#berater-gehoelzabnahme h1 { color: #289806; font-size: 12px !important; }
#berater-gehoelzabnahme td { padding: 10px; }
#berater-gehoelzabnahme table .td-0 { width: 220px; }
#berater-gehoelzabnahme table .td-1 { width: 220px; }
#berater-gehoelzabnahme table .tr-0 { background-color: #ffed00 !important; font-size: 12px; }
#berater-gehoelzabnahme table .tr-even { background-color: #eceded; }
#berater-gehoelzabnahme table .tr-odd{ background-color: #FFFFFF; }

/* Berater Gehölzabnahmae nach PLZ - Sortierung*/
#berater-gehoelzabnahme-sort { text-align: center; }
#berater-gehoelzabnahme-sort p { background-color: #eceded; color: #707173; font-weight: bold; padding: 10px; }
#berater-gehoelzabnahme-sort a { text-decoration: none !important; font-weight: bold; }
#berater-gehoelzabnahme-sort #sortPLZ { margin: 0 0 0 10px; }

/* Zertifizierter Baumkontrolleur - Tabellengestaltung  (id 173, 200, 201) */
#uid-173 #midcol table, #uid-200 #midcol table, #uid-201 #midcol table, #uid-209 #midcol table { width: 480px; margin: 0 0 20px 0; border: 1px solid #EFEFEF; }
#uid-173 #midcol td, #uid-200 #midcol td, #uid-201 #midcol td , #uid-209 #midcol td { padding: 0; padding-left: 10px; }
#uid-173 #midcol hr, #uid-200 #midcol hr, #uid-201 #midcol hr , #uid-209 #midcol hr{ color: #707173; border-color: #707173; }
#uid-173 #midcol tr, #uid-200 #midcol tr, #uid-201 #midcol tr, #uid-209 #midcol tr { padding: 0; height: 20px; }
#uid-173 #midcol tr p, #uid-200 #midcol tr p, #uid-201 #midcol tr p , #uid-209 #midcol tr p { padding: 0; height: 20px; }
#uid-173 #midcol td + td, #uid-200 #midcol td + td, #uid-201 #midcol td + td, #uid-209 #midcol td + td { width: 200px; }
#uid-173 #midcol table thead td, #uid-200 #midcol table thead td, #uid-201 #midcol table thead td, #uid-209 #midcol table thead td { font-weight: bold; background-color: #EFEFEF; padding-left: 10px; }
#uid-173 #midcol table thead td p, #uid-200 #midcol table thead td p, #uid-201 #midcol table thead td p, #uid-209 #midcol table thead td p  { font-weight: bold; }

/* Suchergebnisse */
#midcol p.csc-searchResult {  margin: 0 0 12px 0; }
#midcol .csc-searchResultInfo p { font-size: 11px; margin: 0 0 20px 0; }
#midcol .csc-searchResultPrevNext a { margin: 0 2px 0 5px; }

#midcol .csc-searchform .csc-form-fieldcell input{
	border: 1px solid #ECEDED;
	background-color: #ECEDED;
	color:#9C9E9F;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	width: 250px;
}

#midcol .csc-searchform .csc-form-fieldcell input:hover { background-color: #FEED77; }

#midcol .csc-searchform .csc-form-fieldcell select{
	border: 1px solid #ECEDED;
	background-color: #ECEDED;
	color:#9C9E9F;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	width: 250px;
}

#midcol .csc-searchform .csc-form-fieldcell select:hover { background-color: #FEED77; }

/*********************
 * Hauptnavi
 ********************/
/*#Menulevel3x0, #Menulevel3x1, #Menulevel3x4, #Menulevel3x7, #Menulevel3x10 { left: 921px !important; }*/
#mainnavi .menuitem {
	float: left;
	font-size: 13px;
	height: 34px;
	text-align: center;
	width: 170px;
}

#mainnavi .first, #mainnavi .last { width: 201px; }

#mainnavi .menuspacer {
	background: #929395 url(../img/navi_space.png) 0 0 no-repeat;
	float: left;
	height: 34px;
	width: 2px;
}

#mainnavi .menuitem a {
	background: #bbbdbe url(../img/bg_navi_no.png) 0 0 repeat-x;
	color: #ffffff;
	display: block;
	height: 26px;
	padding-top: 8px;
	width: 100%;
}

#mainnavi .menuactive a, #mainnavi .menuitem a:hover {
	background: #ffed00 url(../img/bg_navi_act.png) 0 0 repeat-x;
	color: #707173;
	font-weight: bold;
	text-decoration: none;
}

#mainnavi .menuitem a:hover { font-weight: normal; }
#mainnavi .menuactive a:hover { font-weight: bold; }

.layer2 .menuitem a.moreitems { background-image: url(../img/arrow_navi_no.png); background-position: 180px 7px; background-repeat: no-repeat; }
.layer2 .menuactive a.moreitems { background-image: url(../img/arrow_navi_act.png);}

.layer2, .layer3  {
	background-color: #bbbdbe;
	padding-top: 5px;
	width: 201px;
}

.layer3 {
	padding-top: 0;
	width: 170px;
}

.layer2 .menuitem, .layer3 .menuitem {
	font-size: 12px;
	height: 24px;
	margin-bottom: 1px; 
	text-align: left;
	overflow: visible;
	width: 200px;
}

.layer3 .menuitem { width: 170px; }

.layer2 .menuitem a, .layer3 .menuitem a {
	background-color: #929395;/*#eceded*/
	/*background: #929395 url(../img/bg_subnavi_no.png) 0 0 repeat-x;*/
	color: #ffffff;
	display: block;
	height: 18px;
	line-height: 150%;
	padding: 3px 10px;
	width: 180px;
}

.layer3 .menuitem a { width: 150px; }

.layer2 .menuactive a, .layer2 .menuitem a:hover,
.layer3 .menuactive a, .layer3 .menuitem a:hover {
	background-color: #ffed00;
	/*background: #ffed00 url(../img/bg_subnavi_act.png) 0 0 repeat-x;*/
	color: #707173;
	text-decoration: none;
}

.layer2 .menuactive a.moreitems:hover, .layer2 .menuitem a.moreitems:hover { background-image: url(../img/arrow_navi_act.png); }

.layer3 .menuactive a, .layer3 .menuactive a:hover  { text-decoration: underline; }

.layer2 #id50.menuitem a.moreitems, .layer2 #id50.menuactive a.moreitems,
.layer2 #id50.menuitem a.moreitems:hover, .layer2 #id50.menuactive a.moreitems:hover,
.layer2 #id51.menuitem a.moreitems, .layer2 #id51.menuactive a.moreitems,
.layer2 #id51.menuitem a.moreitems:hover, .layer2 #id51.menuactive a.moreitems:hover,
.layer2 #id54.menuitem a.moreitems, .layer2 #id54.menuactive a.moreitems,
.layer2 #id54.menuitem a.moreitems:hover, .layer2 #id54.menuactive a.moreitems:hover,
.layer2 #id10.menuitem a.moreitems, .layer2 #id10.menuactive a.moreitems,
.layer2 #id10.menuitem a.moreitems:hover, .layer2 #id10.menuactive a.moreitems:hover,
.layer2 #id14.menuitem a.moreitems, .layer2 #id14.menuactive a.moreitems,
.layer2 #id14.menuitem a.moreitems:hover, .layer2 #id14.menuactive a.moreitems:hover { background-image: none; }





/*********************
 * Sub Navi
 ********************/
#subnavi { border-right: 1px dotted #ffed00; margin: 0 0 10px 0; }
#subnavi .level1 .menuitem { border-bottom: 1px solid #ffed00; }
#subnavi .level2 .menuitem { border-bottom: 1px dotted #ffed00; }
#subnavi .level2 .first { border-top: 1px dotted #ffed00; }
#subnavi .level2 .last { border: none; }

#subnavi .menuitem {
	font-size: 12px;
	text-align: left;
	overflow: visible;
	width: 199px;
}

#subnavi .menuitem a {
	background-color: #ffffff;
	display: block;
	font-weight: bold;
	height: 27px;
	padding: 8px 0 0 10px;
	width: 175;
}

#subnavi .menuitem a.moreitems {
	background: #ffffff 185px center no-repeat;
}

#subnavi .level2 .menuitem a { font-weight: normal; padding-left: 30px; width: 155px;}
#subnavi .level2 .menuitem a:hover { font-weight: normal; text-decoration: underline; background-color: #FFF !important; }
#subnavi .level2 .menuitem a:visited { background-color: #FFF !important; }
#subnavi .level2 .menuitem.menuactive { text-decoration: underline !important; background-color: #FFF !important; }

#subnavi .menuactive a { background-color: #ffed00; text-decoration: none; }
#subnavi .menuactive a.moreitems { background: #ffed00 185px center no-repeat; }
#subnavi .level1 .menuactive .level2 .menuitem a { background-color: #ffffff; }

#subnavi .menuactive a:hover, #subnavi .menuitem a:hover {
	background-color: #ffed00 !important;
	text-decoration: none;
}

#subnavi .menuactive a.moreitems:hover, #subnavi .menuitem a.moreitems:hover {
	background: #ffed00 185px center no-repeat !important;
	text-decoration: none;
}




/*********************
 * Static Navi
 ********************/
.staticmenu .menuitem {
	font-size: 12px;
	height: 26px;
	margin: 0 0 1px 0;
	text-align: left;
	overflow: visible;
	width: 180px;
}

.staticmenu .menuitem a {
	background-color: #ffffff;
	display: block;
	height: 21px;
	padding: 5px 0 0 10px;
	width: 170px;
}


/******************** Datepicker *******************/
div.datepicker {
	position:absolute;
	text-align:center;
	border: 1px #C4D5E3 solid;
	font-family:arial;
	background:#FFF;
	font-size:10px;
	padding:0;
}
div.datepicker-calendar table {
	font-size:10px;
	border:1px solid #FFF;
	margin:0;
	padding:0;
	text-align:center;
}
div.datepicker div.datepicker-header {
	font-size:11px;
	font-weight:bold;
	background:#fdeca6;
	border-bottom:1px solid #FCCA00;
	padding:2px;
	text-align:center;
}
div.datepicker table.header {
	width:175px;
	border:0;
	padding:0;
	text-align:center;
}
td.prev { text-align: right; }
td.prev,
td.prev_year,
td.next,
td.next_year {
	width:8%;
	color:#F7B72E;
	cursor:pointer;
	font-weight:bold;
	line-height:16px;
}
td.prev:hover,
td.prev_year:hover,
td.next:hover,
td.next_year:hover {
	color:#FF6600;
}
td.header {
	text-align:center;
	width:68%;
	font-weight:bold;
	line-height:16px;
}
div.datepicker-header {
	height:16px;
}
div.datepicker-calendar table tbody tr {
	border:1px solid #FFF;
	margin:0;
	padding:0;
}
div.datepicker-calendar table tbody tr td {
	border:1px #EAEAEA solid;
	margin:0;
	padding:0;
	text-align:center;
	height:16px;
	line-height:16px;
	width:21px;
	cursor:pointer;
}
div.datepicker-calendar table tbody tr td:hover,
div.datepicker-calendar table tbody tr td.outbound:hover,
div.datepicker-calendar table tbody tr td.today:hover {
	border:1px #CCE9FF solid;
	background:#fdeca6;
	cursor:pointer;
}
div.datepicker-calendar table tbody tr td.wday {
	border:1px #FCCA00 solid;
	background:#fdeca6;
	cursor:text;
	width:21px;
	height:16px;
	line-height:16px;
	font-weight:bold;
}
div.datepicker-calendar table tbody tr td.outbound {
	background:#F4F3F3;
}
div.datepicker-calendar table tbody tr td.today {
	border:0px #CCE9FF solid;
	background:#fdeca6;
	background-image:url(../img/date_active.gif);
	background-repeat:no-repeat;
	position:top left;
	width:21px;
	height:16px;
	line-height:16px;
	float:left;
}
div.datepicker-calendar table tbody tr td.today:hover {
	border:1px #CCE9FF solid;
	background:#fdeca6;
	background-image:url(../img/date_active.gif);
	background-repeat:no-repeat;
	position:top left;
}
div.datepicker-calendar table tbody tr td.nclick,
div.datepicker-calendar table tbody tr td.nclick_outbound {
	cursor:default;
	color:#aaa;
	width:21px;
	height:16px;
	line-height:16px;
}
div.datepicker-calendar table tbody tr td.nclick_outbound {
	background:#E8E4E4;
	width:21px;
	height:16px;
	line-height:16px;
}
div.datepicker-calendar table tbody tr td.nclick:hover,
div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
	border:1px #EAEAEA solid;
	background:#FFF;
}
div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
	background:#E8E4E4;
}
div.datepicker div.datepicker-footer {
	font-size:11px;
	color: #bb3300;
	font-weight: bold;
	background:#fdeca6;
	border-top:1px solid #CCE9FF;
	cursor:pointer;
	text-align:center;
	padding:2px;
}

.date {
	float:left;
	border:1px solid #CCE9FF;
	font-size:11px;
	font-family:arial;
	padding:1px;
}
.datepicker-opener-table {
	border:none;
	padding:0;
	border-spacing:0;
	display: inline;
	font-size: 11px;
	margin:0 0 0 3px;
	background:transparent url(../img/datepicker.gif) no-repeat 0 0;
	width:16px;
	height:16px;
	cursor:pointer;
}
.Opera .datepicker-opener-table {
	float:right;
}
.IE7 .datepicker-opener-table {
	position:relative;
	top:0;
	left:3px;
}
.datepicker-opener-table:hover {
	background:transparent url(../img/datepicker_ro.gif) no-repeat 0 0;
}
.datepicker-opener {
	width:16px;
	height:16px;
	margin:0 0 0 3px;
	cursor:pointer;
}

/********** Visitenkarten I - Suche **********/
/* Manuelle Suche */

.fll-cards-fieldset {
	background-color: #eceded;
	margin: 0 0 10px 0;
	padding: 10px;
}

#fll-cards-search-fields {
	padding: 0 0 0 30px;
}

#fll-cards-search-alphabeth {
	background-color: #ffffff;
	border-top: 1px solid #9c9e9f;
	border-bottom: 1px solid #9c9e9f;
	font-weight: bold;
	padding: 8px 0 8px 0;
	text-align: center;
	word-spacing: 2px;

}

#fll-cards-search-alphabeth a {
	font-weight: bold;
	text-decoration: none !important;
}

#fll-cards-search-alphabeth a:hover {
	color: #289806;
}

#fll-cards-search-seperator {
	padding: 10px 0 10px 0;
	text-align: center;
}

#fll-cards-search p {
	margin: 5px;
}



#fll-cards-search input {
	border: 1px solid #dbdcdc;
	padding: 5px;
	color: #707173;
	width: 260px;
}

#fll-cards-search select {
	border: 1px solid #dbdcdc;
	padding: 5px;
	color: #707173;
	width: 272px;
}

input#fll-cards-search-submit {
	background-image: url(../img/Visitenkarten/BG-Input.jpg);
	color: #ffffff;
	border: 1px solid #909293;
	font-weight: bold;
	margin: 10px 0 0 110px;
	padding: 5px;
	width: 130px;
}

label {
	display: block;
	float: left;
	padding: 5px 5px 0 0;
	width: 100px;
}

/* Suchergebnisse */

#fll-cards-results-intro {
	color: #346633;
	font-size: 16px !important;
}

#fll-cards-offer {
	background-color: #ededef;
	padding: 10px;
}

.fll-cards-results-content {
	margin: 0 0 0 120px;
}

.fll-cards-search-results-border {
    overflow: hidden;
}

.fll-cards-results-picture {
	float: left;
	margin: 0 20px 20px 0;
	min-height: 150px;
}

.fll-cards-results-picture img { border: 5px solid #ffed00; }

.fll-cards-results-hr {
	background-color: #eceded;
	border: 0;
	height: 5px;
	margin: 20px 0 20px 0;
	width: 480px;
	clear: left;
	
}


/********** Visitenkarten II - Detailansicht **********/
#fll-cards-picture {
	background-color: #ffed00;
	float: left;
	padding: 5px;
	width: 120px;
}

#fll-cards-details-content {
	margin: 0 0 0 150px;
	width: 330px;
}

#fll-cards-details-content p{
	margin: 0;
}

#fll-cards-details-content table{
	color: #707173;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

.fll-cards-h2 {
	font-size: 12px !important;
}

.fll-cards-details-hr {
	border: 0;
	background-color: #ffed00;
	height: 1px;
	width: 330px;
}

@charset "utf-8";
/* CSS Document */

#midcol .tx-cal-controller  h1 { font-size: 14px; color: #289806; margin: 0; padding: 0; }


/********** Pagebrowsing (wie shop) ************/

#midcol .productNavigator {
	background-color: #FFF;
	border-bottom: 2px solid #F3F3F3;
	float: left;
	letter-spacing: normal;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	text-align: center;
	width: 100%;
}

#midcol .bottom .productNavigator {
	border-top: 2px solid #F3F3F3;
	padding: 13px 0 0 0;
}

#midcol .productNavigator div.block {
	margin: 0 auto;
	padding: 0;
	width: 200px;
}


#midcol .productNavigator .left, #midcol .productNavigator .right{
	float: left;
	margin: 0;
	padding: 0;
	width:25px;
}

#midcol .productNavigator .productscount{
	float: left;
	font-size: 11px;
	margin: 0 10px 0 10px;
	padding: 0;
	vertical-align: bottom;
	color: #707173;
	text-align:center;
}

#midcol .productNavigator .productscount form {margin: 0 auto;}

#midcol .productNavigator .productscount form  {margin: 0 auto;}

#midcol .productNavigator .productscount select  {
	float: left;
}


#midcol .productNavigator .productscount span b { margin: 0 3px 0 2px;}

#midcol .productNavigator .productscount span a { margin: 0 2px; }

#midcol .productNavigator a img {
	margin: 0 !important;
}

/********** Shop - Pagebrowsing  Ende************/


/******** Jahresuebersicht **********/
#jahrnav {
	float:left;
	width:100%;
	text-align:center;
}



#jahrswitcher {
	float:left;
	width:100%;
}



#jahruebersicht {
	float:left;
	width:100%;
	margin: 0;
	padding:0;
}
.jahrzeile{
	float:left;
	width:100%;
	margin: 15px 0 20px 0;
	padding:0;
}
.monat {
	border: 1px solid #AFAFAF;
	float:left;
	margin: 0;
	padding:0;
	width: 343px;
	
}

.monat.first {
	margin: 0 10px 0 0;
} 

table .medtitle {
	background-color: #CFCFCF;
	font-weight: bold;
	text-align:center;
	padding: 10px 0 10px 0;
}

table .medtitle a {
	font-weight: bold;
	text-decoration:none;
}


.yearmonth th {
	background-color: #CFCFCF;
	color: #58585A;
	font-weight: bold;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
}

.yearmonth th.weekday { background-color: #DFDFDF;  }

.yearmonth td {
	background-color: #ffffff;
	border: 1px solid #DFDFDF;
	color: #58585A;
	font-weight: normal;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

.yearmonth td.monthOff { background-color: #f6f6f6; color: #cfd1d2; }

.yearmonth td.eventDay { background-color: #FFFDDF; }

.yearmonth td.monthOff.eventDay { background-color: #eceded; color: #DFD8D8; }

/*.yearmonth td.monthCurrentWeek { background-color: #FFF66F; }*/
.yearmonth td.monthToday { background-color: #FFED00; }


/******** Monatsuebersicht **********/

#month-header-icons {
	float:left;
	width:100%;
	text-align:center;
}

table.month-large {
	border: 1px solid #AFAFAF;
	margin: 15px 0 10px 0;
	width: 700px;
}

.month-large th {
	background-color: #CFCFCF;
	color: #58585A;
	font-weight: bold;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
}

.month-large td {
	background-color: #ffffff;
	border: 1px solid #DFDFDF;
	color: #58585A;
	font-weight: normal;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	height: 120px;
	min-width: 88px;
	width: 88px;
	max-width: 88px !important;
	overflow: hidden !important;
}

#midcol .month-large td a { text-decoration: none; font-weight: normal;  }

#midcol .month-large td a:hover { text-decoration: underline; font-weight: normal; }

.month-large td > div:first-child { font-size: 14px; font-weight: bold; color: #AFAFAF; }
.month-large td.monthToday > div:first-child { font-weight: bold; font-size: 14px; color: #58585A; }
.month-large td div div { overflow: hidden; width: 88px; }
.month-large td div div a { display: block; }

.month-large th.weekday { background-color: #DFDFDF; padding: 10px 0 10px 0; }
/* .month-large td.monthCurrentWeek { background-color: #FFFBBF; } */
.month-large td.monthOff { background-color: #f6f6f6; color: #bdb1b1; }
.month-large td.eventDay { background-color: #fffeed; }
/*.month-large td.eventDay.monthCurrentWeek { background-color: #FFF77F; }
.month-large td.eventDay.monthCurrentWeek.monthToday { background-color: #FFED00; }*/
.month-large td.monthOff.eventDay { background-color: #F6F6F6; color: #AAA3A3; }
.month-large td.monthToday { background-color: #FFED00; }

#midcol .month-large td.eventDay .default_catheader_text a { color: #707173; }
#midcol .month-large td.eventDay .green_catheader_text a { color: #289806; }
#midcol .month-large td.eventDay .orange_catheader_text a { color: #289806; }
#midcol .month-large td.eventDay .pink_catheader_text a { color: #707173; }
#midcol .month-large td.eventDay .red_catheader_text a { color: #707173; }
#midcol .month-large td.eventDay .yellow_catheader_text a { color: #fd8727; }
#midcol .month-large td.eventDay .grey_catheader_text a { color: #fd8727; }

#uid-94.bereich-6 .tx-cal-controller { font-size: 16px; font-weight: bold; color: #289806;}

#uid-95.bereich-6 .tx-cal-controller { font-size: 16px; font-weight: bold; color: #289806;}

/*********** Tagesuebersicht *************/


.dayview table { width: 700px; }

.tx-cal-controller .dayview div.head {
	background-color: #FFF66F;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
}

.tx-cal-controller .dayview div.head span { text-align: left; font-weight: bold; }
.tx-cal-controller .dayview div.head span + span { font-weight: normal; margin-left: 320px; }


#midcol .tx-cal-controller .dayview #allday div div  {
	background-color: #F6F6F6;
	border-bottom: 1px dashed #707173;
	font-size: 11px;
	margin: 0 0 4px 0;
	padding: 5px 3px 5px 20px;
}

#midcol .tx-cal-controller .dayview a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#midcol .tx-cal-controller .dayview a:hover { text-decoration: underline; }


/*********** Termine fortlaufend************/

.tx-cal-controller  {
	font-size: 14px;
	line-height: 160%;
}

#midcol #c161 #calendar-nav { margin: 10px; width:460px;}
#midcol #c161 #calendar-nav #legend  { width:460px;}
#midcol #c161 #calendar-nav #legend form{ width:440px;}
#midcol #c161  #calendar-nav #legend input.refresh_calendar {margin:63px 0 0 310px;}
#midcol #c161 div.head {float:left; width:460px;}
#midcol #c161 p .found {float:left;}

#midcol #c161 .productNavigator {
	background-color: #FFF;
	margin: 0 0 12px 0;
}

.tx-cal-controller div.head {
	background-color: #FFF66F;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
}

.tx-cal-controller  .event {
	font-size: 14px;
}

#uid-94.bereich-6 .tx-cal-controller, #uid-95.bereich-6 .tx-cal-controller  {
	font-size: 14px;
	width: 700px;
}

.tx-cal-controller p.found { font-size: 11px; }

.tx-cal-controller dl dt {
	font-size:12px;
	padding: 8px 8px 0px 8px;
	width: 465px;
}

.tx-cal-controller dl dd { font-size: 11px; padding: 8px; width: 465px; }

.tx-cal-controller dl dt { background-color: #F6F6F6; }
.tx-cal-controller dl dt.even { background-color: #FFF; }

.tx-cal-controller dl dd {
	background-color: #EFEFEF;
	font-size:12px;
	line-height: 120%;
}

/*.event img {
width:80px;
height:100%;
display: block;
float: right;
} */

.tx-cal-controller dt span.location div {
	display: block;
	float: left;
	width: 28%;
}

.tx-cal-controller dl dt  span.datumliste { 
	border: none;
	display: block;
	float: left;
	width: 70%;
}

.event dt a { vertical-align: bottom !important; font-size: 14px; }
.event dt span a { font-size: 12px; }

#midcol .tx-cal-controller dl dt  a{ text-decoration: none; display: block; clear: left; }
#midcol .tx-cal-controller dl dt  a:hover { text-decoration: underline; }

.tx-cal-controller dl dt  span.datumliste { border: none; display: block; float: left; }

.event dt span.V9G { border-bottom: 1px dashed #DFDFDF; display: block; padding-bottom: 5px; }

#midcol .tx-cal-controller dl dt span.V9G a  { display: inline; }

.tx-cal-controller .ics_link {
	font-size: 12px;
	text-align: right;
	margin: 0;
	padding: 0;
}

#uid-89.bereich-6 .tx-cal-controller {
	margin: 0;
	padding: 0;
}

 .tx-cal-controller span.location { text-align: right; margin: 0; padding: 0;}

/*#midcol .tx-cal-controller dl dt span.V9G a { font-size: 11px; }
#midcol .tx-cal-controller dl dt span.V9G img { font-size: 11px; } */

.tx-cal-controller dl dt span.V9G a.orange_catheader{ color: #289806 !important; }
.tx-cal-controller dl dt span.V9G a.green_catheader { color: #289806 !important; }
.tx-cal-controller dl dt span.V9G a.grey_catheader { color: #fd8727 !important; }
.tx-cal-controller dl dt span.V9G a.yellow_catheader { color: #fd8727 !important; }

/*.tx-cal-controller dl dt span.V9G a.pink_catheader:hover { background-color: #a15c5; }
.tx-cal-controller dl dt span.V9G a.red_catheader:hover { background-color: #757c0d; }
*/


table.month-small {
	border: 1px solid #AFAFAF;
	width: 200px;
	margin: 40px 0 0 0;
	font-size: 10px;
}

.month-small th {
	background-color: #CFCFCF;
	color: #58585A;
	font-weight: bold;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
	padding: 10px 4px;
	border-bottom: #58585A;
	border-top: #58585A;
	font-size: 12px;
}

.month-small th a, .month-small th a:link { text-decoration: underline; }
.month-small th a:hover { text-decoration: none; }

.month-small th.month-weekdays { background-color: #FFF; width: 30px; font-size: 10px; padding: 5px 3px; }


.month-small td {
	background-color: #ffffff;
	border: 1px solid #DFDFDF;
	color: #58585A;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px 3px;
}

.month-small td.monthOff { background-color: #f6f6f6; color: #cfd1d2; }

.month-small td.eventDay { background-color: #FFFDDF; }

.month-small td.monthOff.eventDay { background-color: #eceded; color: #DFD8D8; }

/*.month-small td.monthCurrentWeek { background-color: #FFF66F; } */
.month-small td.monthToday { background-color: #FFED00; }




/******** Detailansicht **********/

#calendar-event {
    font-size:12px;
	line-height: 140%;
}

.tx-cal-controller #calendar-event h1 {
    font-size:14px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.tx-cal-controller  #calender-event-backlink a {
    font-size:12px;
}

#calendar-event input {
    border: 1px solid #86898F !important;
    padding: 4px;
    background-color: #FFED00;
    color: #5F5F5F;
    font-size: 12px;
    margin: 0;
}

#calendar-event .csc-textpic img {
	margin: 0 0 10px 15px;
}

#calendar-event dl, #calendar-event dt  { margin: 0; padding: 0; }

/******** Erweiterte Suche **********/

.tx-cal-controller  { font-size: 12px; padding-top: 20px;  }

.tx-cal-controller  a { font-weight: bold; }

.tx-cal-controller legend {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.tx-cal-controller form {

}

.tx-cal-controller fieldset {
	width: 500px;
}

.tx-cal-controller fieldset  input, .tx-cal-controller fieldset  select {
	background-color: #ECEDED;
	color: #9C9E9F;
	font-size: 11px;
	border: 1px solid #ECEDED;
	padding: 3px 5px;
	margin: 0 0 5px;
}

.tx-cal-controller fieldset  select  { width: 200px; }

.tx-cal-controller fieldset  input:hover, .tx-cal-controller fieldset  select:hover  {
	background-color: #FEED77;
}

.tx-cal-controller fieldset  input:focus, .tx-cal-controller fieldset  select:focus {
	background-color: #FEED77;
}

.tx-cal-controller fieldset  label {
	font-size: 12px;
}

/******** Kalender Navigation **********/

#calendar-nav {
	background-color: #F6F6F6;
	float: left;
	font-weight: normal; 
	padding: 10px;
	width: 675px;
	margin: 0 0 10px 0;
	border: 1px solid #DFDFDF;
}

#calendar-nav #list  {
	margin: 0 0 0 50px;
	width:200px;
}

#calendar-nav #list h3 {
	display: block;
	margin: 10px 0 5px 0;
	width: 100%;
	
}

#calendar-nav #legend  {
	width: 680px;
}

#calendar-nav #legend  input {
	margin: 0 7px 0 0;
}

#calendar-nav #legend h3 {
	display: block;
	font-size: 14px;
	margin: 5px 0;
}

#calendar-nav #legend .treelevel0{
	color: #58585a;
	float: left;
	font-size: 12px;
	width: 170px;
}

#calendar-nav #list select {
	background-color: #FFFFFF;
	border: 1px solid #DDD;
	color: #707173;
	font-size: 11px;
	margin: 2px 0;
	padding: 2px;
	width: 195px;
}

#calendar-nav #legend input.refresh_calendar { display: block; margin: 63px 0 0 510px; }

#calendar-nav #list select:hover, #calendar-nav #list select:focus { background-color: #FEED77; }

#uid-170 .csc-textpic-intext-right  {
position: relative;
bottom:200px;
}

/*.auswahl5, .auswahl6 , .auswahl4 {display:none; visibility:hidden;}*/

.kontaktform label {
	font-size: 12px;
	width: 150px;
}
.kontaktform .field, .kontaktform .selection, .kontaktform .txtarea {
	border: 1px solid #ECEDED;
	background-color: #ECEDED;
	color:#9C9E9F;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	width: 250px;
}

.kontaktform .field:hover,
.kontaktform .field:focus,
.kontaktform .field:active,
.kontaktform .selection:hover,
.kontaktform .selection:focus,
.kontaktform .selection:active,
.kontaktform .txtarea:hover,
.kontaktform .txtarea:focus,
.kontaktform .txtarea:active { background-color: #FEED77; }

.kontaktform .button {
	background-color: #9C9E9F;
	border: none;
	color: #FFFFFF;
	font-size: 11px;
	margin: 10px 0 0 286px;
	padding: 3px 5px;
	text-align: center;
	width: 130px;
}

.kontaktform label.short { width: 20px; }
.kontaktform label.short + label.short { width: 125px; }
.kontaktform .selection { width: 261px; }
.kontaktform #kontakt_plz.field { width: 82px; }
.kontaktform #kontakt_ort.field { width: 151px; }
.kontaktform #kontakt_text { height: 100px; }

#uid-9 #midcol form label {
	font-size: 12px;
	/*width: 150px;*/
}

#uid-9 #midcol form input {
	border: 1px solid #ECEDED;
	background-color: #ECEDED;
	color:#9C9E9F;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	/*width: 250px;*/
}

#uid-9 #midcol form input:hover, #uid-9 #midcol form input:active { background-color: #FEED77 }

#uid-9 #midcol form input.button {
	background-color: #9C9E9F;
	border: none;
	color: #FFFFFF;
	font-size: 11px;
	margin: 10px 0 0 286px;
	padding: 3px 5px;
	text-align: center;
	width: 130px;	
}

#uid-9 #midcol .inhalt fieldset a {
	font-size: 12px;
}

/* CSS für tt-news */
hr.clearer {
	background-color: #ffffff;
	border-color: #ffffff;
	border: none;
	color: #ffffff;
	clear: both;
	height: 0px;
	line-height: 0px;
}

.news-list-browse .tx-ttnews-browsebox { text-align: center; }
.news-list-browse .tx-ttnews-browsebox p { margin: 0 0 5px 0; }
.news-list-browse .tx-ttnews-browsebox .tx-ttnews-browsebox-strong { font-weight: bold; }
.news-list-browse .tx-ttnews-browsebox td { padding: 0 3px; }
.news-list-browse .tx-ttnews-browsebox .tx-ttnews-browsebox-SCell a { text-decoration: underline; }

/* Listenansicht */
.news-list-container .news-list-item { margin: 0 0 30px 0; }
.news-list-container .news-list-date { font-size: 12px; display:block; }



.news-list-container .news-list-item p { margin: 0 0 5px 0; }
.news-list-container .news-list-item .news-list-morelink a {font-size: 12px; text-decoration:none !important; font-weight: bold;}


/* Singleansicht */
.news-single-item { margin: 10px 0 20px 0; }
.news-single-item .news-single-timedata {font-size: 12px; display:block; font-weight:bold;}
.news-single-item .news-single-author { font-size: 10px; margin: 0 0 10px 0; }
.news-single-item .news-single-backlink a {font-size: 12px; font-weight: bold; text-decoration:none !important; }
.news-single-img {float:right; margin: 0 0 0 15px;}
.news-single-additional-info {font-size: 12px;}

/* Archiv */
.news-amenu-container { margin: 0 0 15px 0;}
.news-amenu-container li { margin: 0; }
.news-amenu-container .news-amenu-item-year { display: none;}

/* Suche */
.news-search-form { margin: 0 0 20px 0; }
.news-search-form input { height: 18px; }
.news-search-form .news-search-form-submit input { height: 27px; }
.news-search-emptyMsg { display: none; }

/* Pagebrowser */
.tx-ttnews-browsebox {font-size: 12px; }
.csc-menu.csc-menu-4 a { font-size: 12px; }


/* CSS Document */
body {
        font-size       : 12px;
        font-family : Helvetica, Arial, Sans-Serif;
        margin   : 0px;
}

span.standard {
    font-size: 12px;
        font-weight: normal;
}

span.untertitel {
        font-size : 14px;
        font-weight: bold;
}

span.zitat {
        font-size : 12px;
        font-weight: italic;
}

div{
    font-size : 12px;
        font-weight: normal;
}
ul {
        margin-top: 2px;
        margin-bottom: 2px;
}
p {
    font-size : 12px;
        font-weight: normal;
        margin-top: 2px;
        margin-bottom: 2px;
}

span {
		font-size : 12px;
        font-weight: normal;
}


.weiss {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#ffffff;
 background-color:transparent;
}

.altweiss {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#F2F2F2;
 background-color:transparent;
}

.hellesgrau {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#dddddd;
 background-color:transparent;
}
.hellgrau {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color:transparent;
 color: #BFBFBF;
}
.grau {
 color:#888888;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color:transparent;
}
.dunkelgrau{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#3B3B3B;
 background-color:transparent;

}
.hellschwarz {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#202020;
 background-color:transparent;
}
.schwarz {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color:#000000;
 background-color:transparent;
}

@charset "utf-8";
/*
DEBUG CSS V1.0 - Copyright (c) 2009 parallaxis – digitales Marketing
CSS for Webdeveloping and Debugging
*/

.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }

.floatLeft { float: left; }
.floatRight { float: right; }

.alignLeft { text-align: left; }
.alignRight { text-align: right; }

.BorderRed {border:1px solid red;}
.BorderBlue {border:1px solid blue;}
.BorderGreen {border:1px solid green;}

.BackgroundRed {background-color: red;}
.BackgrounBlue {background-color: blue;}
.BackgrounGreen {background-color: green;}