/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 19.1.07
**  Datei       : layout_3col_vlines.css
**  Funktion    : Zentrales Stylesheet 3-Spalten-Layout mit grafikfreien Spaltentrennern
**
*/
@import url(main/base.css);
@import url(modifications/basemod.css);
@import url(modifications/basemod_vlines.css);
@import url(navigation/nav_slidingdoor.css);
@import url(navigation/nav_vlist.css);
@import url(main/content.css);
@import url("mueller+partner_typo3-RTE.css");
@import url(print/print_003.css);


/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**

/* ### Überschriften, Fließtexte ###################################################################### */

body {color:#405a82; font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}

h1,h2,h3,h4 {font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; display:block; font-weight:bolder;}

h1 {font-size:1.1em; color:#006600;  background:transparent; margin:0 0 1.1em 0; border-bottom:0px #405a82 solid; padding:1em 0 0 0;}
h2 {font-size:1.1em; color:#405a82;  background:transparent; margin:0 0 1.1em 0; border-bottom:1px #405a82 solid; padding:1em 0 0 0;}
h3 {font-size:1.1em; color:#545454;  background:transparent; margin:0 0 1.1em 0; border-bottom:1px #545454 solid; padding:1em 0 0 0;}
h4 {font-size:1.1em; color:#006600;  background:transparent; margin:0 0 1.1em 0; border-bottom:0px #545454 solid; padding:1em 0 0 0;}

p,ul,dd,dt {line-height:1.5em;}
p {line-height:1.5em; margin:0 0 1em 0;color:#000000; font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}

strong,b {font-weight:bold;}
em,i {font-style:italic;}
pre, code {	font-family:"Courier New", Courier, monospace;}
address {font-style:normal; line-height:1.5em; margin:0 0 1em 0;}

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

acronym, abbr {border-bottom:1px dashed #c00; cursor:help;}

 a{	color:#405a82; text-decoration:underline;}

/* ### Bildpositionierung ############################################################################ */

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;}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
table {border-collapse:collapse; margin-bottom:0.5em; font-size: 1em;}
table tr{}
table tr td{}
table tr td p{margin:0;}

form {overflow:hidden;}

input, textarea {width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa;padding:3px; color:#777;}

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

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

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

/* Navigation am Seitenende */
p.navlink {background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:0.5em;}
p.navlink a {color:#353;}
p.navlink a:hover {font-weight:bold; background:transparent;}

p.bodytext a{	color:#405a82; text-decoration: underline;}

blockquote {color:#222; background:#f8f8f8; border:1px #ddd solid; border-left:8px #ddd solid; padding:1em 1em 0 1em; margin:0 0 1em 1em;}

/* Ungeordnete Listen ohne Listenpunkt */
ul.linklist {list-style-type:none; margin:0 0 1em 0;}
ul.linklist li {margin:0 0 1em 0;}

ul{	margin-bottom:1em; margin-top:0;}
ol{	margin-bottom:1em; margin-top:0;}
li{	margin-bottom:0; margin-top:0;}

/* Auszeichnungen für Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {font-family:"Courier New", Courier, monospace; font-style:normal;}
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 {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;}
code.typoscript {background-image:url(../../img/bg_ts.gif); background-repeat:no-repeat; background-position:top right;}

/* ### Tabellen ################################################################## */
table.bugs {margin-bottom:1em; margin-top:0.5em; width:100%;}
table.bugs th {background:#fff; color:#222; padding:0.5em; text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}
table.bugs td {background:#f0f0f4; color:#222; padding:0.5em;	text-align:center; border-bottom:1px #ccd solid; border-right:1px #ccd solid;}

/* ### Download-Box ################################################################## */
.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;}

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;}

/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
input, textarea {margin-left:1em; padding:2px; width:auto; font:1em Verdana, Arial, Helvetica, Sans-Serif; border:1px #ccc solid; background:#fafafa; color:#777;}
input[type=text]:focus, textarea:focus {background:#f0f0f0; color:#333; border-color:#666;}
img {border:0;
}
p.csc-linkToTop {text-align:right;}
p.csc-form-label-req {font-weight:bold;}
.csc-caption {font-size:0.9em; background-color:#E0E7F5; padding:2px;}
dd.csc-textpic-caption {font-style:italic; font-size:0.9em; background-color:#E0E7F5; padding:0;}

/* ######################################################################################################
** ### Formatierung der Website ##########################################################
** ######################################################################################################
*/
html{
	margin:0; padding:0;
}
/* Formatierung der Seite */
body {background:#fff; padding:0px; margin:0 auto; border:0px; color:#006600; font-size:83.33%; font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{border:0px #fff solid; padding:0px; margin:0 auto;}
#page_margins {border:0px #fff solid; min-width:1024px; max-width:1024px; width:1024px; padding:0px; margin:0 auto; overflow: hidden; }

/* Formatierung der Kopfbereiches */
#header {position:relative; height:150px; color:#fff; background:#fff url(../img/header_1024.jpg) no-repeat 0 0;}
#header img {position:absolute; top:45px; left:0px; font-size:208%;}
#banner {position:absolute; top:20px; right:0px; z-index:10;}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}

#topnav {top:0px; right:11px; }
#topnav a{text-decoration: none;}
#topnav a:hover{text-decoration: none;}

#header .langMenu {top:0px; right:10px;  position: absolute;}
#header .langMenu img {position:relative; top:0; left:0;}
#header .langMenu SPAN.lang-on{color:#fff;}
#header .langMenu SPAN.lang-off{color:#fff;}
#header .langMenu a{color:#fff; text-decoration: none;}
#header .langMenu a:hover{color:#fff; text-decoration: none;}

/* Formatierung der Fußzeile */
#footer {color:#fff;  background:#2b762b; margin:0; padding:0 0 0 1em; border-top:0px #ddd solid; line-height:1.5em;}
#footer a{ color:#fff;  text-decoration:none;}
#footer a:hover{color:#fff;  background:transparent; text-decoration:none; }

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {display:none; visibility:hidden;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {background:#fff url(../img/main_back.gif) repeat-y 0 0; padding-top:0; padding-bottom:40px; height:100%; border-top:2px solid #fff; border-bottom:2px solid #fff;}

/* linke Spalte */
#col1 {background:#415a83;  }
#col1_content {padding:0; margin:0;}

/* Rechte Spalte */
#col2 {background:#ffff99; }
#col2_content {	min-height:500px;  }

/* ie6 hack */
*html #col2_content {	height:500px;}

/* Mittlere Spalte */
#col3 {background:#ffffef; border-left:2px solid #fff; border-right:2px solid #fff;  }
#col3_content {}

.content-right{
	margin-bottom:2.0em;
}

/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors" von A List Apart ################################################
** ######################################################################################################
*/
#nav{
	 width:1024px; overflow: hidden;
}
#nav_main {background-color:#006600; color:#fff; font-size:110%; font-weight:bold; line-height:normal; padding: 5px 0 5px 1em; border-top:2px solid #fff; }
#nav_main a { display:inline; float:none;margin:0; padding:0;border-bottom:none; text-decoration:none;color:#fff;background:none;}
#nav_main a#current {border-width:0;background:none;color:#FFFFFF;color: #FFFF99;}
#nav_main a:hover {color:#FFFF99;background:none;}


/*******************************************
* Vertikale Listennavigation
********************************************/

.mainMenu {width:100%; overflow:hidden; color:#fff; margin:0; padding:0 0 0 0;  font-size:110%; }
.mainMenu img {margin-right:0.7em;}
.mainMenu ul {width:100%; overflow:hidden; margin:0em 0 0em 0; list-style-type:none; border-top:1px #304f75 solid; border-bottom:0px #006600 solid;}
.mainMenu ul a {display:block; text-decoration:none;}
.mainMenu ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li strong {display:block; width:93%; padding:3px 0px 3px 7%; background-color:#006600; color:#fff; font-weight:bold; border-bottom:1px #ffff99 solid;}
.mainMenu ul li strong a{ padding:0; border:none;background-color:#006600;}
.mainMenu ul li ul li strong {display:block; width:86%; padding:3px 0px 3px 14%; background-color:#5c6a8a; color:#eccea9; font-weight:bold; border-bottom:1px #006600 solid;}
.mainMenu ul li ul li strong a{padding:0; border:none;background-color:#5c6a8a;  }
.mainMenu ul li ul li ul li strong {display:block; width:72%; padding:3px 0px 3px 28%; background-color:#5c6a8a;  color:#eccea9; font-weight:bold; border-bottom:1px #006600 solid;}
.mainMenu ul li ul li ul li strong a{display:block;border:none;background-color:#5c6a8a;}
.mainMenu ul li a {padding:3px 0px 3px 7%; background-color:#006600; color:#fff; border-bottom:1px #ffff99 solid;width:93%;}
.mainMenu ul li a:hover {background-color:#009900; font-weight:bold; text-decoration: none;}
.mainMenu ul li ul {list-style-type:none; margin:0; padding:0; border:none;}
.mainMenu ul li ul li {float:left;  margin:0; padding:0; }
.mainMenu ul li ul li a { padding:3px 0px 3px 14%; background-color:#006600; color:#eccea9; border-bottom:1px #006600 solid;width:86%;}
.mainMenu ul li ul li ul {list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li ul li a { padding:3px 0px 3px 28%; background-color:#405981;  color:#eccea9; border-bottom:1px #006600 solid;width:72%; }
.mainMenu ul li ul li a:hover {background-color:#009900;   color:#eccea9;}
.mainMenu ul li#title {width:95%; padding:3px 0px 3px 7%; font-weight:bold; color:#444; background-color:#fff; border-bottom:4px #888 solid;}

/*******************************************
* macina_searchbox
********************************************/

#col1_content div.tx-macinasearchbox-pi1 {background-color:#ffff99; clear: both; float: none; padding:5px 5px 2px 0; FONT-FAMILY: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;}
#col1_content div.tx-macinasearchbox-pi1 input {margin-left:5px;FONT-FAMILY: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;font-size:1.2em; line-height: 1em;}


/* #############################
** ### tt_news #################
** #############################
*/
.tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {padding:0 0.4em 0.4em 0; margin:0; background:transparent;}

/* LATEST Ansicht */
.news-latest-container{background-color:#ffffef; border:2px solid #006600; margin-top:2.8em; padding:10px; font-size: 95%;}
.news-latest-container h4{margin-top:0; padding-top:0;}
.news-latest-item {margin-bottom:1em; clear: both; float: none;color:#545454;  }
.news-latest-item a{color:#545454; background: url(../img/arrow_grey.gif) no-repeat 0 4px; padding-left:10px; display: block; position:relative;  text-decoration: none; }
.news-latest-item a p{color:#006600; }

/* LIST Ansicht */
.news-list-item {padding-bottom:1em; margin:0 0 0 0; clear: both; float: none;  background: url(../img/dot_horizontal.gif) repeat-x bottom left; height:100%; position: relative; }
.news-list-image{float:right;}
.news-list-image img{margin-left:1em;}
.news-list-date {color:#aaa; font-weight:normal; margin:0; padding:0;}
.news-list-morelink {padding:0; border:none; background:transparent; text-align:left;}
.news-list-morelink a {color:#405a82;}
.news-list-morelink a:hover {background:transparent;}
.news-list-category {color:#405a82;}

/* SINGLE Ansicht */
.news-single-item a {color:#405a82;}
.news-single-img {margin-left:1em;	float:right;}
.news-single-img p {padding:0; margin:0;}
.news-single-timedata {color:#405a82; margin-bottom:1em;}
.news-single-additional-info {}
.news-single-additional-info dd {margin-top:-1em;}
.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}
.news-single-backlink{	margin-top:30px; padding-top:5px;background: url(../img/dot_horizontal.gif) repeat-x top left;}

/* CATEGORY Menu */
.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
.news-catmenu a {display:inline; padding-left:2px;}
.news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
.news-catmenu .news-catmenu-NO {height:16px;}
p.news-catmenu-header {line-height:1em; margin:0;}

/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT { margin-bottom:0.5em;}
.tx-indexedsearch .tx-indexedsearch-searchbox Select { margin-bottom:0.5em;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:155px; }
.tx-indexedsearch .tx-indexedsearch-search-submit{clear:both; float:none; margin-left:11em;}
.tx-indexedsearch .tx-indexedsearch-searchbox select { width:155px; margin-left:1em; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { background-color:#006600; color:#fff; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }
.tx-indexedsearch-sw { background-color:#006600; color:#fff; }
/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; padding-bottom:1em;background: url(../img/dot_horizontal.gif) repeat-x bottom left; width: 100%;  }
.tx-indexedsearch .res-tmpl-css h3 { border:none; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left;  position: relative;}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right;   position: relative;}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left;   position: relative;}
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
.tx-indexedsearch-title a{	text-decoration: none;}
DL.tx-indexedsearch-info dd { margin-left:1em;}

/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 A {font-weight:bold;}
.tx-dropdownsitemap-pi1 li.open ol {display:block;}
.tx-dropdownsitemap-pi1 li.closed ol {display:none;}
.tx-dropdownsitemap-pi1 li.open ul {display:block;}
.tx-dropdownsitemap-pi1 li.closed ul {display:none;}
.tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
.tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_2 a {font-weight:normal;}
.tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}
.tx-dropdownsitemap-pi1 img {margin-right:0.5em;}
.tx-dropdownsitemap-pi1 a:hover {background:transparent;}

/* ##########################
** ### TYPO3 Mailformular ###
** ##########################
*/
.csc-mailform-field label {color:#369; display:block; font-size:1em; margin-top:1em;}
.csc-mailform-field input {margin-left:0;}
.csc-mailform-field textarea {margin-left:0;}
.csc-mailform-radio label {display:inline; margin-left:0.3em;}
.csc-mailform-radio legend {display:none;}
.csc-mailform-submit {margin-top:1em;}

/* ##########################
** ### sk-pagecomments ######
** ##########################
*/
.sk-pagecomments-error {background-color:#006600; color:#fff; font-weight:bold;border:1px solid #000;margin:8px 0;padding:4px;}
.sk-pagecomments-success {color:blue;font-weight:bold;}
.sk-pagecomments-counter {color:#405a82;text-align:right;text-decoration:underline;margin-bottom:12px;}
.sk-pagecomments-headline {border-bottom:0; font-weight:bold;background-color:#006600; color:#fff;padding:2px 5px;height:20px;}
.sk-pagecomments-namedate {float:left;}
.sk-pagecomments-emailhomepage{float:right;}
.sk-pagecomments-comment{background:#f1f1f1;padding:4px 5px;clear:both;}
.tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
.tx-skpagecomments-pi1 form fieldset {border:1px solid #eee;}
.tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
.tx-skpagecomments-pi1 form legend {background:#f1f1f1;border:1px solid #000;padding:4px;}
.tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:0px;}
.tx-skpagecomments-pi1 form p {margin:6px 0;}
.tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:0px;}
.tx-skpagecomments-pi1 div.smileytext{margin-left:130px;}
.tx-skpagecomments-pi1 form input#name,
.tx-skpagecomments-pi1 form input#email,
.tx-skpagecomments-pi1 form input#homepage {width:320px;}
.tx-skpagecomments-pi1 form textarea {width:320px;height:160px;margin-left:0;}
.tx-skpagecomments-pi1 form input#skcommentssubmit {float:right;margin:8px 0px 8px 130px; float: left;}
.tx-skpagecomments-pi1 .sk-pagecomments-formlink {margin-top:1em; text-align:right;}
.tx-skpagecomments-pi1 #skpagecomments-smileys {text-align:right; margin-right:2em;margin-left:0;}