/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
**
**  YAML Version: 2.4
**  Dateiversion: 15.05.06
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{

body * { font-family: Verdana, Arial; color: #666; font-size: 11px;}

h1,h2,h3,h4 { font-family: Helvetica, Arial; display:block; font-weight:bold;}

h1 {font-size: 16px; color: #237B91; margin: 0 0 6px 0; padding: 0;} /* dunkelblau */
h2 {font-size: 16px; color: #92BEC8; margin: 0 0 6px 0; padding: 0;} /* hellblau */
h3 {font-size: 14px; color: #237B91; margin: 5px 0 5px 0;  padding: 0;} /* dunkelblau, kleiner */
h4 {font-size: 12px; color: #287E94; margin: 20px 0 20px 50px; padding: 0; font-weight: normal; font-family: Georgia;} /* Eingerückt Georgia */
h5 {font-size: 14px; color: #B92652; margin: 5px 0 5px 0; padding: 0;} /* Angebot */
h6 {font-size: 11px; color: #922646; font-weight: bold; margin: 0; padding: 0;}

#col3 h5 {font-size: 11px; font-weight: bold; font-family: Verdana, Arial; border-bottom: 1px solid #A7CAD3; color: #666; padding: 5px 0 3px 0;}

.csc-textpic-text ul {padding-left: 5px;}
.csc-frame-indent h1 {font-size: 12px; color: #fff; font-family: Verdana, Arial; font-weight: normal; margin:2px 0 10px 0; }


/* 2006\07\28, HJS: UL bekommt keine line-height 1.5em ! */
p,ul,dd,dt { line-height: 1.3em;}
p { margin: 0 0 10px 0;}

form p {color: #1B5471; font-weight: bold; padding:0; margin:0;}

p.demo {background-color: #fee; border: 1px #fcc solid; padding: 6px; margin-bottom: 0.5em;}

address {
	font-style:normal;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

strong,b { font-weight: bold; color: inherit;}
em,i { font-style:italic; }

em.mono, em.file, em.directory {
	font-size: 115%; 	/* monospace Schriften auf gleiche Größe bringen */
	font-family: monospace;
	font-style: normal;
}

.block {display: block;}
.block a {
	background-image: url(../../img/internal-link.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #922646;
	background-position: left 4px;
	padding: 0 0 0 8px;
	line-height: 1.5em;
	color: #922646;
}

em.mono {
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}

em.file {
	padding:0 0 0 14px;
	color: #008;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}

em.directory {
	padding:0 0 0 15px;
	color: #008;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}

pre, code {
	font-size: 115%; 	/* monospace Schriften auf gleiche Größe bringen */
	font-family: monospace;

	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000;
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}

code.css {
	background-image: url(../../img/bg_css.gif);
    background-repeat: no-repeat;
	background-position: top right;
}

code.xhtml {
	background-image: url(../../img/bg_xhtml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

blockquote {
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}

hr {
	color: #fff;
	background:transparent;
	margin: 0;
	padding: 0;
	border:0;
	border-bottom: 1px #D3E4E9 solid;
}

hr.template {
	margin: 100px 0 0 0; /* NUR FUER TEMPLATE!!*/
	border-bottom: 1px red solid;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;
	text-align: center;
	padding: 4px 0 4px 0;
	margin-bottom: 1em;
}

.bluebox p {
	padding: 0px 8px 0 8px;
}

ul.linklist {
 list-style-type: none;
}

ul.linklist li {margin:0;}

/* ######################################################################################################
** ### Bildpositionierung links- und rechtsbündig als Fließobjekte ######################################
** ######################################################################################################
*/

img.float_left {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.15em;
	border:0;
}

img.float_right {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.15em;
	border:0;
}

img.center {
	text-align:center;
	background: #fff;
	padding: 4px;
	border:1px #ddd solid;
}
/* ######################################################################################################
** ### Auszeichnung lokaler und Externer Links ##########################################################
** ######################################################################################################
*/

a, a em.file {
	color: #1B5471;
	text-decoration:none;
}

.csc-frame-indent3366 a:hover {text-decoration: underline;}
.csc-frame-indent6633 a.internal-link {background-image: url(../../img/adobe-link.gif); padding:8px 0 0 18px; margin-top: 10px;}

#col1 .csc-textpic-text .bodytext strong {font-size: 10px; line-height: 12px;} /* Bildunterschrift */
#col3 .csc-textpic-intext-left-nowrap .csc-textpic-text .bodytext strong {color: #922646;} /* Produktueberschrift */


.tx-danewslettersubscription-pi1-listrow-header td p {background-color: #D3E4E9; color: #237B91; padding: 3px 0 3px 10px;}


a.external-link-new-window {
	background-image: url(../../img/sde4/external_link_new_window.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-weight: bold;
	line-height: 1.5em;
}
a.external-link {
	background-image: url(../../img/sde4/external_link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-weight: bold;
	line-height: 1.5em;
}
a.internal-link {
	background-image: url(../../img/internal-link.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #922646;
	background-position: left 4px;
	padding: 0 0 0 8px;
	line-height: 1.5em;
	color: #922646;
}
a.download {
	background-image: url(../../img/download.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #922646;
	background-position: 0 0; /* left top; */
	padding: 5px 0 0 18px;	
	line-height: 1.4em;
	color: #922646;
}



br { line-height: 1.0em; }


/* Hauptmenue links in COL2 */
.mainMenu {float: left; width: 100%; padding-top: 0; padding-bottom: 1.0em;}
.mainMenu ul { margin: 0; padding: 0; }
/* Sobald eine height-Angabe reinkommt, gibts einen Space zwischen den LIs */
.mainMenu li { margin: 0; padding: 1px 0 1px 10px; border-bottom: 1px solid #D3E4E9; list-style-type: none; list-style-position: outside; display: block; }
.mainMenu li.aktiv { background-color: #D3E4E9; }
.mainMenu a { color: #237B91; }
.mainMenu a:hover {text-decoration: underline;}
.mainMenu .aktiv a { font-weight: bold; }


/* Hauptmenue links in COL2 */
.csc-menu-1 {float: left; width: 100%; padding-top: 0; padding-bottom: 1.0em;}
.csc-menu-1 ul { margin: 0; padding: 0; }
/* Sobald eine height-Angabe reinkommt, gibts einen Space zwischen den LIs */


.csc-menu-1 li { margin: 0; padding: 0; border-bottom: 1px solid #D3E4E9; list-style-type: none; list-style-position: outside; display: block; }
.csc-menu-1 a { color: #237B91; display: block; padding: 1px 0 1px 10px;}
.csc-menu-1 a:hover {text-decoration: underline; background-color: #D3E4E9;}
.csc-menu-1 .aktiv a,
.csc-menu-1 .aktiv2 a,
.csc-menu-1 .aktiv3 a,
.csc-menu-1 .aktiv4 a { font-weight: bold; }
.csc-menu-1 li.aktiv { background-color: #D3E4E9; }
.csc-menu-1 li.csc-menu-1-level2 { background-color: #E9F1F4; }
.csc-menu-1 li.csc-menu-1-level3 { background-color: #EEEEEE; }
.csc-menu-1 li.csc-menu-1-level4 { background-color: #FEFEFE; }
.csc-menu-1-level2 a { padding-left: 25px; }
.csc-menu-1-level3 a { padding-left: 40px; }
.csc-menu-1-level4 a { padding-left: 55px; }







/* Sitemap 
ul.csc-menu-1 { font-size: 0.8em; list-style-type: none; list-style-position: outside; }
.csc-menu-1 ul { list-style-type: none; list-style-position: outside; padding-left: 15px; margin: 0; }
.csc-menu-1 li { padding-left: 0; margin-left: 0; }
.csc-menu-1 a { display: block; padding-left: 15px; font-weight: bold; background: url(../../img/sde4/internal_link.gif) no-repeat 1px 3px; }
.csc-menu-1 .aktiv a { background-image: url(../../img/sde4/internal_link_aktiv.gif); }
.csc-sitemap-level2 a { color: #B6BaB3; }
.csc-sitemap-level3 a { color: #B3A877; }
.csc-sitemap-level4 a { color: #E1DAC5; }
.csc-menu-1 li {}
*/

/* Related Pages */
ul.csc-menu-6 { font-size: 0.8em; list-style-type: none; list-style-position: outside; }
.csc-menu-6 ul { list-style-type: none; list-style-position: outside; padding-left: 15px; margin: 0; }
.csc-menu-6 li { padding-left: 0; margin-left: 0; }
.csc-menu-6 a { display: block; padding-left: 15px; font-weight: bold; background: url(../../img/sde4/internal_link.gif) no-repeat 1px 3px; }
.csc-menu-6 .aktiv a { background-image: url(../../img/sde4/internal_link_aktiv.gif); }
.csc-menu-6 li {}




/*
#col1_content ul { width: 165px; display: block; }
#col1_content li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 1px 5px 1px 5px; }
#col1_content a { line-height:1.55em; font-size:0.85em; display: block; padding: 0px 0px 0px 3px; color: #000; text-decoration:none; background-color: #ddd;}
#col1_content a:hover { color: #C00000; text-decoration:underline; }
*/




#topnav a { color: #B0B0B0; background:transparent; text-decoration:none; display: inline; font-size: 11px; padding: 0 2px 0 2px;}
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a.aktiv { background: #E5E5E5; color: #237B91; font-weight: bold; }
#topnav p {float: left; color: #B0B0B0;}

/*
#col3 a[href^="http:"], #col3 a[href^="https:"],
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('../../img/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: left;
}
*/
a.dl_link {
	display: block;
	padding: 0;
	margin: 0.5em auto 0 auto;
	background-image: none;
}

a.dl_link:hover { text-decoration: none; background-color: transparent; }

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/





/* styles fuer kontaktformular */
.formtable { color: #6B7163; }
.formtable td { padding: 2px 20px 2px 0px; }
.formtable hr {	width: 100%; color: #C7C7C7; height: 1px; }
.formtable .text { width: 100%; margin-left: auto; margin-right: auto; /* background-color: #E4E6E3; border: 0px; */ }
.formtable input[type=radio] { position: relative; top: 4px; }
.formtable input[type=image] { border: none; }










form {overflow:hidden;}

 input, textarea {
 border: 1px solid #D5D5D5;
 background-color: #E9F0F1;
 margin: 2px;
/*width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
	padding: 3px;
	color: #777; */
} 
input[type=checkbox] {border: none; background: none;}

input[type=text]:focus, textarea:focus {
	background: #E9F0F1;
	color: #333;
	border-color: #666;
}

}
/*******************************************
* Styles für Typo3 (RTE)
********************************************/
img {
	border: 0;
}
#col1_content ul {
	margin: 0;
}
p.csc-linkToTop {
	text-align: right;
}
span.mono {
	font-family: monospace;
	font-style: normal;
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}
span.file {
	font-family: monospace;
	font-style: normal;
	padding:0 0 0 14px;
	color: #000088;
	background: transparent url('../../img/icons/file.gif') no-repeat left;
}

span.directory {
	font-family: monospace;
	font-style: normal;
	padding:0 0 0 15px;
	color: #000088;
	background: transparent url('../../img/icons/dir.gif') no-repeat left;
}
span.rot { color: #B92652; }
span.rot strong { color: #B92652; font-weight: bold; }
span.blau { color: #237B91; }
p.keinabstand {
	margin-bottom: 0;
}
p.smalltext {
	font-size: 0.9em;
}
p.box {
	display: block;
	font-size: 1em;
	color: #000;
	padding: 0.5em 1.5em 0.5em 1.5em;
	background: #E4E6E3;
	border-bottom: 8px #D2D5D1 solid;
}
p.code {
	display: block;
	margin: 0 0 1em 1em;
	font-family: monospace;
	font-size: 1em;
	padding: 0.5em;
	color: #000;
	background: #f0f0f4;
	border-left: 8px #E0E7F5 solid;
}
p.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;
	text-align: center;
	padding: 4px 0 4px 0;
	margin-bottom: 1em;
}
p.csc-form-label-req {
	font-weight: bold;
}


ul {
	margin-top: 0;
	padding-top: 0;
}

.csc-caption {
	font-size: 0.9em;
	background-color: #E0E7F5; padding: 2px;
}


/* Typo3 Version 4 */
dd.csc-textpic-caption {
	margin: 0;
	font-weight: normal;
	color: #6B7163;
	font-size: 10px;
	line-height: 140%;
	padding: 3px 7px 2px 2px;
}

#col3 .csc-textpic-image img {
	margin: 0;
	border: solid 1px #d5d5d5;
	background-color: #ffffff;
	padding: 1px;
}



.contenttable { margin-bottom: 16px; }

.contenttable td, 

.contenttable th { padding: 2px 10px 2px 10px; color: #237B91; border-bottom: solid 1px #D3E4E9; }

.contenttable tr { background-color: #E9F1F4; }

.contenttable th { background-color: #D3E4E9; font-weight: bold; }

.contenttable caption { 
	background-color: #E9F1F4; 
	padding: 2px 10px 2px 10px; 
	color: #237B91; 
	border-bottom: solid 1px #D3E4E9; 
	text-align: center; 
	margin-bottom: 2px; 
	font-weight: bold; 
}




/*******************************************
* Styles für VIP-Login
********************************************/
.csc-loginform {background: url(../../img/forms/col2-form-bg.gif); border: 1px solid #D5D5D5; padding: 2px 0px 2px 10px; width: 100%;}
.csc-form-fieldcell input {width: 236px; height: 15px;}
.csc-form-fieldcell input[type=submit] {width: auto; height: auto;}
.csc-form-label-req {margin: 0; padding: 0;}





/*******************************************
* Styles für tt_news
********************************************/

div.news-latest-container { margin-top: 7px; border-bottom: 1px #bbb solid; margin-bottom: 5px; }
div.news-latest-item { margin: 0 0 15px 0; padding: 0px; }
div.news-latest-item h2 a {font-size: 16px; color: #92BEC8; margin: 0 0 6px 0; padding: 0;}
.news-latest-date {border-bottom: 1px solid #A7CAD3; color: #666666; font-weight: bold; padding-bottom: 2px; margin-bottom: 2px;}
.news-latest-date a { font-size: 0.8em; }
/* .news-latest-item p a { padding-left: 10px; margin: 0; background-image: url(../../img/sde4/internal_link.gif); background-repeat: no-repeat; background-position: left center; } */
.news-latest-item p a { padding-left: 10px; margin: 0; background: url(../../img/sde4/internal_link.gif) no-repeat; left center; }
.news-latest-item p { margin: 0; padding-right: 4px; }

div.news-list-container { margin-top: 7px; margin-bottom: 5px; }
div.news-list-item { margin: 0 0 15px 0; padding: 0px; }
div.news-list-item h2 a {font-size: 16px; color: #92BEC8; margin: 0 0 6px 0; padding: 0;}
/* .news-latest-item p a { padding-left: 10px; margin: 0; background-image: url(../../img/sde4/internal_link.gif); background-repeat: no-repeat; background-position: left center; } */
.news-list-item p a { padding-left: 10px; margin: 0; background: url(../../img/sde4/internal_link.gif) no-repeat; left center; }
.news-list-item p { margin: 0; padding-right: 4px; }
/*
.news-list-item { margin-bottom: 1.5em; }
.news-list-item .news-list-morelink a { padding-left: 12px; background-image: url(../../img/sde4/internal_link.gif); background-repeat: no-repeat; background-position: left center; } 
.news-list-item .news-list-morelink a { padding-left: 12px; background: url(../../img/sde4/internal_link.gif) no-repeat left center; }
.news-list-morelink { text-align: right; display: inline; font-size: 0.9em; }
.news-list-browse-header { color: #4F6C7F; margin: 0px; padding: 0px; } */

.tx-ttnews-browsebox { border-top: 1px #4F6C7F solid; margin-bottom: 10px; }
.tx-ttnews-browsebox p { padding: 2px; }
.tx-ttnews-browsebox a { color: #4F6C7F; }
.tx-ttnews-browsebox-SCell a { background-color: #D7DEE2; padding: 0 0.2em 0 0.2em; }

.news-single-img { padding-right: 15px; float: left; }
.news-single-img p { padding: 0; margin: 0; }



/*******************************************
* Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch {float: right;}
.tx-indexedsearch-searchbox { padding: 0; color: #fff; float: left;  background: url(../../img/forms/searchbox-bg.gif); height: 24px; width: 174px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:9px; border: 0px; padding: 0 7px 0 5px; background: none; position: relative; top: 1px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width: 80px; height: 11px; border: 1px solid #D5D5D5; padding: 1px; position: relative; top: 2px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; font-weight: bold;}
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title, .tx-indexedsearch-title a {font-size: 16px; color: #92BEC8;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res {margin-bottom: 30px;}
.tx-indexedsearch-browsebox {font-weight: bold;}
ul.browsebox {float: left; width: 100%; list-style-type: none;}
ul.browsebox li {float: left; margin: 0; padding: 0;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {border-bottom: 1px solid #A7CAD3; padding: 0; margin: 0;}
.tx-indexedsearch-text-item-path {padding: 0 0 2px 0; margin: 10px 0 0 0;}
.tx-indexedsearch-text-item-path a {color: #666666; font-weight: bold;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {	font-style: bold;	padding:0 0.3em 0 0.3em; }
/*******************************************
* Styles für Sprachenauswahl
********************************************/
div.langMenu {
	text-align: center;
	margin-top: 1em;
	height: 21px;
	background-color: #F0F0F4;
	border: 1px solid #CCCCDD;
}
div.langMenu a:hover {
	background: transparent;
}
div.langMenu img.flag {
	margin-top: 4px;
	padding-right: 7px;
}
div.langMenu img.arrow {
}
/*******************************************
* Styles für Codebox Extension
********************************************/
.tx-jphcodesnippets-pi {
	font-family: monospace;
	font-weight: normal;
	border: 1px #ccd solid;
}
.tx-jphcodesnippets-pi .imp { font-weight: bold; color: red; }
.tx-jphcodesnippets-pi .ln-xtra { background: #ffcccc; }
.tx-jphcodesnippets-pi li { background: #f0f0f4; }
.tx-jphcodesnippets-pi li.li2 { background: #ffffff; }
.tx-jphcodesnippets-pi .kw1 { color: #b1b100; }
.tx-jphcodesnippets-pi .kw2 { color: #000000; font-weight: bold;}
.tx-jphcodesnippets-pi .kw3 { color: #000066;}
.tx-jphcodesnippets-pi .co1 { color: #808080; font-style: italic; }
.tx-jphcodesnippets-pi .co2 { color: #808080; font-style: italic; }
.tx-jphcodesnippets-pi .coMULTI { color: #808080; font-style: italic; }
.tx-jphcodesnippets-pi .es0 { color: #000099; font-weight: bold; }
.tx-jphcodesnippets-pi .br0 { color: #00ff00; }
.tx-jphcodesnippets-pi .st0 { color: #ff0000; }
.tx-jphcodesnippets-pi .nu0 { color: #cc66cc; }
.tx-jphcodesnippets-pi .me1 { color: #006600; }
.tx-jphcodesnippets-pi .me2 { color: #006600; }
.tx-jphcodesnippets-pi .re0 { color: #0000ff; }
.tx-jphcodesnippets-pi .download { font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }

/*******************************************
* Styles barrierefreies Menü
********************************************/
@media screen, print
{
#col1_content dfn, #col1_content .hidden {
	position: absolute;
	left: -1000em;
	width: 20em;
}
}