/* Formatvorlage standard, www.flowcad.ch */
/* 10. Mai 2009 */
/* Andre Vock, og3.ch */

* { margin: 0; padding: 0; line-height: 1.5; color: black; font-style: normal; font-weight: normal; }
body { background: #d8e3e9 url(/cms/layout/a/body.gif) repeat-y; color: black; font-family: arial, helvetica, sans serif; font-size: 81.25%; }

h1, h2, h3, h4, h5, h6, table { clear: both; }
#seitenkopf, #navigation, #hauptseite, #seitenfuss { clear: both; }
p, ul, dl, ol { font-size: 13px; margin-bottom: 1.3em;}
img { border: 0; }

em { font-style: italic; }
strong, strong em { font-weight: bold; }


/* ---- SEITENKOPF ---- */
#seite-umfassung { background: transparent url(/cms/layout/a/seite-umfassung.gif) repeat-x; }
#seitenkopf { position: relative; width: 876px; height: 108px; border-right: 1px solid #D8E3E9; background: transparent url(/cms/layout/a/seitenkopf_produkte.jpg) no-repeat; color: white; }

    
/* ---- LOGO ---- */
#logo { padding: 24px 18px 0 18px; }


/* ---- ZUSATZNAVIGATION ---- */
#zusatznavigation { position: absolute; top: 0; right: 176px; height: 22px; text-align: right; padding: 3px 32px 2px 10px; background: #9E3530; }
#zusatznavigation * { display: inline; color: white; font-size: 13px; }
#zusatznavigation ul {  }
#zusatznavigation li { list-item: none; margin-right: 10px !important; padding-left: 0; }
#zusatznavigation li a { color: white; }
#zusatznavigation li a:visited { color: #e0e0e0; }  
#zusatznavigation li a:active, #zusatznavigation li a:hover, #zusatznavigation li a:focus { color: #e0e0e0; }


/* ---- SUCHE ---- */
#suche { position: absolute; width: 176px; top: 0; left: 700px; height: 22px; padding: 3px 0 2px 0; background: #9E3530; }
#suche * { font-size: 13px; vertical-align: middle; }
#suche label { display: none; }
#suche #suchfeld { width: 120px; margin-right: 3px; border: 2px solid #9E3530; padding: 0 1px; color: #999999; font-size: 13px; }


/* ---- SPRACHWAHL ---- */
#sprachwahl { position: absolute; top: 0; left: 877px; padding: 34px 0 0 12px; }
#sprachwahl * { list-style-type: none; display: block; color: white; font-size: 11px; }
#sprachwahl ul { margin: 0; padding: 0;  list-item: none; }
#sprachwahl li { margin: 0; padding: 0; list-item: none; text-transform: lowercase; }
#sprachwahl li a { color: white; }
#sprachwahl li a:visited { color: #e0e0e0; }    
#sprachwahl li a:active, #sprachwahl li a:hover, #sprachwahl li a:focus { color: #e0e0e0; }
    

/* ---- HAUPTNAVIGATION ---- */
#hauptnavigation-umfassung { height: 50px; border-bottom: 1px solid #155b7c; background: transparent url(/cms/layout/a/hauptnavigation-umfassung.gif) repeat-x; }
#hauptnavigation { padding: 25px 0 0 286px; background: transparent url(/cms/layout/a/hauptnavigation.gif) no-repeat; }
#hauptnavigation * { display: inline; font-size: 15px; font-weight: bold; }
#hauptnavigation ul { list-item: none; padding: 0 0 3px 0; }
#hauptnavigation li { list-style-type: none; padding-right: 16px; }
#hauptnavigation li a { border-left: 1px solid #B7B7B7; padding: 0 8px 0 8px; }
#hauptnavigation a:hover { border-left: 1px solid #CC3300; color: #CC3300; }
#hauptnavigation li.aktiv a, #hauptnavigation ul li.aktiv a:focus, #hauptnavigation ul li.aktiv a:hover, #hauptnavigation ul li.aktiv a:active { color: #CC3300; border-left: 1px solid #CC3300; }


/* ---- HAUPTSEITE ---- */
#hauptseite { width: 876px; padding: 8px 0; background: transparent url(/cms/layout/a/hauptseite.png) repeat-x; }


/* ---- INHALT ---- */
#inhalt-umfassung { position: relative; width: 650px; float: right; }
#inhalt { position: relative; padding: 30px 30px 30px 60px; }


/* ---- DATENBOX ---- */
#inhalt .datenbox { float: right; width: 192px; margin-left: 16px; border-left: 1px solid #155b7c; padding-left: 8px; }
#inhalt .datenbox p { margin-top: 0.5em; margin-bottom: 0; }
#inhalt .datenbox a { font-weight: normal; }


/* ---- SEITENSPALTE ---- */
#seitenspalte-umfassung { width: 210px; float: left; margin: 10px 0 0 16px; }
/* IE only */ * html #seitenspalte-umfassung { margin: 10px 0 0 8px; }
#seitenspalte {  }


/* ---- MENU ---- */
#menu { position: relative; height: 25px; padding: 0; background-image: url(/cms/layout/a/menu-strich.gif); }
#menu * { list-item: none; font-weight: bold; }
#menu ul { display: inline; }
#menu li { display: inline; }
#menu li a { width: 55px; height: 21px; display: block; padding: 3px 0 0 10px; float: left; background: #B5B5B5 url(/cms/layout/a/menu-punkt.gif) right top no-repeat; }
#menu li a:visited { color: gray; } 
#menu li a:active, #menu li a:hover, #menu li a:focus { color: #CC3300; }
#menu li.aktiv a { height: 22px; color: #CC3300; background-color: #DEDEDE; }
#menu li.last a { background-image: url(/cms/layout/a/menu-punkt.gif); background-position: -65px top; }


/* ---- SUBMENU ---- */
#submenu * { list-style-type: none; margin: 0; padding: 0; clear: both; }
#submenu a:active, #submenu a:hover, #submenu a:focus { color: #CC3300; }
/* Level 1 */
#submenu ul { width: 210px; }
#submenu li { margin-left: 12px; border-bottom: 1px #155B7C solid; padding: 2px 0 2px 14px; background: transparent url(/cms/layout/a/seitenspalte_nav_level1.gif) no-repeat left 4px; }
#submenu li a { color: black;  text-decoration: none; font-weight: normal; }
#submenu li.aktiv a, #submenu li.aktiv a:focus, #submenu li.aktiv a:hover, #submenu li.aktiv a:active { color: #CC3300; }
/* Level 2 */
#submenu li ul { width: 183px; }
#submenu li ul li { margin: 0; border-bottom: 0px solid transparent; padding-left: 14px; background: transparent url(/cms/layout/a/seitenspalte_nav_level2.gif) no-repeat left 4px; font-size: 11px; }
#submenu li.aktiv ul li a { color: black; }
#submenu li ul ul { width: 168px; }
#submenu li ul ul li { margin: 0; padding-left: 12px; background: transparent url(../../a/bilder/hg/seitenspalte_nav_level3.gif) no-repeat left 4px; }

/* ---- SEITENFUSS ---- */
#seitenfuss-umfassung { clear: both; position: relative; padding: 0; background: transparent url(/cms/layout/a/seitenfuss-umfassung.png) repeat-x left bottom; }
#seitenfuss { clear: both; width: 650px; margin-left: 226px; padding: 6px 0 15px; background: #769FB2 url(/cms/layout/a/seitenfuss.gif) repeat-x left bottom; }
#seitenfuss * { display: inline; color: white; font-size: 11px; }
#seitenfuss address { padding-left: 60px; margin-right: 20px; font-style: normal; }
#seitenfuss ul { margin: 0; padding: 0; }
#seitenfuss li { margin: 0; padding: 0; list-item: none; margin-right: 10px !important; padding-left: 0; }
#seitenfuss li a { color: white; }
#seitenfuss li a:visited { color: #e0e0e0; }    
#seitenfuss li a:active, #seitenfuss li a:hover, #seitenfuss li a:focus { color: #e0e0e0; }


/* ---- LINKS ---- */
a { text-decoration: none; }
a:link { color: black; }
a:visited { color: #145a7b; text-decoration: none; }
a:active { color: #cc3300; text-decoration: none; }
a:hover { color: #cc3300; text-decoration: none; }
a:hover strong { color: #cc3300; text-decoration: none; }


/* ---- INHALT FORMATIERUNG ---- */
#inhalt ul  { margin-left: 12px; padding-left: 12px; }
#inhalt a { padding-bottom: 1px; font-weight: bold; border-bottom: 1px solid #DEDEDE; }
/* #inhalt a:hover { border-color: #cc3300; } */
#inhalt a.pdf { padding-left: 20px; background: transparent url(/cms/layout/a/pdf.gif) left top no-repeat; }

h2 { display: none; margin-right: 150px; padding-bottom: 0.5em; color: #145A7B; font-size: 1.6em; }
h3 { padding-bottom: 0.2em; color: #145A7B; font-size: 1.4em; }
h4 { color: #145A7B; font-size: 1em; }
div.lead { font-size: 110%; margin-bottom: 20px; }
pre, tt, code { font-family:"Courier New", Courier, monospace; }

div.news {
    font-size:90%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom: 1px solid grey;
}

div.news a {
    border-bottom:none;
}

div.listimage {
    height:50px;
    overflow:hidden;
    margin-top:5px;
    margin-bottom:5px;
}

div.listheadline {
    font-weight:bold;
}

div.pagelistimage {
    float:right;
    margin-left:15px;
}

div.pagelistheadline {
    font-weight:bold;
    margin-bottom:5px;
}

div.pagelist {
    margin-bottom:20px;
}