/* GENERAL page layout */
html, body {margin:1px; padding:0px;
font-size: 11pt;
font-family: arial;
color: #808080; background: white;
}
/* The header and footer */
.header {display:block; height:40px; background-color: #FDF1E9; color:#fff; text-align:center; padding:5px;font-size:11px;}
.footer {display:block; background:#fcfcfc; text-align:center; padding:3px;font-size:10px;}
/* This bit does all the work */
/* Cave: Color of left and right cols is defined in border - tag aof container ! */
#__container {position:relative; display:block; border-left:200px solid white; border-right:300px solid white; overflow:visible;background:white; }
#__col-left {float:left; position:relative; width:198px; margin-left:-197px; display:inline; background: white;}
#__col-right {float:right; position:relative; width:298px; margin-right:-297px; display:inline; background: white;}
/* col-center is used for formatting only - not for layout*/
#__col-center { }
.clear {clear:both;height:1px;overflow:hidden;}
/* ENDE LAYOUT */
/* -------------- ** BASIC FONTS and COLOR ** ------------------
hellorange: #FDF1E9
orange dunkel{ color: #E0692A; }
orange are: #FF9148
schwarzgrau #444
dunkelgrau #808080
*/
p,ul { margin: 0 0 5px 0; font-size: .9em; }
h1 { font-size: 1.2em;margin-bottom: 5px; }
h2 { font-size: 1.0em;margin-bottom: 3px; }
h3,h4,h5 { font-size: 0.9em;margin-bottom: 2px; }
a { color: #E0691A; background: inherit;}
a:hover { color: #6C757A; background: inherit; }
a:visited {color:#000;}
h1 a { color: #737373; background: inherit; }
h1 a, h2 a, h4 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h4 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h4 a { color: #737373; background: inherit; }
ul { list-style : none; }
.orange { color: #E0692A; }
sup { font-size: .5em; color: black;}
.grey { color: #808080; background: inherit; font-weight: normal; }
/* Special definitons for certain parts - starting from top */
.top_info {
float: right;
width: 600px;
height: 20px;
padding: 5px 0 4px 0;
color: #808080;
}
.top_info_left { width: 50px; float: left; }
.top_info_right { width: 500px; float: right; }
/* zweite optionale Linkzeile */
#subnav1 {background-color: #FF9148; color: white;
padding: 2px 0; margin: 0;
text-align: center;
height:16px;
border-bottom: solid 1px white;}
#subnav1 ul{ margin: 0 0 0 0px;padding: 0;list-style-type: none;}
#subnav1 li {display: inline;padding: 0 5px; border-right: 1px dotted silver; }
#subnav1 li a {font: bold 12px arial;text-decoration: none;color: white;}
#subnav1 li a:hover {font: bold 12px arial;text-decoration: none;color: #fff;background-color: #5F709F;}
.search_form { float: right; background:#efefef;}
/* Suchzeile unter Linkzeile - search form */
.search_field { height: 35px;
color: #808080; font-weight: bold;
border-width: 1px;border-style: dotted;
padding: 0 5px; margin: 0 0px;
background: #fefefe;
}
input.search { width: 292px;
border: 0; margin: 0 0 0 3px;
background: #fff;
padding: 4px;
color: #E0691A; font-weight: bold;
}
input.submit { background: #FF9148;
border: 0; padding: 4px 0; width: 65px;
margin: 0 10px 1px 0;
color: #FFF; font: bold 1em Arial, Sans-Serif;
}
/* vertikales Menü for Links on left side */
#linksnav { margin-left: 5px;padding: 0px;}
#linksnav li {margin: 5px 0 0 0; list-style-type: none; }
#linksnav li a {text-decoration: none;}
#linksnav li a:hover {font: bold ;}
/* ------------------- Menu left side vertical menu (PHP-coded) START */
/* Taken from http://css.maxdesign.com.au/listamatic/vertical08.htm */
#linav { }
#linav ul
{margin-left: 1px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#linav a
{display: block;
padding: 3px;
background-color: white;
border-bottom: 1px solid #ccc;
border-left: 1em solid #FDF1E9;}
#linav a:link, #linav a:visited
{color: silver;
text-decoration: none;
text-indent: 5px;
}
#linav a:hover
{background-color: #FF9148;
color: #808080;
}
/* Special types: 0=Home=lhome; 1=Up=lup; 2=Index.php=lindex; 3=Sub-Folder=lsub; 4=Currently selected=lsele */
#lhome a:link, #lhome a:visited {color: red; padding-left: 15px;background: white url(http://www.dermal.de/images/home2.gif) no-repeat center left;} /* Home - Link */
#lup a:link, #lup a:visited {color: maroon; padding-left: 15px; background: white url(http://www.dermal.de/images/up.gif) no-repeat center left;} /* "UP - Link */
#lsub a:link, #lsub a:visited {color: #444; padding-left: 15px;background: white url(http://www.dermal.de/images/folder1.gif) no-repeat center left;} /* Sub-Directory - Link */
#lsele a:link, #lsele a:visited {color: green; } /* selected - Link */
#lindex a:link, #lindex a:visited {color: navy; } /* index of directory - Link */
/* center col: Details Mittlerer Teil >>> --------- */
h2,#col-center h2 {
background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;
color: #444;
padding: 1px 0 6px 43px ;
font: bold 1.1em "Trebuchet MS", Arial, Sans-Serif;
margin: 0 0 10px 0;
}
/* center col: einzelne Abschnitte */
.left_box {
margin: 0;
padding: 13px ;
}
/* center-col: linke + rechte Link-Spalte */
.left_side {
float: left;
width: 250px;
padding: 0 0 0 10px;
margin: 10px 0 0 10px;
}
.left_side a, .right_side a { color: #808080; }
.right_side {
float: right;
width: 250px;
padding: 0 0 0 10px;
margin: 10px 0;
}
/* Details right column ---------- */
#col-right p{ margin: 0 0 3px 75px}
#col-right h2 {
background: #BDBDBD url(http://www.dermal.de/images/h3bg.gif) no-repeat center right;
color: #FFF;
padding: 8px 0 8px 5px;
padding: 8px 0px 7px 5px;
font: bold 0.9em Tahoma, Arial, Sans-Serif;
margin: 10px 10px 3px 2px;
}
#col-right h5 {font: bold 0.7em Tahoma, Arial, Sans-Serif;color: #808080 ; margin: 0 0 3px 75px;}
.right_articles {
background: #f5f5f5;
color: #414141;
padding: 8px;
margin: 2px;
}
.notice {
background: #fff;
color: #808080;
padding: 12px 8px;
margin: 0 0 3px 0;
}
.image {
float: left;
margin: 0 9px 3px 0;}