/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}
/* Imports */
@import url('/css/reset.css');
@import url("global-forms.css");
/* Above Header */
#language{
display: inline-block;
background-image:url('../images/wood2.jpg');
float: right;
border: 1px solid #4a2a20;
color: #dcdcdc;
font-style: normal;
overflow: hidden;
padding: 6px;
text-align: right;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
webkit-box-shadow: 0 15px 12px -12px #3d3d3d;;
-moz-box-shadow: 0 15px 12px -12px #3d3d3d;;
box-shadow: 0 15px 8px -12px #3d3d3d;;
}
#flag{
margin-left:0.5em;
}
/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 800px;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
/*
Header
*****************/
#banner {
text-shadow: 1px 1px 1px #333;
position:relative;
z-index: 10;
margin: 0 auto;
padding: 1em 0 0 0;
}
/* Banner */
#banner h1 {font-size: 3.571em; line-height: .6;}
#banner h1 a:link, #banner h1 a:visited {
color: #000305;
display: block;
font-weight: bold;
margin: 0 0 .6em .2em;
text-decoration: none;
width: 727px;
}
#banner h1 a:hover, #banner h1 a:active {
background: none;
text-shadow: none;
}
#banner h1 strong {font-size: 0.36em; font-weight: normal;}
/*
Body
*****************/
#content {
background-image:url('../images/marble4.jpg');
background-repeat:repeat;
border: 1px solid #a5a8a7;
/*background: #fff;*/
margin-bottom: 2em;
overflow: hidden;
padding: 10px 10px 10px 10px;
width: 780px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 15px 12px -12px #3d3d3d;
-moz-box-shadow: 0 15px 12px -12px #3d3d3d;
box-shadow: 0 15px 12px -12px #3d3d3d;
}
/*
About
*****************/
#about {
background-image:url('../images/wood2.jpg');
background-repeat:repeat;
border: 1px solid #4a2a20;
font-style: normal;
margin-bottom: 2em;
overflow: hidden;
padding: 20px;
text-align: left;
width: 760px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 15px 12px -12px #3d3d3d;;
-moz-box-shadow: 0 15px 12px -12px #3d3d3d;;
box-shadow: 0 15px 12px -12px #3d3d3d;;
}
#about .primary { padding: 26px 0px 0px 0px; color:#dcdcdc; float: left; width: 178px;}
#about .primary strong { text-shadow: 2px 2px 2px #333; color: #dcdcdc; display: block; font-size: 1.286em;}
#about .photo {float: left; }
#about .url:link, #about .url:visited {text-decoration: none;}
#about .bio {color:#dcdcdc; float: right; width: 500px;}
/*
Footer
*****************/
#contentinfo {padding-bottom: 2em; text-align: right;}
#misc{
float:right;
}
#copyright{float:left;}
/* Blog */
.hentry {
border-bottom: 1px solid #eee;
padding: 1.5em 0;
}
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}
.entry-title {font-size: 1.429em; margin-bottom: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none;}
.hentry .post-info * {font-style: normal;}
/* Content */
.hentry footer {margin-bottom: 2em;}
.hentry footer address {display: inline;}
#posts-list footer address {display: block;}
/* Blog Index */
#posts-list {list-style: none; margin: 0;}
#posts-list .hentry {padding-left: 200px; position: relative;}
#posts-list footer {
left: 10px;
position: absolute;
top: 1.5em;
width: 190px;
}
#posts-list .hentry:hover {
background: #a57560;
color: #fff;
}
#posts-list .hentry:hover a:link, #posts-list .hentry:hover a:visited {
color: #F6CF74;
text-shadow: 1px 1px 1px #333;
}
/***** Global *****/
/* Body */
body {
background-image:url('../images/marble2.jpg');
background-repeat:repeat;
color: #000305;
font-size: 80.0%; /* Base font size: 14px */
font-family: 'Roboto', sans-serif;
line-height: 1.429;
margin: 0;
padding: 0;
text-align: left;
}
/* Headings */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */
h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.1;
margin-bottom: .8em;
}
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
#about .primary a{
color: #a98159;
}
#about .primary a:hover, #about .primary a:active {
background-color: #7e6459;
color: #dcdcdc;
text-decoration: none;
text-shadow: 1px 1px 1px #333;
}
a:link, a:visited {
color: #42322c;
padding: 0 1px;
text-decoration: underline;
}
#contentinfo a:link, #contentinfo a:visited {
padding: 0 6px;
text-decoration: underline;
}
#copyright a:link, #copyright a:visited {
padding: 0 1px;
text-decoration: underline;
}
a:hover img {
border: none !important;
background-color: transparent !important;
text-decoration: none !important;
border-bottom: 0px !important;
display: inline !important;
}
a:hover, a:active {
background-color: transparent;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px #333;
}
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
/* Lists */
ul {
list-style: outside disc;
margin: 1em 0 1.5em 1.5em;
}
ol {
list-style: outside decimal;
margin: 1em 0 1.5em 1.5em;
}
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
/* Quotes */
blockquote {font-style: italic;}
cite {}
q {}
/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
/* Thead */
thead th {padding: .5em .4em; text-align: left;}
thead td {}
/* Tbody */
tbody td {padding: .5em .4em;}
tbody th {}
tbody .alt td {}
tbody .alt th {}
/* Tfoot */
tfoot th {}
tfoot td {}
/* NAVIGATION */
#navheader {
width: 760px;
height: 70px;
padding: 0 0 20px 0;
}
#nav {
border: 1px solid #4a2a20;
position: absolute;
width: 760px;
/*background-color: #333; */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
background-image:url('../images/wood2.jpg');
background-repeat:repeat;
/*background: #7e6459;*/
font-size: 1.143em;
height: 60px;
line-height: 30px;
margin: 0 auto 2em auto;
padding: 0.1;
text-align: center;
-webkit-box-shadow: 0 12px 10px -10px black;
-moz-box-shadow: 0 12px 10px -10px black;
box-shadow: 0 12px 10px -10px black;
}
#nav li {
text-shadow: 2px 2px 2px #333;
list-style: none;
float: left;
width: 20%;
height: 30px;
line-height: 30px;
text-align: center;
}
#nav ul {
margin: 0 0 0 0;
}
#nav li a {
width: 100%;
font-weight:bold;
color: #dcdcdc;
text-decoration: none;
display: block ;
}
#nav li a:hover {
color: black;
background: #796b61;
webkit-box-shadow: 0 12px 10px -10px black;
-moz-box-shadow: 0 12px 10px -10px black;
box-shadow: 0 12px 10px -10px black;
}
#homepage .homepage a, #homepage .homepage a:homepage,
#dienstleistungen .dienstleistungen a, #dienstleistungen .dienstleistungen a:hover,
#fotogalerie .fotogalerie a, #fotogalerie .fotogalerie a:hover,
#rezensionen .rezensionen a, #rezensionen .rezensionen a:hover,
#bewerbung .bewerbung a, #bewerbung .bewerbung a:hover,
#kontakt .kontakt a, #kontakt .kontakt a:hover,
#handwerk .handwerk a, #handwerk .handwerk a:hover,
#sport .sport a, #sport .sport a:hover,
#auftraege .auftraege a, #auftraege .auftraege a:hover {
background-color: #FFF;
color: #000;
cursor: default;
webkit-box-shadow: 0 12px 10px -10px black;
-moz-box-shadow: 0 12px 10px -10px black;
box-shadow: 0 12px 10px -10px black;
}
#homepage a {
color: black;
}
#nav li ul {
position: absolute;
display: none;
transition-delay: .25s;
}
#nav li:hover ul {
display: block;
transition-delay: .25s;
}
#nav li ul li {
float: none;
display: inline;
transition-delay: .25s;
}
#nav li ul li a {
min-width: 118px;
width: 100%;
position: relative;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
color: #dcdcdc;
background-image:url('../images/wood2.jpg');
background-repeat:repeat;
}
#nav li ul li a:hover {
background: #e1b754
color: #000;
}