* {
    padding:0px;
    margin:0px;
    font-size:10px;
    font-family: Arial, sans-serif;
    color:rgb(29,133,195);
    line-height:15px;
}
.graueSchrift{
    color:#808080;
}
.schwarzeSchrift{
    color:black;
}
.blaueSchrift{
    color:rgb(29,133,195);
}
.grosseSchrift{
    font-size:12px;
}
.hinweis{
    font-size:12px;
    font-weight:bold;
}
.absatzZeile{
    font-size:0px;
    line-height:10px;
}
.absText{
    position:absolute;
}
.absText50{
    position:absolute;
    left:50px;
}
.absText100{
    position:absolute;
    left:100px;
}
.clear{
    clear:both;
}
body {
    text-align:center;
}
h1{
    font-size:150%;
    margin-bottom:10px;
}
h1 span{
    font-size:100%;
    margin-bottom:10px;
}
h2{
    font-size:125%;
    margin-bottom:10px;
}
img{
    border:0px;
}
label{
    display:block;
}
#overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align:center;
	z-index: 9997;
}
#dark_msg_overlay {
	background-color: #000000;
	color: #ffffff;
	visibility: visible;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	z-index: 9998;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
}
#urkunde{
	position:relative;
	top:30px;
	width:340px;
	z-index:9999;
	text-align:center;
	display:block;
	margin:auto;
}
#closeBtn{
	position:absolute;
	margin:10px 0 0 400px;
	z-index:10000;
	cursor:pointer;
}
/* Target FireFox 3 [!] */
html>/**/body #closeBtn, x:-moz-any-link, x:default { margin:10px 0 0 160px; }
#imgUrkunde{
	position:absolute;
	top:0px;
	left:0px;
}

#container{
    position:relative;
    top:30px;
    width:900px;
    height:650px;
    margin:auto;
    text-align:left;
    border:1px solid #d4e7f6;
}
#topDiv{
    position:relative;
    height:200px;
    width:900px;
}
#logo{
    position:absolute;
    top:15px;
    right:15px;
    height:73px;
    width:196px;
    background-image:url('../img/logo.png');
}
#btnStaedte{
    position:absolute;
    top:95px;
    right:25px;
    height:100px;
    width:30px;
    text-align:right;
}
.pngStadt{
    margin-top:5px;
    cursor:pointer;
}
#adresseSolingen{
    position:absolute;
    top:95px;
    right:55px;
    height:100px;
    width:250px;
    text-align:right;
    font-size:11px;
    line-height:110%;
}
#adresseHaan{
    display:none;
    position:absolute;
    top:95px;
    right:55px;
    height:100px;
    width:250px;
    text-align:right;
    font-size:11px;
    line-height:110%;
}

/* ############################## */
/* ----- CSS der oberen Navigation ----- */
#naviDiv{
    width:900px;
    height:26px;
}
#topMenu ul {
    list-style-type:none;
}
#topMenu ul a{
    text-decoration:none;
}
#topMenu ul li{
    display:inline;
    margin-right:6px;
}
#topMenu ul li.lastLi{
    margin-right:0px;
}
#topMenuBackend ul {
    list-style-type:none;
}
#topMenuBackend ul a{
    text-decoration:none;
}
#topMenuBackend ul li{
    display:inline;
    margin-right:9px;
}
#topMenuBackend ul li.lastLi{
    margin-left:1px;
    margin-right:0px;
}
/* ############################## */
#mainDiv{
    width:900px;
    height:354px;
}
#infoBox{
    position:absolute;
    top:230px;
    right:0px;
    width:145px;
    height:30px;
    z-index:50;
}
#innerContent{
    position:relative;
    top:0px;
    left:0px;
}
#innerContentLeft{
    position:absolute;
    top:30px;
    left:0px;
    height:324px;
    width:275px;
}
.innerContentLeftKK{
    margin-left:30px;
}
/* ----- Kochkurse ----- */
#termineKochkurse{
    margin-top:0px;
}
.btnAnmelden{
    float:right;
    margin-right:30px;
}
#login{
    position:absolute;
    top:0px;
    left:5px;
    width:215px;
    height:324px;
}
#anmeldung{
    position:relative;
    top:0px;
    left:220px;
    width:380px;
    height:320px;
    overflow:auto;
}
#anmeldung p{width:300px;}
#anmeldung div, #login div{
    float:left;
    margin-top:8px;
    margin-right:10px;
}
#divRechnungsanschrift{
    width:300px;
}
#divRechnungsanschrift div{
    float:left;
    margin-right:10px;
}
input.form-error{
    float:left;
    margin-right:10px;
}
#login div#btnGoLogin{
    float:right;
    margin-top:-25px;
    margin-right:30px;
}
#anmeldung div#btnGoAnmeldung{
    float:right;
    margin-top:-25px;
    margin-right:35px;
}
#login input, #anmeldung input,
#anmeldung select{
    width:145px;
    height:18px;
}
#infoGutscheine{
    margin-left:30px;
    color:red;
    font-size:125%;
    font-weight:bold;
}
/* ---------- Kontakt Seite ----------*/
#kontakt input{
    width:250px;
}
#btnGoKontakt{
    float:right;
    margin-top:-25px;
    margin-right:145px;
}
#kontaktDanke{
    display:none;
}
/* ++++++++++ Right Content Div (bei 2 Teilung)+++++++++++++ */
#innerContentRight{
    position:absolute;
    top:30px;
    left:302px;
    height:324px;
    width:600px;
    overflow:auto;
}
#innerContentRight p{
    width:540px;
}
#innerContentRight ul {
    margin-left:50px;
}
#restaurantTeaser{
    position:absolute;
    left:0px;
    top:-180px;
}
/* ++++++++++ Middle Content Div (bei 3 Teilung)+++++++++++++ */
#innerContentMiddle{
    position:absolute;
    top:30px;
    left:300px;
    height:324px;
    width:400px;
}
/* ++++++++++ total Right Content Div (bei 3 Teilung)+++++++++++++ */
#innerContentTRight{
    position:absolute;
    top:30px;
    left:702px;
    height:324px;
    width:200px;
}

/* ############################## */
/* ----- CSS der Home-Seite ----- */
#flashContainer{
    margin-top:20px;
    text-align:center;
    height:350px;
}
#flashContainer object{
    margin:auto;
}
/* ############################## */
/* ----- CSS der Fotoseite ----- */
#innerContentFotos{
    position:relative;
    top:40px;
    left:0px;
}
.album{
    position:relative;
    float:left;
    display:block;
    margin-left:40px;
    margin-bottom:20px;
    height:115px;
    width:215px;
}
.album img{
    float:left;
}
.album p{
    margin-top:50px;
    margin-left:105px;
    color:#000000;
}
#albumIntro{
    position:absolute;
    top:0px;
    left:30px;
    height:270px;
    width:145px;
}
#fotoThumbs{
    position:absolute;
    top:0px;
    left:175px;
    height:270px;
    width:600px;
}
.fotoThumb{
    float:left;
    display:block;
    height:72px;
    width:54px;
    margin-right:5px;
    margin-bottom:5px;
    overflow:hidden;
}
/* ----- CSS Impressum ----- */
#contentImpressum{
    padding:30px 50px;

}
/* ############################## */
/* ----- CSS der Bilderreihe im unteren Bereich ----- */
#footerImagesDiv{
    width:900px;
    height:50px;
}
#bottomImgs ul {
    list-style-type:none;
}
#bottomImgs ul li{
    display:inline;
    margin-right:3px;
}
#bottomImgs ul li.lastLi{
    margin-left:1px;
    margin-right:0px;
}
#bottomImgs ul li.firstLi{
    margin-right:4px;
}
/* ###################################### */
/* ----- CSS der unteren Navigation ----- */
#footerNaviDiv{
    width:900px;
    height:20px;
}
#bottomMenu ul {
    list-style-type:none;
}
#bottomMenu ul li{
    display:inline;
    margin-right:3px;
}
#bottomMenu ul li.lastLi{
    margin-left:1px;
    margin-right:0px;
}
#bottomMenu ul li.firstLi{
    margin-right:4px;
}
/* ############################## */
/* ----- CSS der ModalBox ----- */
#simplemodal-overlay {
  background-color:#000;
  cursor:not-allowed;
}

#simplemodal-container {
    margin-top:-50px;
/*    height:400px;*/
    width:605px;
    background-color:#fff;
    border:3px solid #ccc;
}

#simplemodal-container a.modalCloseImg {
    background:url(../img/x.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-14px;
    right:-18px;
    cursor:pointer;
}
/* ######################################################### */
/* ----- CSS der Inhalte, die in der Modal Box erscheinen ----- */
.modalTopImg{
    float:left;
    height:55px;
    width:225px;
}
.modalTopText{
    float:right;
    height:55px;
    width:380px;
    background-color:#b3b3b3;
}
.modalTextTopRight{
    line-height:27px;
    font-size:18px;
    font-weight:bold;
    color:white;
}
.modalTeaser{
    clear:both;
    height:24px;
    width:605px;
}
.modalText{
    min-height:321px;
    width:605px;
    text-align:left;
    font-size:10px;
    font-family:Arial;
    color:black;
}
.modalText p{
    margin:10px 20px;
}
#druckRezept{
    float:right;
    margin-right:10px;
    color:red;
}
.meldung,
#FischdesMonats,
#Weinempfehlung,
#Rezept,
#Shop,
#produktdetail{
    display:none;
}
/* ----- Shop-Bereich ----- */
.ulWarenkorb{
    list-style-type:none;
    height:200px;
    width:220px;
    overflow:auto;
}
.ulWarenkorb li{
    margin-top:5px;
    width:200px;
    border-bottom:1px solid #808080;
}
#produktPaginator{
    position:absolute;
    left:0px;
    bottom:35px;
    height:35px;
}
#linkAGB{
    position:absolute;
    left:0px;
    bottom:0px;
    height:35px;
}
#linkAGB a{
    text-decoration:none;
}
#listeBestellung{
    width:550px;
    height:220px;
    margin-bottom:10px;
    overflow:auto;
}
#ulNaviBestellung li{
    width:130px;
    list-style-type:none;
    font-size:14px;
}
#ulNaviBestellung li a{
    text-decoration:none;
}
#ulNaviBestellung li:hover{
    background-color:#0274be;
}
#ulNaviBestellung li:hover a{
    color:white;
}

#ulNaviBestellung li a:hover{
    text-decoration:underline;
}

.katDiv,
.prodDiv{
    float:left;
    display:block;
    width:190px;
    height:70px;
    margin:0px 10px 10px 0px;
}
.katBild{
    float:left;
    display:block;
    width:60px;
    height:70px;
    border:1px solid black;
}
#innerContentRight span.katTitel,
#innerContentRight span.prodTitel{
    font-size:10px;
    font-weight:bold;
}
#innerContentRight p.katBeschreibung,
#innerContentRight p.prodBeschreibung{
    float:left;
    display:block;
    margin-left:5px;
    width:120px;
    height:70px;
    font-size:8px;
    line-height:1em;
}
.prodBild{
    float:left;
    display:block;
    width:60px;
    height:70px;
    border:1px solid black;
}
#prodContent{
    margin:40px 0px 0px 85px;
    width:440px;
    height:240px;
}
#prodMImg{
    float:left;
    display:block;
    width:130px;
    height:150px;
    border:1px solid black;
    text-align:center;
    overflow:hidden;
}
#prodLangBeschr{
    float:left;
    display:block;
    margin-left:30px;
    width:275px;
    height:150px;
}
.prodDetHeadline{
    font-size:12px;
    line-height:11px;
    font-weight:bold;
}
.prodDetVersand{
    float:right;
    line-height:6px;
    font-size:8px;
}
#prodDetLangBeschr{
    float:left;
    display:block;
    margin:0px;
    width:275px;
}
#warenkorbMeldung{
    font-size:12px;
    font-weight:bold;
    font-color:red;
}
/* ----- Admin-Bereich ----- */
#tableSMeldungenHead{
    table-layout:fixed;
    background-color:#e3e3e3;
    border-left:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    border-collapse:collapse;
}
#tableSMeldungen{
    table-layout:fixed;
    border-left:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    border-collapse:collapse;
}
th{padding-left:4px;}
.th1{width:60px;text-align:center;}
.th2{width:180px;}
.th3{width:180px;}
.th2_3{width:360px;}
.th4{width:120px;}
.th5{
    width:50px;
    padding-left:0px;
    text-align:center;
}
.th6{width:50px;}
.th7{width:50px;}
.th100{width:100px;}
.th120{width:120px;}
.th150{width:150px;}
.th250{width:250px;}

td{padding-left:4px;}
.td1{width:60px;}
.td2{width:180px;}
.td3{width:180px;}
.td2_3{width:360px;}
.td4{width:120px;}
.td5{
    width:50px;
    padding-left:0px;
    text-align:center;
}
.td6{width:50px;}
.td7{width:50px;}
.td100{width:100px;}
.td120{width:120px;}
.td150{width:150px;}
.td250{width:250px;}
tr:hover td{
    background-color:#e3e3e3;
/*    cursor:pointer;*/
}
.trOdd{background-color:#fafafa;}
.trEven{background-color:#f1f1f1;}

#divMeldung{ margin:auto;margin-top:20px;width:800px;text-align:left;}
#divAdressblock, #divKontaktblock, #divMeldungsblock, #divDatumsblock{
    position:relative;
}
#divResultNote{
    text-align:center;
    color:red;
    font-size:150%;
}
.divEintrag{
    float:left;
    display:block;
    width:300px;
    margin:0;
    padding:5px 0 15px 90px;
}
.pEintrag{
    float:left;
    margin-left:-100px;
    width:100px;
    padding-top:5px;
}
.divEintragDetails{
    width:240px;
    margin:0;
    padding:5px 0 15px 5px;
    background-color:#f1f1f1;
}
.pEintragDetail{
    width:400px;
    margin:0;
    padding:0 0 15px 115px;
}
.spanEintragDetail{
    float:left;
    margin-left:-115px;
    width:110px;
}
div.error-message{
    clear:both;
    display:block;
    color:red;
    width:145px;
}
#flashMessage{
    width:800px;
    margin:auto;
    margin-top:5px;
    padding:5px 0px;
    border:2px solid black;
    color:red;
    font-size:150%;
    text-align:center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari 3.0 and Chrome rules here */

    #login div#btnGoLogin{
        margin-top:23px;
    }
    #anmeldung div#btnGoAnmeldung{
        margin-top:23px;
    }

}
/* ------------- BACKEND ----------- */