html,body {
background-color:#ffffff;
font-family:"Verdana",sans-serif;
font-size:12px;
color:#4c3b31;
height: 100%;
margin: 0 0 1px;
padding: 0;
}
/*Wrap - global*/
* { margin: 0; padding: 0; }
#page{display:table;overflow:hidden;margin:0px auto;}
*:first-child+html #page {position:relative;}/*ie7*/
* html #page{position:relative;}/*ie6*/
#content_container{
vertical-align: top;
padding-top: 100px;
height:100%;
width:800px;
margin-left: auto;
margin-right: auto;
}
/*
*:first-child+html #content_container{position:absolute;top:10%;}
* html #content_container{position:absolute;top:10%;}
*:first-child+html #content{position:relative;top:-50%; }
* html #content{position:relative;top:-50%;}
*/
/* Clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/* End Clearfix */
/*Standard Seitenstyles*/
.printout{ width: 800px;
margin-left: auto;
margin-right: auto;
}
hr{border-color:#000000;border-style: solid;border-width:1px 0 0;clear:both;height:0;}
h1{ margin-top: 3px;
margin-bottom: 3px;
font-size: 14px;
}
h2{
font-size: 12px;
margin-top: 3px;
margin-bottom: 3px;
}
h3{
font-size: 12px;
margin-top: 3px;
margin-bottom: 3px;
}
a {text-decoration: none;
color:#4c3b31;
}
a img {
border-width: 0;
/*height:100%;*/
}
ul {
list-style: none;
}
.non_a_point {
cursor: pointer;
}
.linkdeco {
text-decoration: underline;
color:#4c3b31;
}
.linkdeco:hover{
text-decoration: underline;
color:#4c3b31;
}
.linkdeco_block {
text-decoration: none;
color:#4c3b31;
}
.linkdeco_block:hover{
background-color: #4c3b31;
color:#ffffff;
}
.linkdeco_block_pad {
text-decoration: none;
color:#4c3b31;
padding-left: 5px;
padding-right: 5px;
}
.linkdeco_block_pad:hover{
background-color: #4c3b31;
color:#ffffff;
}
#reclink{
margin-top: 8px;
}
.right {
text-align:right;
padding-right:10px;
}
.jw_title {
margin-top: 10px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
}
.jw_datum {
margin-top: 10px;
margin-bottom: 5px;
}
#picwrap{
margin-top: 3px;
}
.cat_img{
width: 800px;
height: 200px;
margin-bottom: 3px;
border-top: 1px solid #4C3B31;
padding-top: 3px;
}
.reddot_ie7{
position: relative;
left:480px;
top:5px;
display: inline;
}
.reddot{
position: relative;
left:484px;
top:0px;
display: inline;
font-size: 7px;
}
.reddot img{margin-right: 30px;}
/* Ende Standard Seitenstyles*/
#page{height:100%;width:800px; }
/*Ende Wrap*/
.filter-div {
margin-top: 10px;
margin-bottom: 10px;
}
.tree_cat {
border-color:#000000;border-style: solid;border-width:1px 0 0;clear:both;
}
.t_italic{
font-style: italic;
}
#rechts {
float:right;
}
#links {
float:left;
}
#logowrap {
float: left;
margin-bottom: 10px;
width: 94px;
height: 120px;
overflow: hidden;
position: relative;
}
#navwrap {
float: right;
margin-bottom: 5px;
margin-top: 5px;
}
#contentwrap{
margin-top: 3px;
}
ul#links {list-style-type: none;}
ul#links li{
font-size: 11px;
font-weight: bold;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.abst_rechts{
width: 150px;
margin-right: 20px;
display: inline-block;
}
/*ul#links li:hover{background-color: #4c3b31; color: white; } <--- Striche auch mit hinterlegen FAIL */
ul#links li a{
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
line-height:10px;
}
ul#links li a:hover{
background-color: #4c3b31;
color: white;
}
.kochbuch{
background-color: aqua;
}
.recip_trunk {
margin-bottom: 0px;
}
.grouplist{
margin-top: 10px;
margin-bottom: 10px;
}
.grouplist li{
margin-top: 8px;
}
.textwrap {
text-align: justify;
padding-bottom: 0px;
}
#textwrap_unterseiten {
text-align: left;
margin-bottom: 10px;
}
/*center IMG*/
#imgcenter {
margin: 0 20%;
}
#imgcenter img {
width: 400px;
margin: 0 10%;
}
#vidcenter {
padding: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #4C3B31;
width: 580px;
}
/*Bilder anzeigen usw*/
.gallery li
{
margin-left: 0px;
margin-bottom: 3px;
display:block;
}
.gallery li a
{
display: inline-block;
outline: none;
position: relative;
height: 55px;
text-decoration: none;
width: auto;
}
.gallery a .hover {
background: transparent url(../img/spritetest.jpg) no-repeat;
display:block ;
opacity: 0;
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.gallery .sprite1
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite1 .hover {
background-position: bottom;
}
.gallery .sprite2
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite2 .hover {
background-position: bottom;
}
.gallery .sprite3
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite3 .hover {
background-position: bottom;
}
.gallery .sprite4
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite4 .hover {
background-position: bottom;
}
.gallery .sprite5
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite5 .hover {
background-position: bottom;
}
.gallery .sprite6
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite6 .hover {
background-position: bottom;
}
.gallery .sprite7
{
background-position:top;
width:800px;
height:50px;
}
.gallery .sprite7 .hover {
background-position: bottom;
}
/* GENERAL HEAD GALLERY */
/*
* dynamic and hence put into ajax_gallery.php
*/
/* KONTAKT IMG */
.gallery .logohead
{
background-image:url(../img/logo_reload.jpg);
background-position:top;
width: 94px;
height: 125px;
overflow: hidden;
}
.gallery .logohead .hover {
background-image:url(../img/logo_reload.jpg);
background-position: bottom;
width: 94px;
height: 120px;
overflow: hidden;
}
/*########### BUCH ROLLOVER #########*/
.buchroll
{
background-image:url(../img/buchroll.jpg);
background-position:top;
width: 94px;
height: 120px;
}
.buchroll .hover {
background-image:url(../img/buchroll.jpg);
background-position: bottom;
}
/*########### ENDE BUCH ROLLOVER #########*/
/* ENDE BILDER ANZEIGEN USW */
#left {
float: left;
}
#right {
float: right;
}
/* Liniendiv */
.hrdiv{
margin-top: 1px;
}
/*footer*/
#footer{
font-weight: bold;
font-size: 10px;
margin-top: 5px;
margin-bottom: 20px;
}
#sprachbutton {
float: right;
font-size: 8px;
}
#sprachbutton a {
font-size: 10px;
font-weight: bold;
padding-left: 1px;
padding-right: 1px;
}
#sprachbutton a:hover{
background-color: #4C3B31;
color: white;
}
.footbalken {
margin-top: 5px;
display: block;
height: 8px;
width: 100%;
margin-bottom: 8px;
background-color: #4C3B31;
}
.leitbalken {
margin-top: 5px;
display: block;
height: 15px;
width: 25%;
margin-bottom: 8px;
background-color: #BEBEBE;
color: white;
padding-left: 1px;
font-weight: bold;
}
.leitbalken:hover{
background-color: #E7C7B3 ;
}
.leitbalken_2 {
background-color: #BEBEBE;
}
.leitbalken_2:hover{
background-color: #BE957C;
}
.leitbalken_3 {
background-color: #BEBEBE;
}
.leitbalken_3:hover{
background-color: #8F6F5D;
}
.leitbalken_4 {
background-color: #BEBEBE;
}
.leitbalken_4:hover{
background-color: #4C3B31 ;
}
/*ende footer */
.biobalken {
margin-top: 8px;
margin-bottom: 8px;
display: block;
height: 8px;
width: 50%;
background-color: #4C3B31;
}
.kurzbio {
margin-top: 5px;
width: 50%;
font-size: 10px;
}
.leitsatze_gross{
width: 100%;
text-align: left;
margin-bottom: 10px;
}
.breadcrumb {
margin-bottom: 20px;
margin-top: 8px;
font-size: 11px;
}
.nav_top {
margin-bottom: 20px;
}
#page_content_head {
margin-bottom: 0px;
}
.VN {
font-size: smaller;
padding-left: 30px;
}
.rec_step_master {
padding-top: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #4C3B31;
}
.rec_name {
}
.rec_head {
padding-top:10px;
}
.rec_body {
padding-left:0px;
border: 1px solid #4C3B31;
margin-top: 2px;
margin-bottom: 4px;
}
.rec_step_head {
width: 395px;
margin-top:15px;
background-color: #4C3B31;
color: #ffffff;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
}
.rec_step_head_sub {
width: 394px;
margin-top:0px;
border-bottom: 1px solid #4C3B31;
border-right: 1px solid #4C3B31;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
}
.rec_step {
float: left;
width: 400px;
margin-top:0px;
margin-bottom: 20px;
text-align: left;
/*border-left: 1px solid #4C3B31;*/
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
.rec_step_pic_frame {
float: right;
width: 370px;
margin-bottom: 20px;
padding-right: 5px;
}
.rec_step_pic {
/*float: right;*/
margin-bottom: 5px;
padding-left: 50px;
}
.step_info{
}
/* LOGIN SEITE */
.formwrap {
width: 450px;
margin-top: 25px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
.form_manual {
text-align: justify;
width: 450px;
margin-left: auto;
margin-right: auto;
}
#formstyle {
}
.form_password{
margin-bottom: 2px;
margin-top: 8px;
display: inline;
}
.align_right {
float: right;
position: relative;
margin-right: 10px;
}
.password_formwrap{
padding-top: 15px;
padding-left: 25px;
}
#loginwrap {
width:70%;
margin-top: 40px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
#reglink {
}
.registerform_low {
padding-left: 30px;
}
/* ENDE LOGIN SEITE */
/* TABLES */
/* Rec_ing_table : Die Tabelle der Zutaten */
.rec_ing_table {
background-color: #EEEEEE;
border-right: 1px solid #4C3B31;
border-top: 1px solid #4C3B31;
border-bottom: 1px solid #4C3B31;
border-collapse: collapse;
margin-top: 10px;
width: 782px;
}
.rec_ing_table td {
padding-bottom: 3px;
padding-top: 3px;
padding-left: 5px;
border-top: 1px solid #4C3B31;
border-bottom: 1px solid #4C3B31;
}
.rec_ing_table td.right {
width: 100px;
border-right: 1px solid #4C3B31;
}
/* recip_overview : Die Tabelle der Rezepte */
.recip_overview {
/*border: 1px solid #4C3B31;*/
width:800px;
margin-bottom: 20px;
}
.recip_overview th.header {
background-color: #4C3B31;
color: white;
text-align: left;
padding-left: 5px;
padding-bottom: 5px;
}
.recip_overview tr.open_box {
color: #4C3B31;
text-align: left;
}
.recip_overview tr.open_box:hover {
background-color: #4C3B31;
color: white;
cursor: pointer;
}
.recip_overview td {
padding-left: 5px;
margin-top: 2px;
}
/* registerform : das registerformular */
table.registerform {
background-color: #EEEEEE;
border-left: 1px solid #4C3B31;
border-right: 1px solid #4C3B31;
border-top: 1px solid #4C3B31;
border-collapse: collapse;
margin-top: 11px;
width: 449px;
}
.registerform tr {
}
.registerform td {
border-bottom: 1px solid #4C3B31;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.registerform .label {
width:130px;
border-right: 1px solid #4C3B31;
}
.registerform .field {
padding-left: 5px;
width:170px;
background-color:#fff;
}
.registerform .status {
width:300px;
background-color:#fff;
}
.registerform_bottom td {
padding-top:20px;
}
.error {
color:red;
}
#noprint {
padding-top: 40px;
padding-bottom: 20px;
}
/* FORM */
.open_box_hover{
background-color:#aaa;
}
/* END FORM */
.kontakt {
float: right;
text-align: right;
margin: 10% 0%;
width: 200px;
}
.abstand_hr {
margin-top: 10px;
margin-bottom: 10px;
}
#box_controls{
float: right;
}
#print_box {
}
#ordertext{
padding-top: 10px;
padding-bottom: 10px;
width: 450px;
margin: 0 auto;
border-bottom: 1px solid #4C3B31;
}
#order {
margin-top: 26px;
}
#order_book{
width: 160px;
}
#order_book:hover{
background-color: #4C3B31;
cursor: pointer;
color: white;
}
.button_close {
text-align: center;
}
.accordion{
margin-top: 8px;
margin-bottom: 8px;
}
.accordion:hover{
cursor: pointer;
}
.cat_descript{
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#eee;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{
background-color: white;
padding:1px;
}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#4C3B31;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/* global */
#cluetip-close img {
border: 0;
}
#cluetip-title {
overflow: hidden;
}
#cluetip-title #cluetip-close {
float: right;
position: relative;
}
#cluetip-waitimage {
width: 43px;
height: 11px;
position: absolute;
background-image: url(images/wait.gif);
}
.cluetip-arrows {
display: none;
position: absolute;
top: 0;
left: -11px;
height: 22px;
width: 11px;
background-repeat: no-repeat;
background-position: 0 0;
}
#cluetip-extra {
display: none;
}
/***************************************
=cluetipClass: 'default'
-------------------------------------- */
.cluetip-default {
background-color: #eee;
border: 1px solid #4c3b31;
}
.cluetip-default #cluetip-outer {
position: relative;
margin: 0;
background-color: #eee;
}
.cluetip-default h3#cluetip-title {
margin: 0 0 5px;
padding: 8px 10px 4px;
font-size: 1.1em;
font-weight: normal;
background-color: #4c3b31;
color: #fff;
}
.cluetip-default #cluetip-title a {
color: #d9d9c2;
font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
padding: 10px;
}
.cluetip-default div#cluetip-close {
text-align: right;
margin: 0 5px 5px;
color: #900;
}
/* default arrows */
.clue-right-default .cluetip-arrows {
background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
background-image: url(images/darrowright.gif);
left: 100%;
margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
background-image: url(images/darrowdown.gif);
top: 100%;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}
.clue-bottom-default .cluetip-arrows {
background-image: url(images/darrowup.gif);
top: -11px;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
zoom: 1;
}
.linkswrap {
width: 480px;
float: left;
margin-bottom: 10px;
}
.rechtswrap {
float: right;
width: 300px;
}
.rechtswrap img {
margin-top: 10px;
margin-bottom: 10px;
}
/* ########## THE FLASH !!!! ########*/
#the_flash {
width: 800px;
background-color: none;
height: 450px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
border: 3px solid #4C3B31;
}
.the_flashtext {
float: right;
}
.flashfinger{
cursor: pointer;
}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}