@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
 * @file        my_layout.css
 */
/* import core styles | Basis-Stylesheets einbinden */
@import url(iSYSbase.css);
/*@import url(../yaml/core/base.css);*/
/* import screen layout | Screen-Layout einbinden */
@import url(../yaml/navigation/nav_slidingdoor.css);
@import url(screen/basemod.css);
@import url(screen/content.css);
/* import print layout | Druck-Layout einbinden */
/* @import url(../yaml/print/print_003_draft.css); */
/* Hier wird der Hintergrund und der Hintergrundverlauf gesetzt */
body {
    background-image: url(../pic/border1px2_new.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #829D8E;
    /* Der Abstand vom oberen Rand des Browsers */
    margin: 40px;
    /*width: 906px;*/
}

#page_margins {
    /* die Seite (nicht HTML Seite) an sich, also mit Header Body Footer*/
    background-color: transparent;
    width: 906px;
}

#page {
    /* container für header, main und footer */
    padding: 0px;
    background-color: transparent;
}

#nheader_nav, th, td {
    padding: 0em;
}

#header, #nav_main {
    padding: 0;
    background-color: #021C35;
}

#header_nav {
    /*ackground-color: #4C3E21;*/
}

#nav_main_right {
    /*background-color: green;*/
    /*height: auto;*/
}

#header .c24r {
    background-color: #4C3E21;
    margin: 0;
    padding: 0;
}

#header_nav .c24r {
    background-color: #4C3E21;
    margin: 0;
    padding: 0;
}

#header .c76l {
    background-color: #021C35;
}

#nav_main {
    /* Den unteren schwarzen Rand aus der sliding.. wegnehmen */
    /*background-image: none;*/
    background-color: #021C35;
    position: relative;
}
/* unnötig?
 #nav_main li
 {
 border-bottom: none;
 background-color: #021C35;
 background-image: none;
 }*/
/* die Links im Menü weiß */
#nav_main a, #nav_main strong, #nav_main li {
    color: white;
    background-image: none;
    background-color: #021C35;
}
/* das a tag weiter unten reicht nicht ganz deshalb */
#nav_main #current {
    background-image: none;
}
/* die Menüpunkte der aktuellen Hauptmenükategorie formatieren */
#nav_main #current a, #nav_main #current strong {
    background-image: url(../yaml/navigation/images/sliding_door/round/corner_right.gif);
    font-weight: normal;
    padding-right: 28px;
}
/* Bring die Laschen der Kartenreiter auf den richtigen Abstand */
#nav_main a, #nav_main strong {
    padding-right: 28px;
}
/* unnötig
 #nav ul {
 margin-left: 0px;
 }*/
/* Die Navigation soll ganz links beginnen */
#nav_main ul {
    padding: 0px;
}
/* Die Beschriftung der Haupt (horizontal) Navigation nach innen rücken */
#nav_main ul li {
    padding-left: 15px;
}

#main #col1_content {
    padding-left: 5px;
    background-image: url(/pic/menue_toplinks_1pix.gif);
    background-repeat: repeat-x;
}

#side_nav {
    background-color: #F7F5F6;
    padding-top: 5px;
}
/* Das gesamte Menü auf der linken Seite */ 
#side_nav ul {
    /*background-color: red;*/
    padding-left: 0px;
    padding-top: 0px;
    margin-left: -0px;
    white-space: nowrap;
    color: Black;
    list-style: none;
}
/* Abstand zwischen den Menüpunkten */
#side_nav li {
    padding-top: 8px;
}
/* Den aktuellen MP der obersten Ebene mit Pfeil versehen und fett machen */
#side_nav ul .current {
    list-style-image: url(../grafiken/pfeil_grau.jpg);
    /*font-weight: normal;*/
}
/* inaktive unterpunkte des aktiven Hauptmenüpunktes */
#side_nav ul .current li {
    font-weight: normal;
}
/* aktiver Menüpunkt oberste Ebene */
#side_nav ul li.current {
    font-weight: bold;
}
/* alle Menüpunkte */
#side_nav a, #side_nav a hover {
    color: black;
    text-decoration: none;
    background-color: transparent;
}
/* aktiver MP der 2. Ebene */
#side_nav ul li ul .current {
    list-style-image: url(../grafiken/pfeil_blau.jpg);
}
/* inaktive MP der 2. Ebene */
#side_nav ul li ul {
    list-style-image: none;
    list-style-type: none;
}
/* Text soll um das Bild fließen */
.imgfloat {
    float: left;
    margin-right: 10px;
    position: relative;
}

#col2_content {
    padding-left: 5px;
    padding-right: 10px;
}
#footer #col2_content{
	/* Seite drucken nach oben ziehen */
	padding-top:3px;
}

#col2 p {
    margin-bottom: 1px;
}

/*
#teasercontainer {
}*/

#teasercontainer h2 {
    font-size: 120%;
    padding-bottom: 10px;
    color: black;
}

.teaser {
    background-color: #EBEAEB;
    clear: both;
    border: 1px solid #C9C9C9;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
/* Rahmen z. B. um Marc Ponschab */
.teaser img {
    border: 1px solid #DCD9D4;
}
/* teaser box alternierend, wegen der Hintergrundfarbe*/
.teaser_alt {
    clear: both;
    background-color: #E1D5C0;
	 border: 1px solid #BAAA88;
    padding-top: 1px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.teaser_alt img {
    border: 1px solid #DCD9D4;
}
/* ie hack */
* html .teaser_alt {
    margin-bottom: 10px;
}
/* ie hack */
* html .teaser {
    margin-bottom: 10px;
}
/* unnötig ?*/
.teaser_alt .teaser {
    background-color: #F4F1EA;
}
/*.teaser_alt img{
 border: 1px solid #DCD9D4;
 }
 */

/* vgl. die nächsten beiden */
.teaser h2 {
    font-size: 115%;
    margin-bottom: 0px;
    margin-top: 10px;
}

.teaser_alt h2 {
    margin-top: 10px;
}
/* Die erste Überschrift auf einer Seite Schwarz*/
h1 {
    font-size: 130%;
}
/* alle weiteren Überschriften blau und etwas kleiner*/
h2 {
    font-size: 105%;
    margin-bottom: 5px;
    margin-top: 15px;
    color: #08869F;
}

/* ??? */
a, a:visited, a:hover {
    color: #3F301B;
}

a:hover {
    background-color: transparent;
}
/* Überschrift für die Produktboxen  blau*/
.productname {
    
    font-size: 110%;
    font-weight: bolder;
    color: #08869F;
}

.product_main {
    clear: left;
}

/* unterscheidet sich nur wenig von .productname nötig??? */
.productname_small {
    font-size: 110%;
    font-weight: bold;
    color: #08869F;
}
/* warum nicht 110 wie die anderen h2 ???*/
.answers h2 {
    margin-top: 10px;
    font-size: 105%;
    text-decoration: none;
}
/* blau */
.answers h2 a {
    color: #08869F;
}

/* warum nicht 110 wie die anderen h2 ???*/
.answers h2 a:hover {
    margin-top: 10px;
    font-size: 105%;
	/* den Unterstrich unter den Links wegnehmen */
    text-decoration: none;
}

/* den Unterstrich unter den Links wegnehmen */
.fachartikel h2 a:hover {
    text-decoration: none;
}

#footer {
    background-color: transparent;
    border-top: 5px solid #021C35;
    color: #666666;
    padding: 0px;
    width: 906px;
    /*margin-left: 20%;*/
}

#footer #col3, footer #col3_content {
    border: 0px;
    text-align: center;
    color: Black;
    /*background-color:#18344A;*/
}
#footer a, #footer a:visited, #footer a:hover, footer a:active {
	color: black;
	text-decoration:none;
}

#footer #col3 #col3_content {
    padding-top: 3px;
}
/* das footermenu ohne Aufzählungszeichen etc. */
#footermenu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    float: none;
    /*background-color:#18344A;*/
}
/* die einzelnene Menpunkte horizontal nebeneinander */
#footermenu ul li {
    display: inline;
    list-style-type: none;
    margin-left: -0px;
}

#footermenu ul li a {
    color: #242424;
    font-weight: normal;
}

#footermenu ul li a:hover {
    color: black;
    font-weight: normal;
    text-decoration: none;
}

/* ??? */
.c76l {
    background-color: #021C35;
}

#nav_main ul li:focus, #nav_main ul li:hover, #nav_main ul li:active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #021C35;
    color: white;
}

/* Farbe der Menüpunkte im Hauptmenü */
#nav_main a:focus, #nav_main a:hover, #nav_main a:active {
    background-color: transparent;
    color: #08869F;
}

/* Farbe der Menüpunkte im Seienmenü */
#side_nav a:focus, #side_nav a:hover, #side_nav a:active {
    background-color: transparent;
    color: #08869F;
}
/* der Hauptbereich für den Inhalt, nimmt die drei Spalten auf */
#main {
    /* grauen Hintergrund für die linke Spalte */
	background-image: url(../pic/menue_links_1pix.gif);
    background-position: 5px;
    background-repeat: repeat-y;
    background-color: white;
}

#side_nav {
    background-color: transparent;
}

.def {
    /* blau */
	color: #08869F;
}
/* blau und etwas grösser */
.sucessstory h2 {
    color: #08869F;
    font-size: 105%;
}

.link {
    line-height: 200%;
}
/* nur für Test, kann weg ??? */
.list ul {
    color: red;
}
/* Auflistungen innerhalb des eigentlichen Content, sollen ein blaues Quadrat vorangestellt haben */
.list li {
    color: #08869F;
    list-style: square;
    line-height: 160%;
}
.cite{
	font-style: italic;
}
#footer a{
	font-weight: normal;
}