@charset "UTF-8";
/* CSS Document */
/* for http://dkpianist.de */

/* ---------------- */
/* Webfonts */
/* ---------------- */

@import url(http://fonts.googleapis.com/css?family=open+Sans:400,400italic,700,700italic);

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200);

/* ---------------- */
/* HTML Elements */
/* ---------------- */

body {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.3em;
margin: 0;
background: url(../img/2012/HG.jpg);
}
h1, h2 {
margin-top: 0;
font-weight: normal;
}
h3 {
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
a:link, a:visited {
color: #c33;
text-decoration: none;
border-bottom: 2px dotted #fcc;
}
a:hover {
color: #f66;
text-decoration: none;
border: none;
}

/* ------------------------------- */
/* Layout - global colors, widths, margins */
/* ------------------------------- */

.yan, .section p, .section h2, .section h3, .section table, #header {
padding-left: 40px;
}
.section p {
padding-right: 20px;
}
#nav {
padding-right: 40px;
}
#header, #content, #welcome, #footer, .section {
margin-left: auto;
margin-right: auto;
}
#header, #content, #welcome, #footer, #cat, .section {
width: 900px;
}
#welcome, .section, #cat {
clear: both;
background: #fcfcfc url(../img/2012/shade.png) no-repeat;
}
#footer, #welcome, .section {
margin-top: 15px;
}
.section {
padding-top: 30px;
padding-bottom: 20px;
}


/* ------------------------------- */
/* IDs */
/* ------------------------------- */

#header {
background: #fff;
padding: 1.2em 0 1.2em 0px;
border-width: 0 1px 1px 1px;
border-color: #666;
border-style: none;
}
#header a {
border: none;
}
#footer {
padding-top: 2em;
padding-bottom: 10em;
background: #111;
text-align: center;
font-size: .8em;
color: #777;
}
#footer p {
margin: 0;
}
#footer a {
border: none;
}
#footer a:link, #footer a:visited {
color: #777;
}
#footer a:hover {
color: #999;
}
#welcome {
height: 360px;
}
#portrait {
width: 480px;
height: 360px;
background: url(../img/2012/Foto80.jpg) -45px -20px no-repeat;
float: right;
margin-left: 20px;
}
/*
#welcome img {
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #999;
}
*/
#wrap {
width: 100%;
}
#error {
padding: 4em;
text-align: center;
width: 400px;
background: #fff;
margin: 150px auto 0 auto;
}
#preload {
visibility: hidden;
}
#cat {
background-image: none;
padding-top: 400px;
margin: 0 auto;
}
#cat a:link {
display: block;
clear: both;
height: 42px;
width: 100%;
background: url(../img/site/cat.png) center -42px no-repeat;
border: none;
}
#cat a:hover {
display: block;
clear: both;
height: 42px;
width: 100%;
background: url(../img/site/cat.png) center 0 no-repeat;
}

/* ------------------------------- */
/* Classes */
/* ------------------------------- */

.box {
border: 1px dotted #999;
}
.yan {
font-family: "Yanone Kaffeesatz";
text-transform: uppercase;
font-weight: 200;
font-size: 2.2em;
letter-spacing: 2px;
}
a:link.yan, a:visited.yan {
color: #000;
text-decoration: none;
}
a:hover.yan {
color: #444;
}
.claim {
color: #999;
}
.inside {
padding: 40px 0px 10px 45px;
width: 400px;
}
.quote {
margin-left: 40px;
margin-right: 40px;
font-family: Georgia, Times, serif;
line-height: 1.4em;
color: #333;
font-style: italic;
background: #f2eee6;
border: 1px solid #999;
padding: 1.5em !important;
}
.quote img {
border: 1px solid #999;
}
.quote a {
font-family: "Open Sans";
font-style: normal;
border: none;
}
.sep {
border-top: 1px solid #999;
margin-top: 1em;
padding-top: 1em;
}
.spacer {
height: 450px;
}
.term td {
vertical-align: top;
padding: 0 1.5em 6px 0;
/*
border-bottom: 1px dotted #aaa;
*/
line-height: 1.4em;
}
.alert {
color: #f00;
font-weight: bold;
}

/* ------------------------------- */
/* Navigation */
/* ------------------------------- */

#mainnav {
}
#mainnav a {
border: none;
color: #666;
text-decoration: none;
}
#mainnav a:hover {
color: #000;
}
#mainnav strong {
color: #000;
}
#mainnav a.active:link, #mainnav a.active:visited, #mainnav a.active:active {
text-decoration: none;
font-weight: bold;
color: #000;
}
#nav {
float: right;
padding-top: .5em;
}
#nav ul {
margin: 0;
padding: 0;
}
#mainnav ul, #mainnav li {
list-style-type: none;
}
#mainnav li {
/*
font-size: 1.1em;
*/
display: inline;
border: 0;
margin: 0 0 0 1em;
}
.lang {
padding-right: 1em;
font-size: .9em;
font-family: Georgia;
font-style: italic;
color: #999;
margin-top: .5em;
font-weight: normal;
}
.lang a:link, .lang a:visited {
color: #b77 !important;
}
.lang a:hover {
color: #000 !important;
}

/* ------------------------------- */
/* Video Embeds on Media page */
/* ------------------------------- */

#vidwrap {
/* wrap 2 YouTube embeds, 320px each, into one row including L+R margins */
border-top: 0px solid red;
width: 720px;
margin: 0 auto;
}
#vidwrap p {
margin-left: 0;
margin-right: 0;
}
#vidwrap p {
width: 100% !important;
}
.vidfloat {
float: left;
width: 320px;
margin: 0 20px;
}
.vidfloat p {
margin-top: .2em;
padding-left: 0;
}