@font-face {
font-family:SourceSansProRegular;
src:url("../fonts/SourceSansPro-Regular-webfont.eot");
src:url("../fonts/SourceSansPro-Regular-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/SourceSansPro-Regular-webfont.woff") format("woff"),
url("../fonts/SourceSansPro-Regular-webfont.ttf") format("truetype"),
url("../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: SourceSansProSemibold;
src: url("../fonts/SourceSansPro-Semibold-webfont.eot");
src: url("../fonts/SourceSansPro-Semibold-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/SourceSansPro-Semibold-webfont.woff") format("woff"),
url("../fonts/SourceSansPro-Semibold-webfont.ttf") format("truetype"),
url("../fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family:SourceSansProBold;
src:url("../fonts/SourceSansPro-Bold-webfont.eot");
src:url("../fonts/SourceSansPro-Bold-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/SourceSansPro-Bold-webfont.woff") format("woff"),
url("../fonts/SourceSansPro-Bold-webfont.ttf") format("truetype"),
url("../fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: SourceCodeProRegular;
src: url('../fonts/SourceCodePro-Regular-webfont.eot');
src: url('../fonts/SourceCodePro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/SourceCodePro-Regular-webfont.woff') format('woff'),
url('../fonts/SourceCodePro-Regular-webfont.ttf') format('truetype'),
url('../fonts/SourceCodePro-Regular-webfont.svg#SourceCodeProRegular') format('svg');
font-weight: normal;
font-style: normal;
}

body {
background-color:#ccc;
margin:0px;
padding:0px;
font-family:SourceSansProRegular, sans-serif;
font-style:normal;
font-weight:normal;
text-decoration:none;
font-size:14px;
color:#000; /* mac #333*/
}

img {
border:none;
}

a:link {
text-decoration:none;
color:inherit;
}

a:hover {
text-decoration:none;
color:#c00;
}

a:active {
text-decoration:none;
color:#c00;
}

a:visited {
text-decoration:none;
color:inherit;
}

a:visited:hover {
text-decoration:none;
color:#c00;
}

#wrapper {
width:1180px;
height:670px;
margin:0px auto;
background:#ccc url(../images/bg_main.png) no-repeat 0px 0px;
position:relative;
}

@media only screen and (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
#wrapper {
background-image: url(../images_hr/bg_main.png);
background-size: 1180px;
}}

#header {
width:1160px;
height:160px;
margin:0px 10px;
position:absolute;
z-index:2;
}

#logo {
top:0px;
left:0px;
width:1160px;
height:140px;
position:relative;
}

#navbar {
width:800px;
margin-left:360px;
margin-top:-17px;
position:absolute;
color:#666;
font-family:SourceSansProBold, sans-serif;
font-size:16px;
}

#navbar ul {
margin:0px;
list-style-type:none;
}

#li_navitem_right {
padding-right:20px;
width:auto;
}

.li_navitem {
float:right;
width:110px;
padding:0px 5px;
border-left:1px solid #666;
}

.li_navpull:hover {
border-bottom:1px solid #666; /* deswegen eigene Klasse erforderlich */
border-right:1px solid #666;
margin-right:-1px;
background-color:#fff;
}

.li_navpull:hover .navmenu {
display:block;
}

.navmenu {
margin:0px;
padding:5px 0px;
line-height:1.5;
display:none;
}

.navmenu li {
position:relative;
}

.navmenu li:hover .submenu {
display:block;
}

.submenu {
top:5px;
left:90px;
position:absolute;
display:none;
padding:5px;
border:1px solid #666;
list-style-type:none;
line-height:1.5;
background-color:#fff;
}

.submenu:hover {
display:block;
}

a.defaultcursor {
cursor:default;
}

a.navstatus {
color:#900;
cursor:default;
}

a.navstatus:hover {
color:#900;
}

.subnavstatus {
margin-left:5px;
color:#900;
}

#content {
top:160px;
left:0px;
width:1120px;
height:450px;
margin:0px 30px;
position:absolute;
z-index:1;
line-height:1.2;
}

#content_left {
width:360px;
height:450px;
margin:0px;
float:left;
}

#content_center {
width:360px;
height:450px;
margin:0px;
margin-left:20px;
float:left;
}

#content_right {
width:360px;
height:450px;
margin:0px;
margin-left:20px;
float:left;
}

#content_left_large {
width:740px;
height:450px;
margin:0px;
float:left;
}

#content_right_large {
width:740px;
height:450px;
margin:0px;
margin-left:20px;
float:left;
}

#content a:link {
font-style:italic;
border-bottom:1px dotted #000;
}

#content a:hover {
border-bottom:1px dotted #c00;
}

#content h1 {
font-family:SourceSansProBold, sans-serif;
font-weight:normal;
font-style:normal;
font-size:16px;
}

#content h2 {
font-family:SourceSansProSemibold, sans-serif;
font-weight:normal;
font-style:normal;
font-size:14px;
}

#content ul {
margin:0px;
list-style-type:square;
padding-left:15px;
}

#content b {
font-family:SourceSansProSemibold, sans-serif;
font-weight:normal;
font-style:normal;
}

#content i {
font-style:italic;
}

.h1spacer {
height:30px; /* webkit 29px */
}

.hidden {
display:none;
}

.block {
display:block;
}

.invisible {
visibility:hidden;
}

.visible {
visibility:visible;
}

.left_img {
margin-top:12px;
}

#quote {
font-family:SourceCodeProRegular, monospace;
font-weight:normal;
font-style:normal;
font-size:16px;
line-height:1.4;
cursor:default;
/* index.html */
}

#license {
font-size:10px;
color:#666;
margin-top:80px;
margin-left:400px;
/* index.html */
}

#hint {
width:360px;
margin-top:60px;
border:1px solid #666;
border-radius:10px;
box-shadow:-2px -2px rgba(0,0,0,0.4);
position:absolute;
padding:20px;
background-color: #fff;
/* index.html */
}

#hint_bg {
margin-top:10px;
margin-left:350px;
width:350px;
height:368px;
border:1px solid #666;
border-radius:10px;
box-shadow:-2px -2px rgba(0,0,0,0.3);
position:absolute;
background-image: url(../images/cd_cover.jpg);
/* index.html */
}

#poem {
width:740px;
height:380px;
position:relative;
/* resonanz.html */
}

#footer {
top:610px;
left:0px;
width:740px;
margin:20px 0px 0px 410px;
position:absolute;
color:#666;
}

#press_imgs2 {
top:230px;
left:0px;
position:absolute;
/* pressebilder.html */
}

.press_img {
float:left;
margin-top:12px;
margin-right:10px;
text-align:center;
/* pressebilder.html */
}

#press_img_text {
float:left;
margin-left:10px;
width:250px;
/* pressebilder.html */
}

#content .press_img a:link {
border-bottom:none;
/* pressebilder.html */
}

.readfurther {
margin-top:-10px;
/* presse.html */
}