/**
 * Project: kaffeehaus-cuxhaven.de-Website
 * File: kaffeehaus.css
 *
 * @copyright 2007 http://www.clkm.de/
 * @author Cornelia Lange
 *
 */

* {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
body {
font: 96% 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif; 
text-align: center;
color: #333;
background: #fff url(/files/global_files/68258e9c99012577920c6d7633ecc48b1bcd7c7f_bg_body.gif) 50% 0 repeat-y;
}
b, strong {
font-weight: bold;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}
a img {
background: transparent;
border: 0 none;
}
h1, h2, h3, h4 {
font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #333;
font-weight: normal;
}
h1 {
margin: 0 0 22px 0;
}
h2 {
font-size: 1.4em;
margin: 10px 0 10px 0;
}
h3 {
font-size: 1em; 
}
h4 {
font-size: 0.80em;
}
p, a, label, li, .vcard, textarea, input, address {
font-size: 0.86em;
}
p a,h1  a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, label a, dt, dd {
font-size: 100%;
}
a, 
a:link, 
a:visited {
text-decoration : underline; 
color : #333;
background: transparent;
}
a:hover, 
a:active {
text-decoration : underline;
color : #535161;
background: transparent;
} 
a:focus {
color: #333;
background: #fff;
}
a.intern {
text-decoration: none;
}
address {
font-style: normal;
}
#container {
position: relative;
width: 814px;
margin: 0 auto;
text-align: left;
background: #fff url(/files/global_files/68258e9c99012577920c6d7633ecc48b1bcd7c7f_bg_body.gif) 0 0 repeat-y;
}
p.contentfooter {
clear: both;
margin: 30px 0 20px 419px;
padding: 2px 0 2px 0;
}
#cuxkids {
position: absolute;
top: 0;
left: 450px;
}


#maincontent {
margin: 0 0 0 172px;
}
a.intern, a.extern {
display: inline;
font-weight: normal;
padding: 3px 0 3px 16px;
text-decoration: none;
}
a.intern:link, a.intern:visited {
color: #333;
bac\kground: transparent url(../global_files/internlink.gif) 0 3px no-repeat;
}
a.intern:hover, a.intern:active, a.intern.focus {
color: #DE7738;
bac\kground: transparent url(../global_files/internlink.gif) 0 -23px no-repeat;
}
a.top {
display: inline;
font-weight: normal;
padding: 3px 25px 3px ;
text-decoration: none;
}
a.top:link, a.top:visited {
color: #333;
bac\kground: transparent url(../global_files/toplink.gif) 0 3px no-repeat;
}
a.top:hover, a.top:active, a.top.focus {
color: #DE7738;
bac\kground: transparent url(../global_files/toplink.gif) 0 -23px no-repeat;
}

#column {
position: absolute;
top: 0;
left: 172px;
width: 225px;
color: #fff;
background: #DE7738;
text-align: center;
}
#column a {
color: #fff;
background: transparent;
}
#column h2 {
margin: 15px 0 10px 0
}
#column h2, #column h3, #column h4, #column p {
color: #EEEAEA;
}
#content {
min-height: 250px;
padding: 142px 0 0 247px;
}
#content p, #column p {
margin: 12px 0;
line-height: 1.4em;
}
#content p strong {
font-size: 95%;
}
#content ul {
margin-left: 20px;
}
#content ol {
margin-left: 25px;
}
#content ul.linkliste {
list-style: none;
margin-left: 0;
}
#content ul.linkliste a {
font-weight: bold;
}
#content li {
padding: 3px 0;
}
#menu {
position: absolute;
top: 142px;
left: 2px;
width: 170px;
}
#menu ul {
margin: 14px 0 20px 0;
list-style: none;
}
#menu ul ul {
margin: 0;
}
#menu li {
display: inline;
}
#menu li a, #menu li.on {
display: block;
padding: 6px 0 3px 0;
text-decoration: none;
font-weight: bold;
}
#menu li li a, #menu li li.on {
padding: 2px 0 2px 0;
font-weight: normal
}
#menu li.on {
color: #DE7738;
}
#menu li li.on {
font-weight: normal;
}

#marken {
position: absolute;
top: 88px;
left: 2px;
width: 170px;
}

/* Common Classes */
.jump, a.top span {
position: absolute;
top: -1000em;
left: -2000em;
}
.kleiner {
font-size: 70%;
}
.right {
text-align: right;
}
.clearb, .absatztrenner {
clear: both;
}
.bildlinks {
float: left;
padding: 0 10px 5px 0;
}
.bildrechts {
float: right;
padding: 0 0 5px 10px;
}
.preisrechts {
float: right;
width: 4em;
padding: 0 0 0 5px;
font-weight: bold;
color: #666;
}
#content ol.mittagstisch li {
padding: 10px 0;
}

/* Karte */

h2 { 
margin: 0;
clear: both;
}
#karte { 
margin: 0 0 22px 0;
width: 392px;
}
#karte h2 { 
margin: 22px 0 6px 0;
}
#karte dt {
font-weight: bold;
width: 100%;
border-bottom: 1px dotted #ccc;
padding: 10px 0 0 0;
color: #de7738;
}
#karte dd.preis {
float: right;
margin-top: -1.3em;
color: #999;
font-weight: bold;
}
#karte dd.zutaten {
font-size: 75%;
font-weight: bold;
color: #777;
}


/* Google Map */

#map {
position: relative;
width: 450px;
height: 300px;
background: transparent;
}
#map p.prepare {
padding: 3px 0 0 65px;
background: transparent;
}

.wcom_logo, 
a.wcom_logo:link, 
a.wcom_logo:visited, 
a.wcom_logo:hover, 
a.wcom_logo:active, 
a.wcom_logo:focus {
text-decoration: none;
padding: 4px 0 4px 24px;
background: transparent url(/files/global_files/27670a6a7853843bb54355c24ef93a526b1f135e_welcompose-logo-sm.gif) left no-repeat;
}
