/*
Farben:

#E30040; // (rot) Logo und Navi aktiv und titel rechts
#DEDEDE; // (grau hell) Hintergrund navi
#CCCCCC; // (grau) linien
#000000; // (schwarz) Schrift
*/


body
{
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
	background-color: #FFFFFF;
	text-align: left;
}

p, td, th, tr, li  {
	font-size: 11px;
	color: #515151;
}

a {
	font-size: 11px;
	color: #E30040;
	text-decoration: none;
}

a.pfeil  {
	padding: 0px 0.8em 0em 0.8em;
	background: url(/art/cta/pfili_navi.gif) no-repeat left top;
}

.pfeil
{
	padding: 0px 0.8em 0em 0.8em;
}

a.pdf  {

	padding: 0px 1.5em 0.5em 1.5em;
	background: url(/art/pdf.gif) no-repeat left top;
	font-weight: bold;
}

a.pdf_gross
{
	padding: 0px 1.5em 0.5em 1.5em;
	background: url(/art/pdf_gross.gif) no-repeat left top;
	font-weight: bold;
}

a:hover {
	color: #E30040;
	text-decoration: underline;
}


ul {
	list-style-type: none;
	margin: 0px 0.8em 0.6em;
	padding: 0px 0.6em 0.6em;
	font-size: 11px;
	color: #515151;
	list-style-image: url(/art/cta/bullet.gif);
}

ol {
	margin-left: 0.5em;
	padding-left: 0.5em;	
	list-style-type: decimal;
	color: #515151;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #E30040;
}


h2 {
	font-size: 14px;
	font-weight: bold;
}


h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

h6 {
	font-size: 18px;
	font-weight: normal;
	color: #E30040;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -3px 0px;
}

hr {
	color: #000000;
	height: 1px;
}

input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	margin-bottom: 4px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid Gray;
	margin: 2px 0px;
}

.submit {
	border: 1px solid #666666;
	background-color: #E5E5E5;
	font-size: 11px;
}

.antifloat
{
	clear: both;
	visibility: hidden;
}

#overDiv
{
	position: absolute; 
	visibility: hidden; 
	z-index:1000;
}

#seitenanfanglink {
	padding: 0px 0px 0px 0px;
}
/*------------------------------------------------------------------------*/

/******************************
	layout
******************************/


#body {
	width: 950px;
	text-align: left;
}

#body td a img{
	border:1px solid black;

}

#body a img{
	border:0px;

}



#banner {
	width: 950px;
	height: 205px;
}

#logo {
	float: left;
	width: 125px;
}

#logo img {
	border: none;
}

#ueberschrift {
	float: left;
	width: 825px;
	padding-top: 59px;
	font-weight: bold;
}

#sprachenlinks {
	float: left;
	width: 162px;
	height: 20px;
	padding: 25px 3px 0px 5px;
	border-bottom: 1px solid #CCCCCC;

	/*background-color:#F6F6F6;*/
}

#globalNavi {
	float: left;
	width: 574px;
	height: 36px;
	padding: 9px 8px 0px 8px;
	border-bottom: 1px solid #CCCCCC;

	/*background-color:#F6F6F6;*/
}

#shortcuts1 {
	float: left;
	width: 190px;
	height: 20px;
	padding: 25px 0px 0px 0px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}

#mitte {
	clear: both;
	width: 950px;
	min-height: 400px;
	margin: 5px 0px;
	background: url(/art/cta/bg.gif) repeat-y;
}

* html #mitte {
	height: 400px;
}

#navcontainer {
	float: left;
	width: 170px;
	padding: 30px 0px;
}

#inhalt_schmal {
	float: left;
	width: 584px;
	padding: 0px 8px 20px 8px;
}

#inhalt_breit {
	float: left;
	width: 772px;
	padding: 0px 0px 20px 8px;
}

#kruemelnavigation {
	width: 584px;
	height: 20px;
}

#hauptinhalt_breit {
	width: 764px;
	padding: 0px 8px 40px 0px;
}

#hauptinhalt_schmal {
	width: 584px;
	padding: 0px 0px 40px 0px;
}

#spalte_rechts {
	float: left;
	width: 180px;
}

#spalte_rechts .emotion_rechts {
	width: 178px;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


#spalte_rechts .vor_eintrag_rechts {
	width: 180px;
	height: 6px;
}

#spalte_rechts .eintrag_rechts {
	width: 158px;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#spalte_rechts .eintrag_rechts_ohne_rand {
	width: 158px;
	padding: 0px 10px 10px 10px;
}

#spalte_rechts .nach_eintrag_rechts {
	width: 180px;
	height: 6px;
	padding: 0px 0px 10px 0px;
}

#fusszeile {
	width: 584px;
	height: 20px;
	padding: 0px 188px 10px 178px;
	//padding-bottom: 0px;
	margin-top: -25px;
	//margin-top: -20px;
}

#shortcuts2 {
	width: 950px;
	padding: 5px 0px;
	border-top: 1px solid #CCCCCC;
}
/*
.download th, .download td {
	border-bottom: 1px solid #999999;
	height:16px;
	color: #E30040;
}

.download .zebra1, .download .zebra0, .download .zebra {
	background-color: #FFFFFF;
}
.download-table {
	width: 100%;
}

.download-table .size, .download-table .extension{
text-align: right;
}
*/
/******************************
Template: Download 
******************************/
.download
{
	padding: 10px 0px;
}

/* tabelle */
.download table.download-table
{
	width: 100%;
	border-collapse: collapse;
}

.download tr
{
	margin: 0px;
	padding: 1px;
}

.download tr.zebra
{
	background-color: #FFFFFF;
}
.download tr.zebra0
{
	background-color: #FFFFFF;
}
.download tr.zebra1
{
	background-color: #FFFFFF;
}

.download .zebra1
{
	background-color: #FFFFFF;
}

.download th, .download td
{
	margin: 0px;
	padding: 1px;
}

.download th
{
	/*border-bottom: 1px solid #999999;*/
}
.download th.dateLastModified
{
	width: 14em;
}
.download th.name
{
}
.download th.extension
{
	width: 5em;
	text-align: left;
}
.download th.name_datum
{
	width: 10em;
}
.download th.size
{
	width: 6em;
	text-align: right;
}

.download th.delete
{
	width: 9em;
	text-align: right;
}

.download td
{
	border-bottom: 1px solid #999999;
}

.download td.dateLastModified
{
	width: 14em;
}
.download td.name
{
}
.download td.extension
{
	width: 5em;
	text-align: left;
}
.download td.name_datum
{
	width: 10em;
}
.download td.size
{
	width: 6em;
	text-align: right;
}
.download td.delete
{
	text-align: right;
}
.download td.delete img
{
	border: 0px;
}

/* formatierung fuer upload-formular */
.download .upload
{
	padding-top: 0.5em;
}
.download .upload-message
{
	padding: 0.5em;
	border: 1px solid #BBBBBB;
}
.download .upload-message-success-true
{
	background-color: PaleGreen;
}
.download .upload-message-success-false
{
	background-color: LightSalmon;
}
.download .upload img
{
	float: left;
	padding-right: 0.2em;
}
.download .upload form.hidden
{
	display: none;
}

/* zebrastreifen (bei angezeigten Unterorndern) */
.download .aufklapp div.zebra0
{
	background-color: #F1F1F1;
}
.download .aufklapp div.zebra1
{
	background-color: #ffffff;
}
/*------------------------------------------------------------------------*/


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

/******************************
	Navi 1. Ebene
******************************/

#globalNavi ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

#globalNavi ul li
{
	float: left;
	/*background: url(/art/navi1_cta/passiv_rechts.gif) no-repeat right top;*/
}

#globalNavi ul li.last {
	background: url(/art/cta/navi1/passiv_rechts_last.gif) no-repeat right top;
}

#globalNavi ul li a
{
	font-size:16px;
	font-weight:normal;
	text-decoration:none;	
	display: block;
    	padding: 7px 45px 10px 10px;
	color: #E30040;
	background: url(/art/cta/navi1/passiv_links.gif) no-repeat left top;
}

#globalNavi ul li a:hover
{

}

#globalNavi ul li.first a {
	background: url(/art/cta/navi1/passiv_links_first.gif) no-repeat left top;
}

#globalNavi ul li.last a {
	background: url(/art/cta/navi1/passiv_links_last.gif) no-repeat left top;
}

#globalNavi ul li.nach_active a, #globalNavi ul li.nach_parentactive a {
	background: url(/art/cta/navi1/passiv.gif) repeat-x left top;
}

#globalNavi ul li.nach_active.last a, #globalNavi ul li.nach_parentactive.last a {
	background: none;
}

#globalNavi ul li.active, #globalNavi ul li.active_no_kids, #globalNavi ul li.parentactive {
	background: url(/art/cta/navi1/aktiv_rechts.gif) no-repeat right top;
}

#globalNavi ul li.active a, #globalNavi ul li.active_no_kids a, #globalNavi ul li.parentactive a {
	color: #FFFFFF;
	background: url(/art/cta/navi1/aktiv_links.gif) no-repeat left top;
}

#globalNavi ul li.first.active a, #globalNavi ul li.first.active_no_kids a, #globalNavi ul li.first.parentactive a {
	background: url(/art/cta/navi1/aktiv_links_first.gif) no-repeat left top;
}

#globalNavi ul li.active.last, #globalNavi ul li.active_no_kids.last, #globalNavi ul li.parentactive.last {
	background: url(/art/cta/navi1/aktiv_rechts_last.gif) no-repeat right top;
}
/*------------------------------------------------------------------------*/

/******************************
	navigation ab 2. Ebene
******************************/

/******************************
	stufe 1 
******************************/
#navcontainer ul {
	list-style-type: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

#navcontainer ul ul li {
	display: inline;
}

#navcontainer ul ul li a {
	padding: 1px 8px;
	display: block;
	color: #666666;
	font-weight: bold;
}

#navcontainer ul ul a:hover {
	background-color: #CCCCCC;
	text-decoration: none;
}

#navcontainer ul ul a.parentactive {
	text-decoration: underline;
}

#navcontainer ul ul a.active {
	text-decoration: underline;
}

#navcontainer ul ul a.active_no_kids {
	text-decoration: underline;
}

/******************************
	stufe 2 
******************************/
#navcontainer ul ul ul a {
	color: #999999;
	font-weight: normal;
}

/******************************
	stufe 3 
******************************/
#navcontainer ul ul ul ul a {
	color: #E30040;
	background: url(/art/cta/pfili_navi.gif) no-repeat 8px 1px;
	padding-left: 18px;
}

#navcontainer ul ul ul ul a.parentactive, #navcontainer ul ul ul ul a.active, #navcontainer ul ul ul ul a.active_no_kids {
	background: url(/art/cta/pfili_navi_aktiv.gif) no-repeat 8px 1px;
}
/*------------------------------------------------------------------------*/


/******************************
	kruemel-navigation 
******************************/
#kruemelnavigation span
{
	font-size: 10px;
	color: #999999;
}

#kruemelnavigation a
{
	font-size: 10px;
	color: #999999;
}

#kruemelnavigation a:hover
{
	color: #999999;
}
/*------------------------------------------------------------------------*/

/******************************
	Shortcutnavigation
******************************/
.shortcutlinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

.shortcutlinks li
{
	display: inline;
	margin: 0px;
	padding: 0px 2px 0px 5px;
	border-left: 1px solid #E30040;
}

.shortcutlinks li.first
{
	border-left: none;
	padding-left: 0px;
}

.shortcutlinks a.tools 
{
	color: #E30040;
	text-decoration: none;
}

.shortcutlinks a:hover.tools 
{
	color: #666666;
}
/*------------------------------------------------------------------------*/

/******************************
	Sprach-Wechsel-Links
******************************/
#sprachenlinks ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}

#sprachenlinks li
{
	display: inline;
	margin: 0px;
	padding: 0px 5px;
}

#sprachenlinks li.first
{
	padding-left: 0px;
}

#sprachenlinks a.sprachwahl 
{
	color: #E30040;
}

#sprachenlinks a:hover.sprachwahl 
{
	color: #E30040;
}

#sprachenlinks a.currentSprachwahl  
{
	color: #E30040;
}

#sprachenlinks a:hover.currentSprachwahl 
{
	color: #E30040;
}
/*------------------------------------------------------------------------*/

/******************************
	Fusszeile
******************************/
#fusszeile p, #fusszeile a {
	color: #999999;
}
/*------------------------------------------------------------------------*/

/******************************
	rechte Spalte
******************************/
#spalte_rechts .eintrag_rechts h3 {
	margin: 0px;
	padding: 5px 5px 5px 0px;
}

#spalte_rechts .eintrag_rechts p {
	margin: 0px;
}
/*------------------------------------------------------------------------*/

/******************************
	Template: Tabs
******************************/

/* Div rund um die Tabs (Nav und Inhalte) */
.tabs
{
}

/* Tab-Nav */
.tabs .tabNavi
{
	float: left;
	width: 100%;
	background: #FFFFFF url(/art/tabs/hintergrund.gif) repeat-x bottom;
	line-height: normal;
}
.tabs .tabNavi ul
{
	margin: 0px;
	padding: 10px 10px 0;
	list-style: none;
}

.tabs .tabNavi ul li
{
	float: left;
	margin: 0px 4px;
	background: url(/art/tabs/passiv_rechts.gif) no-repeat right top;
}

.tabs .tabNavi ul li a
{
	display: block;
	background: url(/art/tabs/passiv_links.gif) no-repeat left top;
    padding: 5px 15px 4px;
}

.tabs .tabNavi ul li a:hover
{
}

.tabs .tabNavi ul li.aktiv
{
	background-image: url(/art/tabs/aktiv_rechts.gif);
}

.tabs .tabNavi ul li.aktiv a
{
	background-image: url(/art/tabs/aktiv_links.gif);
	padding-bottom: 5px;
}

.tabs .tabNavi ul li.aktiv a:hover
{
}

/* Tabs-Inhalt */
.tabs .tabinhalt
{
	clear: left;
	width: 100%;
	padding-bottom: 5px;
}

.tabs .tabinhalt div
{
	padding: 2px;
}

.tabs .tabinhalt .aktiv
{
	display: block;
	/*border: 1px solid #B7B7B7;*/
	border-top: 0px; /* wird mit den tabs gemacht. */
}

.tabs .tabinhalt .versteckt
{
	display: none;
}

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


/******************************
	Templates: produktbeschrieb 170
******************************/
.produktKind h3
{
	color: #E30040;
}

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

/******************************
	bildgalerie 
******************************/
/* thumbnail */
#galerieTabLinks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#galerieTabLinks ul li {
	float: left;
	display: block;
	padding-right: 10px;
}

#galerieTabLinks ul li.selected a{
	color: green;
}

.bilder_klein_ohne_tabs {
	padding-top: 15px;
}

.bilder_klein_mit_tabs {
	padding-top: 10px;
}

.bild_klein {
	float: left;
	width: 170px;
	padding-bottom: 10px;
}

.submit {
	border: 1px solid #666666;
	background-color: #E5E5E5;
	font-size: 10px;
}

.bildbeschreibung {
}


.galerie_thumbnails {
}

.galerie_thumbnails .galerie_bild {
	float: left;
	width: 50%;
}

/* uebersichtUndDetail */
#bildListe {
	float: left;
	width: 150px;
}

#bildliste img {
	width: 150px;
}

#bildText {
	float: left;
	width: 180px;
	padding: 0px 10px;
}

#bildDetailbild {
	float: left;
	width: 370px;
	background: no-repeat top right;
}

#seitenLinks {
	clear: both;
}

#galerie_bildBlaetterLinks {
	width: 340px;
}

/* seitenzahlen */
.galerie_seitenzahlen 
{
	padding: 2px 5px;
}

.galerie_seitenzahlen ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.galerie_seitenzahlen ul li
{
	float: left;
	display: block;
	width: 2em;
	border-left: 1px solid dodgerblue;
}

.galerie_seitenzahlen ul li.first
{
	border-left: 0px solid dodgerblue;
}

.galerie_seitenzahlen ul li.last
{
}

.galerie_seitenzahlen ul li a
{
	display: block;
	text-align: center;
	background-color: aliceblue;
}

.galerie_seitenzahlen ul li a:hover
{
	background-color: lightskyblue;
}

.galerie_seitenzahlen ul li a.aktiv
{
	background-color: lightblue;
}

/* zurück weiter */
.galerie_zurueckSeiteWeiter 
{
	padding: 2px;
}

.galerie_zurueckSeiteWeiter ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

.galerie_zurueckSeiteWeiter ul li {
	float: left;
	width: 33%;
	display: block;
}

.galerie_zurueckSeiteWeiter ul li.zurueck {
	
}

.galerie_zurueckSeiteWeiter ul li.seiteXvonY {
	text-align: center;
}

.galerie_zurueckSeiteWeiter ul li.weiter {
	text-align: right;
}

.galerie_zurueckSeiteWeiter ul li a {
	display: inline;
}

/* navigation */
.galerie_navigation {
	clear: left;
}

.galerie_navigation ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

.galerie_navigation ul li {
	float: left;
	padding: 2px 6px;
}

.galerie_navigation ul li.zurueck {
	padding-left: 0px;
}

.galerie_navigation .galerie_seitenzahlen {
	float: left;
	margin: 0px;
	padding: 0px;
}

.galerie_navigation .galerie_seitenzahlen ul li {
	padding: 0px;
	border-left: 1px solid dodgerblue;
}

.galerie_navigation .galerie_seitenzahlen ul li.last
{
	border-right: 1px solid dodgerblue;
}

.galerie_navigation ul li.weiter {
	padding-right: 0px;
}

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

/******************************
	Template: listeKindinhalte_news
******************************/
.listeKindinhalte_news ul
{
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
}

.listeKindinhalte_news ul li.zebra0
{
	background-color: #FFFFFF;
}

.listeKindinhalte_news ul li.zebra1
{
	background-color: #EEEEEE;
}

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

/******************************
	Template: listeKindinhalte_kindListeCta
******************************/
.kindListeCta {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

.listeKindinhalte_kindListeCta {
	padding-bottom: 10px;
}

.listeKindinhalte_kindListeCta h1 {
	display: block;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

.listeKindinhalte_kindListeCta .bild {
	float: left;
}

.listeKindinhalte_kindListeCta .bild img {
	border: none;
}

.listeKindinhalte_kindListeCta .einleitung {
	float: left;
	padding: 0px 0px 0px 5px;
	width: 380px;
}

.listeKindinhalte_kindListeCta .einleitung p {
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
}

.listeKindinhalte_kindListeCta .einleitung a {
	color: #515151;
}

.listeKindinhalte_kindListeCta .einleitung a:hover {
	color: #515151;
}

.listeKindinhalte_kindListeCta .linksText {
	clear: both;
}

.listeKindinhalte_kindListeCta .linksText a{
	margin: 0px 0.8em 0.8em;
	padding: 0px 0.8em 0.8em;
	background: url(/art/cta/pfili_navi.gif) no-repeat left top;
}


.listeKindinhalte_kindListeCta .linksText ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
}

.listeKindinhalte_kindListeCta .linksText ul li {
	background: url(/art/cta/pfili_navi.gif) no-repeat;
	padding-left: 10px;
}

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

/******************************
	Template: listeKindinhalte_kindListeCta
******************************/
#ctaSucheInhalt {
	clear: both;
}
/*------------------------------------------------------------------------*/