/* ######################################################################################################
** # "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: 17.1.07
**  Datei       : nav_shinybuttons.css
**  Funktion    : Formatierung der Hauptnavigation: Button-Navigation "Shiny Buttons"
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media all
{
/* Formatierung der Seite */
body {background:#CCC; padding:10px; font-family: Verdana, Helvetica, Arial, sans-serif;}

h1,h2,h3,h4 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}
h1,h2,h3,h4 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-weight:bold;}

h1 {font-size:1.1em; color:#765; background:inherit;  margin:0.4em 0 0.5em 0; border-bottom:1px #ccc solid; padding-top:1em;}
h2 {font-size:1.0em; color:#fff; background:#69c; margin:0.2em 0 0.5em 0; padding:0.3em; margin-top:1em;}
h3 {font-size:1.0em; color:#765; background:transparent; margin:0.4em 0 0.3em 0; padding-top:1em;}
h4 {font-size:1.0em; color:#888; background:transparent; margin:0.4em 0 0.3em 0; border-bottom:1px #ccc solid; padding-top:1em;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{border:1px #333 solid; background:#fff;}
#page_margins {border:1px #666 solid; min-width:756px; max-width:80em; margin:auto;}

/* Formatierung der Kopfbereiches */
#header {position:relative; height:140px; color:#fff; background:#369;}
#header img {position:absolute; top:31px; left:10px; 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:120px;}
#header div.tx-macinasearchbox-pi1 {position:absolute; top:143px; right:10px; font-size:0.8em;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}

/* ######################################################################################################
** ### Portalnavigation #################################################################################
** ######################################################################################################
*/
#toplevelnav {height:27px; width:100%; overflow:hidden; background:#69c; border-bottom:1px #333 solid;}
#toplevelnav ul {display:block; margin:0; padding:0; font-size:1.0em; line-height:1em;}
#toplevelnav ul li {float:left; margin:0; padding:0; font-size:1.0em; line-height:1em; list-style-type:none; border-right:1px #333 solid;}
#toplevelnav ul li#first {display:block; width:auto; font-size:1em; font-weight:bold; background:#369; text-decoration:none; color:#eee; margin:0; padding:0.5em 0.8em 0.5em 0.8em;}
/* #toplevelnav ul li#last {border-left:1px #fff solid; border-right:none; padding:0.5em 0em 0.5em 0em;} */
#toplevelnav ul li a {display:block; width:auto; font-size:1em; font-weight:bold; background:transparent; text-decoration:none; color:#000; margin:0; padding:0.5em 0.8em 0.5em 0.8em;}
#toplevelnav ul li a:hover {background:#eee; color:#333; text-decoration:none;}

/* ######################################################################################################
** ### Hauptnavigation: "Shiny Buttons" von Dirk Jesse ##################################################
** ######################################################################################################
*/
/*.tx-macinasearchbox-pi1 {display:none;}*/
#nav_main {width:100%; overflow:hidden; background:#69c; border-top:1px #333 solid; border-bottom:1px #333 solid;}
#nav_main ul {display:block; margin:0; padding:0; font-size:1.0em; line-height:1em;}
#nav_main ul li {float:left; margin:0; padding:0; font-size:1.0em; line-height:1em; list-style-type:none; border-right:1px #333 solid;}
#nav_main ul li#first {padding:0.5em 0em 0.5em 0em;} /*width:48px;*/
#nav_main ul li#last {padding:0.5em 0em 0.5em 0em;}
#nav_main ul li a {display:block; width:auto; font-size:1em; font-weight:bold; background:transparent; text-decoration:none; color:#000; margin:0; padding:0.5em 0.8em 0.5em 0.8em;}
#nav_main ul li a:hover {background:#eee; color:#333; text-decoration:none;}
#nav_main ul li#current {background:#369}
#nav_main ul li#current a,
#nav_main ul li#current a:hover {color:#fff; background:#369; text-decoration:none;}

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {margin:0; padding:0; background:#9CF; color:#333;}
#teaser div {float:left; width:auto; margin-right:1em;}
#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size:0.82em;}
#teaser .block1 a {color:#000;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width:45%; padding-top:0.5em; font-size:0.82em;}
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#000;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {float:right; font-size:0.82em; padding-top:0.5em; padding-right:1em;}
#teaser .block3 .title {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-size:1.2em; font-weight:bold; color:#369; background:inherit; margin:0 0 0.5em 0;}
#teaser .login_text {float:right; padding:0.5em 0 0.4em 1em; font-size:0.82em;}
#teaser .login_top {float:right; font-size:0.82em; padding-top:0.2em; padding-right:1em;}
#teaser .login_top input {border:1px #000 solid; background:#369; color: #bbb; width:40px;}
#teaser .login_top input[type=submit] {width:auto; }

/*******************************************
* Vertikale Listennavigation
********************************************/
#col1_content h3 {padding:0; font-weight:bold; margin:1.4em 0 0.3em 0; color:#333; background-color:#fff; border-bottom:5px #69c solid;}
.mainMenu {width:100%; overflow:hidden; color:#369; margin:0; padding:0 0 0 0;}
.mainMenu img {margin-right:0.7em;}
.mainMenu ul {width:100%; overflow:hidden; margin:0em 0 0em 0; list-style-type:none; border-top:1px #369 solid; border-bottom:1px #369 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:95%; padding:3px 0px 3px 7%; background-color:#69c; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li strong {display:block; width:95%; padding:3px 0px 3px 14%; background-color:#69c; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li ul li strong {display:block; width:95%; padding:3px 0px 3px 21%; background-color:#69c; color:#fff; font-weight:bold; border-bottom:1px #ddd solid;}
.mainMenu ul li a { width:95%; padding:3px 0px 3px 7%; background-color:#fff; color:#444; border-bottom:1px #eee solid;}
.mainMenu ul li a:hover {background-color:#369; color:#fff;}
.mainMenu ul li ul {list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li {float:left; width:100%; margin:0; padding:0;}
.mainMenu ul li ul li a {width:90%; padding:3px 0px 3px 14%; background-color:#f8f8f8; color:#666; border-bottom:1px #ddd solid;}
.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 {width:90%; padding:3px 0px 3px 21%; background-color:#e4e4e4; color:#666; border-bottom:1px #ddd solid;}
.mainMenu ul li ul li a:hover {background-color:#369; color:#fff;}
.mainMenu ul li#title {width:95%; padding:3px 0px 3px 7%; font-weight:bold; color:#444; background-color:#fff; border-bottom:4px #888 solid;}

/* basics */
h2.csc-firstHeader{background:#369;}
h1.csc-firstHeader{color:#369;}

.csc-header-n2 h2,.csc-header h2{background:#369;}
img.mail {vertical-align:middle;}

/* NEWS SINGLE Ansicht */
/*.news-single-item h3 {margin-bottom:1em; margin-top:1em; color:#000; padding:0.5em; background:#f0f0f4; border-left:8px #E0E7F5 solid;}*/
.news-single-item H2 {background-color:#369; color:#fff;}

/* top5 anzeige */
.top5box { padding: 3px; margin: 0; border-bottom: 1px solid #ccc; font-size: 90%; }
.top5box_label_value { padding-left: 5px; font-size: 85%; }

/* Neu-Formatierung der Forenelemente */
th.tx-mmforum-th { background: #369;  }/*color: #FFF;*/
td.tx-mmforum-td { color:#369; }
td.tx-mmforum-subth2 { color:#369; }
.tx-mmforum-pi1 a{ color:#369; }
.tx-mmforum-pi1 a:hover{ color:#369; }
.tx-mmforum-pi3 a{ color:#369; }
.tx-mmforum-pi3 a:hover{ color:#369; }

.tx-mmforum-textbutton { border: 1px solid #369; background-color: #f0f0f0;}
.tx-mmforum-textbutton a { color: #369; }

a.tx-mmforum-buttonsmall { background-color:white; border:1px solid #369; color:#369; }
a.tx-mmforum-button { background-color:white; border:1px solid #369; color:#369; }
input.tx-mmforum-button { background-color:#369; border:1px solid #000; color:#fff; }

/* Forum Latest-Box auf Startseite*/
#forum_latest_box_home ul { margin: 0; border-bottom: 1px solid #369; }

/*  */

/* Close @media all - DO NOT DELETE! */
}