html {
padding:0px;
margin:0px;
min-height: 100%;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
min-height: 100%;
font-size: 12px;
color:black;
text-align:left;
margin:0px;
padding:0px;
}
body#page #topbar
{
height: 178px;
}
body#page
{
}
#box {
width:100%;
padding:0px;
text-align:left;
float: left;
}
#box a { text-decoration: none }
#logo {
padding:0px;
text-align:left;
float: left;
overflow: hidden;
z-index: 1500;
}
#inhalt {
/* Seitenbreite wird dynamisch in /sitedata/frontendgui/2_styles.php geladen */
margin-left: auto;
margin-right: auto;
/* Voreinstellung, damit der Seitenaufbau nicht so ruckelt bis der "echte" Wert im Body
aus der Datenbank geladen ist*/
width: 830px;
position: relative;
}
#inhalt #innen
{
width: 555px;
float: left;
margin-top: 45px;
padding-bottom: 0px;
}
#links {
padding:0 0 0 0;
}
#rechtsoben {
margin:0px;
float:right;
}
#rechts {
position: relative;
top: 32px;
right: 16px;
margin:0px;
float:right;
min-width: 290px;
padding: 8px;
background-color: #ECEEF2;
border: 1px #3C5887 solid;
}
.pic { border: 1px #3C5887 solid; }
#rechts img, .frame {
border: 1px #3C5887 solid;
}
#navi {
width: 100%;
clear: both;
/* Hintergrundbild wird dynamisch in /sitedata/frontendgui/2_styles.php geladen */
background-position: center bottom;
margin-top: 4px;
height: 40px;
}
#navi
{
}
#navi .spacer
{
}
#navi2 .spacer, #navi3 .spacer
{}
#navi .spacer
{
height: 40px;
text-align: center;
width: 100%;
}
#navi a, #navi a:active, #navi a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-weight: normal;
color: #7F7F7F;
font-size: 17px;
letter-spacing: 1px;
display: block;
padding: 2px;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
}
#navi td.selected
{
background-color: white !important;
}
#navi .selected{
color: #FF5A4B;
color: #009CDA;
color: #147CFF;
/* Null Padding wegen abgerundeter Ecken */
padding-left: 0px;
padding-right: 0px;
}
#navi2
{
padding-top: 0px;
clear: both;
float: left;
width: 145px;
margin-left: 30px;
margin-top: 45px;
text-align: left;
}
#navi2 .spacer
{
}
#navi3
{
padding-top: 4px;
clear: both;
padding-left: 12px;
width: 100%;
}
#navi4
{
padding-top: 4px;
clear: both;
padding-left: 22px;
width: 100%;
}
#navi2 a, #navi2 a:active, #navi2 a:link
{
clear: both;
display: block;
font-family: Arial, Helvetica, Sens-Serif;
font-size: 17px;
color: #91C8E6;
color: #85bad7;
line-height: 25px;
text-decoration: none;
}
#navi2 .box
{
display: block;
padding-top: 12px;
padding-bottom: 12px;
/* Hintergrundbild wird dynamisch in /sitedata/frontendgui/2_styles.php geladen */
background-repeat: no-repeat;
background-position: bottom;
}
/* Beim letzten horizontalen Item keine Edge */
#navi .LastItem .rightedge
{
display: none;
}
#navi .selected .rightedgestraight
{
display: none;
}
#navi .LastItem .rightedgestraight
{
display: block !important;
}
/* Das letzte Item hat kein Hintergrundbild */
#navi2 .LastItem {
background-image: none !important;
}
#navi3 a, #navi3 a:active, #navi3 a:link,
#navi4 a, #navi4 a:active, #navi4 a:link
{
clear: both;
font-family: Arial, Helvetica, Sens-Serif;
font-size: 13px;
color: #A2A2A2;
line-height: 25px;
background-image: none !important;
padding: 0px !important;
}
#navi2 a.selected, #navi3 a.selected, #navi4 a.selected
{
color: #0091D7;
color: #009CDA;
color: #147CFF;
text-decoration: none;
}
#centerIcon
{
/* Hintergrundbild wird dynamisch in /sitedata/frontendgui/2_styles.php geladen */
background-repeat: repeat-y;
width: 31px;
height: 31px;
margin-left: 1px;
margin-top: 36px;
margin-right: 8px;
float: left;
}
input#search
{ border: 1px black solid;
background-color: white;
padding: 2px;
margin-left: 10px;
}
input#searchbutton
{ border: 1px black solid;
margin-left: 4px;
padding: 1px;
}
.search_result { display: block; font-size: 16px; color: black; font-weight: bold; text-decoration: none; }
.search_result_history { text-decoration: none; font-size: 11px; color: #009cda; font-weight: normal }
.search_result_history_arrow { font-size: 11px; color: silver; font-weight: normal }
.searchform_small { display: inline }
.searchform_small .searchfield{ width: 130px; margin-top: 16px; border: 1px silver dotted; background-color: #EEEEEE; color: #A2A2A2; padding: 2px; font-family: Georgia, Serif }
#footer {
/* Hintergrundbild wird dynamisch in /sitedata/frontendgui/2_styles.php geladen */
background-position: left top;
background-repeat: no-repeat;
clear: both;
padding-left: 188px;
padding-top: 6px;
margin-top: 24px;
margin-left: 31px;
margin-bottom: 48px;
}
table .data {
}
table.data td.label {
color: silver;
width: 25%;
background-color: #ECEEF2;
color: black;
}
table.data td.data {
color: black;
font-weight: bold;
}
table.data a
{
text-decoration: none;
color: #041F56;
}
table.data a.tagcloud
{
text-decoration: underline;
}
table.data a:hover { color:blue; text-decoration: none }
.sofortkaufen_preis {
color: #052361;
}
.backbutton, .backbutton:link, .backbutton:active, .backbutton:visited {
background-color: white;
color: #FF8800;
padding: 2px;
margin-bottom: 8px;
text-decoration: underline;
display: block;
width: 140px;
font-size: 18px
}
.backbutton:hover {
color: black;
}
ul
{
padding-left: 16px;
padding-top: 4px;
margin: 0px;
list-style-type: none;
list-style-image: url(../images/arrow.gif);
}
ul.typen li {
margin-top: 4px; margin-bottom: 4px
}
ul.typen li a
{
color: #072E7F;
text-decoration: none;
font-size: 10pt;
font-weight: normal;
}
ul.typen li a:hover
{
text-decoration: underline;
}
.menu_level1_selected
{
float: left;
border: none;
margin-top: 6px;
}
.menu_level1_normal
{
float: left;
border: none;
margin-top: 6px;
}
.menu_level2
{
float: left;
border: none;
margin-top: 6px;
}
input.input
{
font-size: 12pt;
padding: 2px;
border: 1px #041F56 solid;
}
.button_cancel
{
font-size: 10pt;
padding: 2px;
background-color: #FAFBFC;
color: white;
font-weight: normal;
text-decoration: underline;
}
.description
{
color: #041F56;
font-size: 13pt;
}
#moreoptions
{
border-top: 1px #041F56 dotted;
margin-top: 16px;
padding-top: 16px;
}
.button_moreoptions
{
border: 1px #041F56 solid;
background-color: #C7CDDB;
color: #041F56;
text-decoration: none;
padding: 2px;
display: block;
width: 264px;
float: right;
margin-bottom: 4px;
text-align: center;
}
#inhalt .langselect
{
color: #FDE98F;
font-size: 11px;
text-decoration: none;
padding: 2px;
}
#inhalt .langselect_selected
{
background-color: #FF8000;
color: white;
text-decoration: none;
padding: 2px;
line-height: 170%;
}
#inhalt .langselect_big
{
color: red;
font-size: 20px;
text-decoration: none;
padding: 2px;
}
#inhalt .langselect_big_selected
{
background-color: red;
font-size: 20px;
color: white;
text-decoration: none;
padding: 2px;
}
.standardelement_date
{
margin-bottom: 16px;
overflow: auto;
clear: both;
padding: 2px;
}
.standardelement_date#highlight
{
background-color: #FDE98F;
}
.cmsimage
{
margin-right: 8px;
}
.standardelement
{
margin-bottom: 24px;
}
.standardelement_date_details
{
color: #FF8800 !important;
font-weight: bold;
padding: 2px;
}
.standardelement_date_detail_images
{
}
.standardelement_date_detail_images img
{
border: 1px #CCCCCC solid;
clear: both;
display: block;
margin-bottom: 8px;
}
.standardelement_gallery_image span
{
font-size: 11pt;
color: red;
border: none;
}
/* Standardelement */
.standardelement .slideshow_menu
{
width:100%;
color: red;
}
.standardelement .slideshow_menu a
{
color: #555555;
text-decoration: none;
margin-right: 8px;
border: 1px white solid;
font-weight: bold;
padding: 2px;
}
.standardelement .slideshow_menu a:hover
{
text-decoration: underline;
}
.standardelement .slideshow_menu a.selected
{
background-color: #FDE98F;
border: 1px #CCCCCC solid !important;
color: black;
}
standardelement .placeholder
{
position: static; width: 100%;
}
/* Style for inline editing */
.overlay {
background-color:#FFFFFF;
background-image: url(../images/pleasewait.gif);
background-position: center center;
background-repeat: no-repeat;
}
/* Text that is not to appear in the WYSIWYG Editor's style selection */
.Gruenton { color: #b8bd00 }
.hint { color: #8E9AB3 }
.info { background-color: yellow; padding: 4px; color: #041F56 }
.warning { color: red }
ul.temp { padding-left: 16px; margin-left: 16px; list-style-type: square; }
li.temp { font-size: 11pt; font-weight: bold; color: #041F56; font-family: trebuchet MS, arial, sans-serif;}
li.temp a { color: #041F56; text-decoration: none }
li.temp a:hover { color:blue; text-decoration: none }
li.temp a.inactive { color: #CCCCCC }
h1 { font-family: Georgia, Times, Serif;
}
h2 {}
h3 { padding: 0px; margin: 0px; }
h4 { margin: 0px;}
#rechts h2 { display: inline; font-size: 10pt; font-weight: bold; color: #041F56; font-family: arial, sans-serif; }
#inhalt .info { line-height: 1.5em; padding: 1px }
/**
Kontaktformular
**/
form#kontakt,
form#suche,
form#bestellung_1
{ display: inline }
form#kontakt .label,
form#kontakt .label_warn,
form#bestellung_1 .label,
form#bestellung_1 .label_warn
{
font-size: 14px;
color: #009CDA;
color: #147CFF;
font-family: Georgia, Times, Serif;
font-style: italic;
padding: 2px;
float: left;
display: block;
clear: left;
width: 150px;
}
form#kontakt .label_warn,
form#bestellung_1 .label_warn
{
font-size: 14px;
color: #009CDA;
font-family: Georgia, Times, Serif;
font-style: italic;
background-color: #FBE1B5;
color: black;
padding: 2px;
}
form#kontakt .input_warn,
form#bestellung_1 .input_warn
{
background-color: #FBE1B5;
}
form#kontakt input, form#kontakt textarea,
form#suche input, form#suche textarea,
div.placeholder
{
font-size: 20px;
padding: 2px;
width: 400px;
font-family: Georgia, Times, Serif;
color: #777777;
padding: 2px;
display: block;
float: left;
width: 250px;
font-size: 15px;
margin-top: 8px;
}
div.placeholder
{
padding-bottom: 4px;
}
form#bestellung_1 .send
{
font-size: 20px;
padding: 2px;
width: 400px;
font-family: Georgia, Times, Serif;
color: #777777;
padding: 2px;
display: block;
width: 250px;
font-size: 15px;
margin-top: 8px;
float: left;
}
form#kontakt input:focus, form#kontakt textarea:focus,
form#suche input:focus, form#suche textarea:focus ,
form#bestellung_1 input:focus, form#bestellung_1 textarea:focus
{
background-color: lightyellow;
}
form#suche #searchbutton
{
background-color: #009cda ;
color: white;
margin: 0px;
border: none;
width: auto;
cursor: pointer;
}
form#bestellung_1 ul
{
list-style-type: none;
list-style-image: none !important;
}
form#bestellung_1 ul h1
{
margin-left: 24px;
font-size: 15px;
line-height: 26px;
color: #A2A2A2;
font-family: Georgia, Times, Serif;
text-decoration: none;
font-weight: bold;
color: #ff5a4b;
}
form#bestellung_1 ul li
{ font-family: Arial, Helvetica, Sans-Serif; }
form#bestellung_1 div.column
{
width: 45%;
float: left;
margin-right: 2%;
}
/************************** SITEMAP ********************************/
.sitemap_block
{
float: left;
width: 180px;
}
.sitemap_block h1
{
font-size: 20px;
color: #FF5A4B;
line-height: 1em;
display: inline;
}
.sitemap_block h2
{
font-size: 16px;
color: #444444;
line-height: 1em;
display: inline;
padding-bottom: 6px;
width: 100%;
}
.sitemap_block h3
{
font-size: 14px;
color: #A2A2A2;
line-height: 1em;
display: inline;
padding-bottom: 6px;
margin-left: 12px;
}
.sitemap_block a
{ border: none;text-decoration: none }
.leftedge
{ position: relative; left: -16px }
.rightedge
{ position: relative; left: 16px }
/* Linke ecke */
#cmsnav_words
{ color: blue;
font-size: 12px !important; padding: 2px;
background-color: white;
border: 1px black solid;
cursor: pointer;
right: 8px;
bottom: 8px; overflow: auto;
top: 8px;
}
#cmsnav_words a { color: blue;
font-size: 12px !important; padding: 2px; }
/* Produkte */
.products ul
{
margin: 0px;
padding: 0px;
margin-top: 12px;
}
.products ul ul
{
margin-left: 20px;
}
.products ul ul ul
{
margin-left: 40px;
}
.products ul ul ul ul
{
margin-left: 60px;
}
.products h1
{
font-size: 12px;
font-weight: bold;
}
li.none
{
list-style-type: none !important;
list-style-image: none !important;
margin: 0px !important;
padding: 0px !important;
}
/* Flags */
.flagcontainer
{
position: absolute;
right: 0px;
top: 282px;
}
.flagcontainer .inner
{
position: relative;
left: 26px;
}
.flagcontainer img { border: none; margin-bottom: 12px }