/** * Website Baker template: andreas01 * * Original design: andreas01 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund. * For more information, see http://andreasviklund.com/templates/andreas01/ * Ported to Website Baker by M. Gallas. * Login form and support to display news in the right column added by Christian Sommer. * * This file contains defintions for the CSS layout and the styles shown in the frontend. * * LICENSE: Open Source * * @author Andreas Viklund (WB port by M. Gallas, adapted by C. Sommer) * @copyright Open Source * @license http://andreasviklund.com/about/copyright/ * @version 3.00 * @platform Website Baker 2.7 */ /* Main body */ * { font-size: 1em; margin:0; padding:0; } /** html li { height:100%; } wg. display:block-problem im ie6*/ /* insbes. wg. standardaurichtung in formularen */ * td {vertical-align:top;} html { height:100.01%;} body { background:#f4f4f4 url(img/bg.gif) top center repeat-y; color:#404040; line-height: 1.5em; font-size:76%; font-family: Verdana,Tahoma,Arial,sans-serif; /*margin:0 auto; padding:0;*/ } #wrap {background:#fff; color:#404040; margin:0 auto; width:860px;} /* Basic tags */ p { margin: 0 0 1.4em; } a:link, a:visited, a:active {color:#286ea0; font-weight:700; text-decoration:none; } a:hover { background-color:#eaeaea; text-decoration:underline; } /*a:hover { background-color:#eaeaea; border-bottom: 1px solid #286ea0; }*/ a img {border:0px;} /*----------------- Header -----------------*/ #header {height:45px; margin:10px 0 0; padding:0; background-color:inherit; color:#505050;} #header a {background-color:#fff; color:#286EA0; font-size:1em; text-align:left; text-decoration:none;font-weight:normal; } #header a:hover {text-decoration:underline;} #header p {float:left; font-weight:normal; line-height:1.6em; margin:8px 0 0 ; text-align:left; width:600px; font-size: 1.5em; color:#505050;} #frontphoto {border:0; margin:0 0 10px;} /*----------------- Left sidebar -----------------*/ #leftside {clear:left; float:left; margin:5px 0 5px; padding:0; width:170px; } #leftside p,#leftside ul {margin:0 0 16px; padding:0;} /* Main menu */ #avmenu { padding:0px 0 10px 0; width:170px; overflow: hidden; } #avmenu ul { display:block; list-style:none; line-height:1.2em; margin:0; padding: 0; } #avmenu ul li { line-height:1.4em; padding:0; width:170px; color:#505050; clear:left; } #avmenu ul li a { background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:160px;} #avmenu ul li a:hover, #avmenu ul li.menu-current a, #avmenu ul li.menu-parent a { background-color:#eaeaea; border-left:4px solid #286ea0; color:#286ea0; border-bottom: none;} /* 2. Ebene */ #avmenu ul ul { } #avmenu ul ul li { margin-left: 5px; padding:0 0 0px;} #avmenu ul ul li.menu-1 a { background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:160px;} #avmenu ul ul li a, #avmenu ul ul li.menu-child a { background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:160px;} #avmenu ul ul li a:hover { background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050; } #avmenu ul ul li.menu-current a, #avmenu ul ul li.menu-parent a { background-color:#eaeaea; border-left:4px solid #286ea0; color:#286ea0; } /* 3. Ebene */ #avmenu ul ul ul { } #avmenu ul ul ul li { margin-left: 5px; padding:0 0 0px; } #avmenu ul ul ul li.menu-2 a { background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:155px;} #avmenu ul ul ul li a, #avmenu ul ul ul li.menu-child a { background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:160px;} #avmenu ul ul ul li a:hover { background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050; border-bottom: none;} #avmenu ul ul ul li.menu-current a, #avmenu ul ul ul li.menu-parent a { background-color:#eaeaea; border-left:4px solid #286ea0; color:#286ea0; } /* Formularformatierungen Sidebar - Styles for optional Website Baker template functions search and login */ #announce {background-color:#f4f4f4; border:1px solid #cccccc;line-height:1.5em; margin:20px 0px; padding:7px 8px; } #announce fieldset { border: none; margin: 5px 0;} #announce legend { display: block; font-weight: bold; } #announce input {margin-top: 0.3em; margin-bottom: 0.5em; border:1px solid #cccccc; font-family: Verdana,Tahoma,Arial,sans-serif; width: 150px; } /*width doppelt wg. ie6*/ #announce input[type="text"], #announce input[type="password"] { width: 150px; font-weight: normal; } #announce input[type="submit"] { height: 1.7em; width: 152px; font-weight: bold; } #announce input:hover { background-color:#F4F4F4;} #announce a:hover { background-color:#f4f4f4; } /*----------------- Main content -----------------*/ #content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 180px 5px; padding:0 10px;} #contentwide {border-left:1px solid #e0e0e0; margin:5px 0 5px 180px; padding:0 0 0 10px;height:100.01%;} #contentwide h1 {font-size:1.8em; font-weight:normal; margin:0 0 16px; line-height: 1.3em;} #contentwide h2 {font-size:1.6em; font-weight:normal; margin:0 0 10px; line-height: 1.25em;} #contentwide h3 {font-size:1.3em; font-weight:normal; margin:0 0 8px; line-height: 1.2em;} #contentwide h4 {font-size:1.2em; font-weight:normal; margin:0 0 8px;} #contentwide h5 {font-size:1.0em; font-weight:normal; margin:0 0 8px;} #contentwide h6 {font-size:1.0em; font-weight:normal; margin:0 0 8px;} /*Rahmen um Bilder*/ #contentwide img { border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;} #contentwide a img { border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;} /* Aufz. u. Nummerierungen */ #contentwide ul, #contentwide ol {margin:0 0 1em 20px; padding:0;} /*#contentwide li {margin: 0; padding:0 0 0 5px;}*/ #contentwide ul li {list-style-image: url(img/list_image1.gif); margin:0 0 0.7em;} #contentwide ol li { margin:0 0 0.7em;} #contentwide ul ul, #contentwide ol ol {margin:9px 0 0 18px; padding:0;} /* Diverses Formularformatierungen */ #contentwide input.searchstring:hover{ background-color:#f4f4f4;} #contentwide input { border:1px solid #cccccc; margin-bottom: 10px; font-family: Verdana,Tahoma,Arial,sans-serif; } #contentwide input:hover { background-color:#f4f4f4;} #contentwide textarea { border:1px solid #cccccc; margin-bottom: 10px; font-family: Verdana,Tahoma,Arial,sans-serif; } #contentwide textarea:hover { background-color:#f4f4f4;} #contentwide select { border:1px solid #cccccc; margin-bottom: 10px; font-family: Verdana,Tahoma,Arial,sans-serif;} #contentwide select:hover { background-color:#f4f4f4;} #contentwide input[type="submit"],#contentwide input[type="reset"] {padding: 2px 20px; } #contentwide .field_radio, #contentwide .field_checkbox{ border-style: none; background: none; margin-right:3px; } #contentwide .radio_label, #contentwide .checkbox_label {margin-right: 10px;} #contentwide input.search_string { width:300px; height:19px; vertical-align: bottom; margin-bottom:1.5em;} #contentwide input.wb_search {width:150px; height:21px;vertical-align: bottom;margin-bottom:1.5em;} /*rahmen und hintergrund raus aus ie6 */ #contentwide #match_all,#contentwide #match_any,#contentwide #match_exact {border-style:none; background:none; margin-top: 1px;vertical-align:top;} #contentwide label.match_all_label, #contentwide label.match_any_label,#contentwide label.match_exact_label {margin-left:6px; margin-right: 15px;} /* to_top-link (nach-oben-link) */ #contentwide p.nach-oben-link { text-align: right; } #contentwide p.nach-oben-link a { padding-left: 10px; background-image: url(img/to_top.gif); background-position: center left; background-repeat: no-repeat; } #contentwide p.nach-oben-link a:hover { background-image: url(img/to_top.gif);border-bottom: 1px solid #286ea0;text-decoration:none;} /*----------------- Footer -----------------*/ #footer {border-top:2px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:860px; line-height:1.5em; font-size:0.9em;} #footer p {margin:0; padding:0;} #footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;} #footer a:hover {border-bottom: 1px solid gray;} #footer span {font-size:1.2em;} /* Zeichenformate (span) */ .RoterText {color:#FF0000;} .gesperrt {letter-spacing: 0.2em;} .RotbraunFettText {color: #AD3E3C; font-weight: bold;} /* sonstige Blockstile */ .hinweis {background-color:#f4f4f4;padding: 5px; border:1px solid #ccc;background-image: url(img/pullquote.gif); background-repeat: no-repeat; } .Quellenangabe {color: gray; font-size: 90%;} .hinweis:first-letter {font-size:200%;} .Absatzrahmen1 {background-color:#f4f4f4;padding: 5px; border:1px solid #ccc;} #Absatzrahmen2-div {background-color:#f4f4f4;padding: 5px; border:1px solid #ccc; margin: 0 0 1.4em;} .Inhaltsuebersicht { font-weight:bold; font-variant:small-caps; font-size:1.1em; letter-spacing: 2px; word-spacing: 2px; margin:0 0 0.7em;} .Zwischenueberschrift { font-weight:bold; font-size: 14px; margin:0 0 0.7em;} #contentwide img.BildOhneRahmen { border: 0 none; padding: 0;background:none;} #contentwide a.BildOhneRahmen { border: 0 none; padding: 0;background:none;} #contentwide img.AbstandBildLinks {margin-right:10px;} /*tabellen*/ .TabellenVariante-1 caption {text-align:left; font-weight:normal; margin:0; padding:6px 0 8px 0;} .TabellenVariante-1 { width: 100%; line-height: normal; text-align: left; } .TabellenVariante-1 thead th { padding:3px; } .TabellenVariante-1 tr { padding:3px; } .TabellenVariante-1 td { padding:3px; } .TabellenVariante-1 th { padding:3px; } .TabellenVariante-2 caption {text-align:left;font-weight:bold; margin-bottom:5px; padding:6px 0 8px 0;} .TabellenVariante-2 { width: 100%; line-height: normal; text-align: left; line-height:175%; } .TabellenVariante-2 thead th { padding:0px; background-color: #ccc; border-bottom:3px solid #ccc; vertical-align: bottom;} .TabellenVariante-2 thead { vertical-align: bottom; line-height:150%;} .TabellenVariante-2 tbody {background-color:#f4f4f4;} .TabellenVariante-2 tr { padding-bottom:10px; } .TabellenVariante-2 tr:hover { background-color: #fff; } .TabellenVariante-2 td { vertical-align: bottom; } /* #contentwide img {border:4px solid #f0f0f0; display:inline;} #contentwide a:link img, #contentwide a:visited img, #contentwide a:active img { border:4px solid #f0f0f0; display:inline; padding:1px;} #contentwide a:hover img { border:4px solid #f0f0f0; display:inline; padding:1px;border-bottom: 0px solid #286ea0;} a:hover { background-color:#eaeaea; border-bottom: 1px solid #286ea0; } */ /* #contentwide a>img {} #contentwide a:hover>img { padding-left:50px;border: 0 none; background:none; text-decoration:none;} */ /* #contentwide img { } #contentwide a:hover img { background:none ;background-color: none; text-decoration:none; border-bootom:0px solid lime;} */ /* a:link, a:visited, a:active {color:#286ea0; font-weight:700; text-decoration:none; } a:hover { background-color:#eaeaea; border-bottom: 1px solid #286ea0; } */ /* #contentwide a:hover img { padding: 0;background:none;text-decoration:none;border-bottom: 0px solid #286ea0;} #contentwide a img:hover { padding: 0;background:none;text-decoration:none;border-bottom: 0px solid lime;} */