/*mare Joomla Template auf lokalem PC für MARE-Kiel
Author:   John D Zatkos, MMConsult, MMC-Kiel
Author Web Site: www.mmc-kiel.com

assigned colors.
redbrown:                #8b0002
lightgrey:                #fbfbfb
lightgrey border:   rgb(233, 233, 233)
lightbeige:                #faf8f4
beige:                #eee7dc
-------------------------------------------
*/


/* FACILE FORMS */

div.facile_forms_mmc_mare{
width: 100%;
height: 100%;
background: white;
}


#ff_elem143,#ff_elem145,#ff_elem153,#ff_elem155,#ff_elem157,#ff_elem147,#ff_elem159,form.facile_forms_mmc_mare textarea{
border: 1px solid #8b0002;
}


input#ff_elem151{
color:#8b0002;
border: 1px solid #8b0002;
background-color: #DDD4C3;
}


/* general stuff */

body {
        margin:0;
        padding:0;
        text-align:center;
        font-family:verdana, arial, sans-serif;
        background:#B7B7B7 url(/images/bg000000.gif) repeat-x;
        /*font-size:0.75em;*/
        font-size: 10px;
        line-height:1.6em}

p {
        margin: 5px 0 5px 0;
        font-family:verdana, arial, sans-serif;
        font-size: 10px;
        line-height:1.6em}

h1 {
        font-size:1.6em;
        font-weight:bold;
        margin:20px 0 10px 0;
        padding:0;
        color:#8b0002}
h2 {
        font-size:1.4em;
        font-weight:bold;
        margin:3px 0 5px 0;
        padding:0;
        color:#8b0002}

h3 {
        font-size:1.2em;
        font-weight:bold;
        margin:5px 0 5px 0;
        padding:0;
        color:#8b0002;
        display:inline;}
h4 {
        font-size:1.2em;
        font-weight:bold;
        margin:5px 0 5px 0;
        padding:0;
        color:#000}

h5 {
        font-size:1em;
        font-weight:bold;
        margin:5px 0 0 0;
        padding:0;
        color:#8b0002}

h6 {
        font-size:1em;
        font-weight:bold;
        font-style:italic;
        margin:5px 0 0 0;
        padding:0;
        color:#000}

address {
        font-size:0.9em;
        margin:5px 0 5px 0;
        font-style:italic;
        padding:0;
        color:#000}

.invisible {
                visibility: hidden}
.sitemap {
        width: 100%;
        text-align: left;
}
a {
        text-decoration:none;
        border:none;
        color:#8b0002}

a:hover {
        text-decoration:underline;
        border:none}

/* Snippet Elements*/
.bildtext { /* z.B. Weine */
        margin: 5px auto 5px auto;}

table.bildtext {
        width:455px;}

.header { /* z.B. Arrangements */
        background: url(/images/textbox_.jpg) repeat-x;
        height: 30px;
        padding: 0 10px 0 10px;
        line-height:30px;
        color: white;
        font-size: 10px;}

.user5, .textbox, table.textbox, td.textbox, div.textbox { /* z.B. Weine */
        background: #fff;
        border: 1px solid rgb(233, 233, 233);
        padding: 5px 10px 5px 10px;
        font-size: 10px;
        color: #444;
        margin:0;}
 .user5{
        margin:0px 47px 10px 47px;
        }

.textbox ul {
        margin: 0 0 20px 30px;}

.textbox2 {
        width: 530px;
        padding: 10px}

.textbox_anwendungen { /* z.B. Arrangements */
        background: #fff;
        border: 1px solid rgb(233, 233, 233);
        width: 320px;
        background: url(/images/marestri.gif) repeat top left;
        display: block;
        padding: 5px 10px 5px 10px;
        font-size: 10px;
        color: #444;}

.textbox_anwendungen ul {
        padding-left: 20px;
}

table.anwendungen { /* zusätzlich zu .textbox_anwendungen, größerer Abstand zwischwen den Boxen, notwendig für IExplorer*/
         margin-top:40px;}

/*weinkarte, mittagstisch*/
td.preis_separiert{
        border-left: 1px solid rgb(233, 233, 233);
        width: 60px;
        text-align: center;
        vertical-align:top;
        }
td.karte_spalte_links {
        width: 90px;
        vertical-align:top;}

/*Auszeichnungen für Bildergalerie Impressionen*/
/*buttons*/
a.next {
        display:block;
        margin-bottom:5px;
        height:17px;
        width:21px;
        border:0;
        padding:0;
        text-decoration:none;
}

a.next:link, a.next  {
        background: url(/images/next0000.gif) top right no-repeat;
}

a.next:hover  {
        background: url(/images/next_ove.gif) top right no-repeat;
}

a.previous {
        display:block;
        height:17px;
        width:21px;
        margin-bottom:5px;
        border:0;
        padding:0;
        text-decoration:none;
}

a.previous:link, a.previous {
        background: url(/images/back0000.gif) no-repeat;
}

a.previous:hover   {
        background: url(/images/back_ove.gif) no-repeat;
}

.impressbox {
        background: #fff;
        text-align:center;
        border: 1px solid rgb(233, 233, 233);
        width: 421px;
        padding: 5px;
        margin-top: 10px;
        font-size: 10px;
        color: #444;
}
.impress_text {
        margin:10px auto 10px auto;
}
td.bildbox {
        vertical-align: top;
        padding-top:8px;
        padding-left:5px;
}
.bildbox img{
        border: 1px solid rgb(233, 233, 233);
        padding: 5px;
        margin-right: 10px;
}

/* a la carte*/
/*.bildbox_karte,*/
.bildbox_karte_rechts {
/*Auszeichnungen für A La Carte*/
        vertical-align: top;
}

.bildbox_karte_rechts img{
        border: 1px solid rgb(233, 233, 233);
        padding: 5px;
        margin-left: 10px;
}

.bildbox_anfahrt img{
/*Auszeichnungen für Anfahrt Bild rechts*/
        border: 1px solid rgb(233, 233, 233);
        padding: 5px;
        margin-left: 0px;
        vertical-align: top;
}

/*Seperator für A la carte*/
table.bottomline td{
        border-bottom: 1px solid rgb(240, 240, 240);
}

.preis { /*preis ohne seperator*/
        width:60px;
        text-align:right;
}

/*Extended Calendar */
.mare_button_more{
        width: 100%;
        text-align:right;
        text-decoration:none;
        line-height:1.5em;
        margin:5px 0 5px 0;}
.mare_button_more a{
        background:url(/images/button_f.jpg) no-repeat left;
        padding:0 15px 0 20px;
        font-weight:normal;
        color:#444;        }
.mare_button_more a:hover, .mare_button_more a:focus{
        text-decoration: none;
        color:#990000;}

.mare_button_download{
        width: 100%;
        text-align:left;
        text-decoration:none;
        line-height:1.5em;
        margin:5px 0 5px 0;}
.mare_button_download a{
        background:url(/images/button_d.gif) no-repeat left;
        padding:0 15px 0 20px;
        font-weight:normal;
        color:#444;        }
.mare_button_download a:hover, .mare_button_download a:focus{
        text-decoration: none;
        color:#990000;}

/* Joomla! Auszeichnungen */
.blog_more {
        font-size: 0.8em}

a.readon:hover {
        background: #EEEEEE url(/images/readon00.gif) no-repeat left;
        text-decoration: none}
/*sauna styles*/
td.sauna_ueberblick_img{
        border: 1px solid rgb(233, 233, 233);
        text-align:center;}

/* markenwerk flash*/
div.contentpane_markenwerk {
        position:relative;
        top:-5px;
        left:-10px;
}
/* Layout */

#accessibility {
        position:absolute;
        left:-2000px;
        top:-2000px;
        display:none;
}

#page{
        width:807px;
        text-align:left;
        margin:0 auto 20px auto;
        background:#fbfbfb url(/images/page0000.jpg) top left repeat-y;
}

#header {
        border:0px;
        width:807px;
        background:url(/images/header00.gif) top left no-repeat;
}

#headerright {
        position: relative;
        top:18px;
        right: 16px;
        height:320px;
        width:100%;
        /*background:url(/images/header_d.jpg) bottom right no-repeat;*/
}

#topleft {
        height:26px;
        width:175px;
        background:#FC6;
        float:left;
}

#search {
        width: 165px;
        height: 26px;
        padding:0 0 0 5px;
}

#search .inputbox{
        width:155px;
        height:1.5em;
        font-size:1.1em;
        font-weight:bold;
        color:#006;
        background:#fc6;
        margin:0;
        border:0;
}

#topmenu{
        height:20px;
        float:right;
        width:568px;
        background:url(/images/topmenu0.jpg) top left no-repeat;
}

#pathway{
        width:400px;
        height:19px;
        padding:10px 0;
        font-size: 0.9em;
}

#leftcol{
        width:194px;
        float: left;
        position: relative;

        left:18px;


 }


#menushadow{/*verlauf unter dem linken mainmenu*/
        background:url(/images/menu_bot.jpg) top left no-repeat;
        display:block;
        height:227px;
        width:194px;
        position:relative;
        top:-64px;
 }


#outer{
        width:100%;
        padding-bottom: 5px;
        border: 0;
        margin: 0;
}

#inner{
        width:100%;
        background:url(/images/inner-80.gif) top left repeat-y;

}

#footer{
        height:25px;
        width:100%;
        background: url(/images/footer00.jpg) top left no-repeat;
        padding: 0;
}


#maincol{
         float:left;
         width:548px;
         padding:5px 10px 0 10px;
         background: url(/images/content0.jpg) top left repeat-x;
         margin-left:28px;
         margin-top:40px;

 }

iframe.wrapper {
        z-index:0;
}

.clr{
        clear:both;
}

.content {text-align:center;}

/* Modules */

div.module h3, div.module_login h3 {
        font-size:1.4em;
        width: 130px;
        font-weight: bold;
        margin: 10px 0 5px 0;
        padding: 0 0 0 5px;
        color:#060;
}

#user1{
        float: left;
        width: 49%;
}

#user2{
        float: right;
        width: 49%;
}

#user3 {
        width: 100%;
        text-align:center;
}

#user1 ul, #user2 ul, #user3 ul {
        list-style:none;
        margin:2px 0 5px 0.7em;
        padding: 0 0 0 0.7em}

.moduletable {position:relative; top:-64px; background-color:#8B0002;      }

#maincol div.moduletable {
        position:relative;
        width:100%;
        margin:0px 0 10px 0;
        border:1px solid #69c;
        font-size:0.8em}

#maincol div.moduletable h3 {
        font-size:1.4em;
        font-weight:bold;
        margin:0;
        padding:0;
        height:20px;
        line-height:20px;
        color:#060;
        width:100%;
        border-bottom:1px solid #69c;
        text-align:left;
        text-indent:5px}

/* Redaktionsmenu */
#user3 ul.jan_gfx_menue
{
        list-style: none;
        padding: 0 18px 0 0;
}

#user3 ul.jan_gfx_menue li
{
        background-image: none;
        padding: 0;
        float: right;
        margin: 0 1px 0 1px;
}

#user3 ul.jan_gfx_menue a {
        display: block;
        text-decoration: none;
}


/* Topmenu */
ul#mainlevel_top
{
        list-style: none;
        margin: 0;
        padding:0;
        z-index:100;
}

ul#mainlevel_top li
{
        background-image: none;
        float: left;
        text-indent: 0;
}

ul#mainlevel_top li a.mainlevel_top {
        float: left;
        color: #666;
        font-size:9px;
        height: 10px;
        display:block;
        padding: 2px 5px 2px 5px;
        text-decoration:none;
        font-weight:normal;
        voice-family:"\"}\""; /* Box Model fix */
        voice-family:inherit;
        text-align: center;
        text-transform: uppercase;}

ul#mainlevel_top li a.mainlevel_top:hover {
        background: #fff;
        color: #8b0002;}

ul#mainlevel_top li a.mainlevel_top#active_menu_top {
        background: #fff;
        color: #8b0002;}



/* Redaktionsmenu*/

ul#mainlevel_redaktion li {
        float:left;
        padding-right:2px;
}

ul#mainlevel_redaktion, ul#mainlevel_redaktion li ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display:block;
}

ul#mainlevel_redaktion a.mainlevel_redaktion {
        color: #dbdbdb;
        background: url(/images/menu_nor.jpg) top left no-repeat;
        font-size:9px;
        width:97px;
        height: 14px;
        display:block;
        line-height:12px;
        text-decoration:none;
        font-weight:normal;
        voice-family:"\"}\""; /* Box Model fix */
        voice-family:inherit;
        text-align: center;
        text-transform: none;
        letter-spacing: 0.1em;
        padding: 0 0 0 0;}

ul#mainlevel_redaktion a.mainlevel_redaktion:hover {
        background: url(/images/menu_hoo.jpg) top left no-repeat;
        padding: 0;}

ul#mainlevel_redaktion a.mainlevel_redaktion#active_menu_redaktion {
        color: #fff;
        background: url(/images/menu_act.jpg) top left no-repeat;}




/* Left Main- and Sublevel Menus */


ul#mainlevel, ul#mainlevel li ul, ul#sublevel, ul#sublevel li ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display:block;
}

ul#mainlevel a.mainlevel {
        color: #dbdbdb;
        background: url(/images/menu_nor.jpg) top left no-repeat;
        font-size:10px;
        width:194px;
        height: 30px;
        display:block;
        line-height:2.7em;
        text-decoration:none;
        font-weight:normal;
        voice-family:"\"}\""; /* Box Model fix */
        voice-family:inherit;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding: 0;}

ul#mainlevel a.mainlevel:hover {
        background: url(/images/menu_hoo.jpg) top left no-repeat;
        padding: 0;}

ul#mainlevel a.mainlevel#active_menu {
        color: #fff;
        background: url(/images/menu_act.jpg) top left no-repeat;}

a.sublevel {
        color: #dbdbdb;
        background: url(/images/menu_sub.jpg) top left no-repeat;
        font-size:10px;
        width:194px;
        height: 30px;
        display:block;
        line-height:2.7em;
        text-decoration:none;
        font-weight:normal;
        voice-family:"\"}\""; /* Box Model fix */
        voice-family:inherit;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1em;}

a.sublevel:hover {
        background: url(/images/menu_sub.jpg) top left no-repeat;
        padding: 0;
        text-decoration:none;}

a.sublevel#active_menu {
        color: #fff;
        background: url(/images/menu_sub.jpg) top left no-repeat;
        text-decoration:none;}




/*------------------bottom navigation-------------------*/

ul#mainlevel_bottom
{
        list-style: none;
        margin:0;
        padding:0;
}

ul#mainlevel_bottom li
{
        list-style: none;
        padding-right:10px;
        float: right;
}

ul#mainlevel_bottom li a.mainlevel_bottom {
        color: #999;
        font-size:9px;
        padding: 2px 5px 1px 5px;
        text-decoration:none;
        font-weight:normal;
        voice-family:"\"}\""; /* Box Model fix */
        voice-family:inherit;
        text-transform: uppercase;}

ul#mainlevel_bottom a.mainlevel_bottom:hover {
        color: #8b0002;}

ul#mainlevel_bottom a.mainlevel_bottom#active_menu_bottom {
        color: #8b0002;}


#leftcol div.module_login div div div table, #leftcol div.module_login div div div form {
        width:155px;
        margin:0;
        padding:3px 0 10px 10px;}

/* Other Mambo Stuff */

hr {
        width: 90%;
        color:#69c}

hr.separator {
        width:40%}

.small {
        font-size:0.8em;
        color:#ABABAB;
        line-height:0.7em}

.smalldark {
        font-size:0.8em;
        color:#000;
        line-height:0.7em}

.sectiontableentry1 {
        text-align:left;
        font-size:0.9em;
        padding:2px}

.sectiontableentry2 {
        background:#b8d0e9;
        font-size:0.9em;
        text-align:left;
        padding:2px}

.inputbox {
border:1px solid #006}

.createdate {
        font-size: 1em;
        color: #999;
        line-height:1em;
        padding-bottom:10px}

.modifydate {
        font-size:0.8em;
        color:#9c9;
        line-height:1em;
        margin-bottom:5px}

a.readon {
        font-size:0.8em;
        text-decoration:none;
        line-height:1.5em;
        border:1px solid #9c9;
        padding-left:13px;
        background:url(/images/readon00.gif) no-repeat left;
        margin-top:10px;
        font-weight:normal}

.blog_more {
        font-size: 0.8em}

a.readon:hover {
        background: #EEEEEE url(/images/readon00.gif) no-repeat left;
        text-decoration: none}

.blog {
        width: 100%}

.contentheading {
        width: 98%;
        font-weight: bold;
        font-size: 1.4em;
        font-family:verdana, sans-serif;
        color: #8B0002;
        padding-bottom:10px}

.contentheading_news {
        font-weight: bold;
        font-size: 1.2em;
        color:#444;}

td.contentheading_news {}

.contentpaneopen {
        text-align: left;
        font-size: 1em;
        line-height: 1.8em;
        margin: auto;}

.blog_news {
        position: relative;
        top: -7px;
        text-align: left;
        font-size: 1em;
        line-height: 1.8em;
        background: #fff;
        color: #333;
        width: 455px;
        border: 1px solid rgb(233, 233, 233);
        margin: 0 auto 10px auto;
        padding:5px 5px 0 5px;}

table.contentpaneopen {
        font-size: 1em;
        line-height: 1.8em;
        margin:auto}

table.contentpane td.contentheading {
        border: none;}

table.contentpane ul {
        margin:0;
        padding:0;
        list-style:none}

table.contentpane ul li{
        padding:0 0 0 15px;
        margin:0}

.contentdescription {
        font-size: 0.8em}

.sectiontableheader {
        font-weight: bold;
        font-size: 0.9em;
        height: 25px;
        line-height: 25px}

.categorytitle {
        font-weight:bold;
        font-size:1.2em;
        height:25px;
        line-height:25px;
        font-family:verdana, sans-serif}

.componentheading {
        width:98%;
        font-weight:bold;
        font-size: 1.2em;
        border-bottom:1px solid #8b0002;
        font-family:verdana, sans-serif;
        color:#8b0002;
        margin:10px 0 10px 0}

div.componentheading_news {
        background: url(/images/textbox_.jpg) repeat-x;
        width: 435px;
        height: 30px;
        margin: 8px auto 0 auto;
        padding: 7px 10px 0 10px;
        color: white;
        text-align: left;
        font-size: 10px;}

a.category {
        text-decoration:underline;
 }

.poll {
        font-size:0.9em;
        text-align:center}

.back_button a{
        font-size:0.8em;
        font-weight:500}

.blogsection {
        font-size: 0.9em}

.blog_more ul li{
        list-style: none;
        padding-left: 14px;
        line-height: 18px}

table.contenttoc {
        border: 1px solid #CCCCCC;
        padding: 3px}

table.contenttoc th{
        font-weight: bold;
        font-size: 10px;
        border-bottom: 1px solid #BBBBBB}

form {
        margin:0;
        padding:0}

select {
        color: #666;
}

.article_seperator{
        display: none;}

table.blog_news span.article_seperator{
        width:100%;
        height: 1px;
        display: block;
        border-bottom: 1px solid rgb(233, 233, 233);
        margin: 5px 0 20px 0;
        position: relative;
        top: 1px}

.popup_startseite, .popup_soulgarden, .popup {
 /* background: #ede7db; */
 background: url(/images/beige_tr.png);
 border: 1px solid #cccccc;
}
.popup_startseite img {
  border-color:#88080b;
  }
.popup_soulgarden img {
  border-color:#3d712f;
  }

.mesaj_informare {
        font-size:12px;
        color:#990100;
        font-weight:bold;
        border:1px solid #990100;
        padding:5px;
        margin: 0 5px 0 5px;
        text-align:left;
}
.table_border {
        border: 1px solid #999999;
        padding: 5px;
        }