/*-----------------------------------------------
$Id: drucken.css
     Druck Style Sheet
Customer: symrise.com
Author:   Cosmonauten
Version:  1.0
Creation Date:    2007/02/08
Last Modify:
-----------------------------------------------*/


/* --  basic HTML Styles
--------------------------- */

address, abbr, acronym, dfn	{
	font-variant:normal;
}

a, address, body, blockquote, caption, cite, div, dfn, dl, dt,
fieldset, h1, h2, h3, h4, img, input, label, legend,
li, ol, option, p, q, select, textarea, td, th, ul 	{
	font-family:Arial,Helvetica,sans-serif,"Trebuchet MS";
}

* {
	margin:0px;
    padding:0px;
}

body {
    margin:0 0 0 40px; /* setting top and bottom margin */
	padding:0;
    font-size:100.1%;
    background:#fff;
}
#skipToContent a, #skipToNav a {
	display:none;
}

#skipToContent a:focus, #skipToNav a:focus, #skipToContent a:active, #skipToNav a:active {
	display:none;
}
.hidden {
	display: none;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin-top:-1px;
}

h1, h2, h3, h4 {
   font-weight:bold;
}
h1 {
	font-size:120%;
    color:#666;
}
h2 {
  	font-size:160%;
    color:#666;
}
h3 {
	font-size:160%;
    color:#666;
}

h4 {
	font-size:1em;
    color:#666;
}
p {
	padding:0;
	margin:0;
	line-height: 16px;
}

a {
 	color: #B90022;
 	text-decoration: none;
}
form {
	margin:0;
    padding:0;
}
img {
	border:0;
}
ul {
	list-style: none;
    padding:0;
    margin:0;

}
fieldset {
	border:none;
}
#box-main {
     width:960px;
}

/* Head */
.head {
	position:relative;
    height:88px;
    width:580px;
}
.head img {
	display:none;
}
.head .logo {
	display:block;
    float:right;
}
.head ul {
	display:none;
}
#inhalt {
 	font-size: 0.75em;
    float:none;
    clear:both;
	overflow:hidden;
    border-top:1px solid #a8a09e;
	padding:20px 0 20px 0;
	border-bottom:1px solid #a8a09e;
}
.lCol {
	display:none;
}
.home .lCol {
	display:none;
}
.home .lCol img {
	display:none;
}

.mCol {

}
.mCol {
	width:580px;
}
.mCol h2 {
	margin-bottom:3px;
    font-size:100%;
}
.mCol p {
	color:#666;
    margin-bottom:18px;
    line-height:16px;
}
.mCol a:hover {
	text-decoration:underline;
}
.mCol ul {
	list-style:disc;
	color:#666;
    margin:0 0 18px 26px;
    padding:0;
}
.mCol ul li {
	list-style:disc;
    margin:0 0 7px 0;
    padding:0;
}

.home .mCol {
	height:456px;
    padding-bottom:0;
    width:520px;
}
.mCol .bild {
	clear:left;
    float:none;
    width:540px;
}
.mCol .bild img {
	margin-right:20px;
}
.mCol .bild span {
	display:block;
    font-size:96%;
	float:left;
    line-height:12px;
}
.mCol .big span,
.mCol .mid span,
.mCol .small span {
    padding:5px 0 10px 0;
    clear:left;
    float:none;
    color:#333;
}
.mCol .small span {
	width:230px;
}
.mCol .mid span {
	width:340px;
}
.art-teaser {
    padding-top:15px;
    margin-bottom:16px;
}
.art-teaser .inner {
	overflow:hidden;
    width:580px;
    padding-bottom:15px;
    clear:left;
}
.art-teaser img {
	float:left;
    margin:0 22px 0 15px;
}
.art-teaser .inner div {
	float:left;
    width:285px;
    margin-left:22px;
}
.art-teaser h2 {
	float:left;
    width:285px;
 	font-size: 1.8em;
    margin-bottom:7px;
}
.art-teaser p {
	float:left;
    width:285px;
    margin-bottom:0;
}
.teaser-liste {
	overflow:hidden;
    clear:left;
    float:none;
    width:580px;
}
.teaser-liste img {
	float:left;
    margin:0 20px 0 15px;
}
.teaser-liste p {
	width:305px;
    float:left;
    margin:0;
}
.media .teaser-liste p {
	width:400px;
}
.infobox {
	padding-top:18px;
    margin-bottom:16px;
}
.infobox .inner {
    width:580px;
    padding:0 0 15px 0;
}
.infobox .inner p {
	padding:0 25px 0 15px;
    margin-bottom:5px;
}
.infobox .inner h3 {
	font-size:130%;
	padding:0 25px 15px 15px;
    margin:0;
}
.mCol .infobox ul {
	margin-left:28px;
}
.mCol .infobox ul li {
	padding-right:25px;
}
.spacer {
	clear:left;
    float:none;
    height:1px;
    display:block;
    font-size:1px;
    margin:10px 0 10px 0;
}

/* Artikel Stories */

.stories h3,
.stories h2 {
    color:#B90022;
}
.insights h3,
.spotlights h3,
.people h3,
.stories h3 {
	margin-bottom:5px;
}
.stories .tfilled {
	background:url(img/bg_artteaser_stories_top.gif) #b90022 top no-repeat;
    width:580px;
    color:#fff;
}
.stories .tfilled a,
.stories .tfilled p,
.stories .tfilled h2 {
	color:#fff;
}
.stories .tfilled .inner {
	background:url(img/bg_artteaser_stories_bot.gif) #b90022 bottom no-repeat;
}
.stories .spacer {
	background:url(img/spacer_stories.gif) repeat-x;
}

.stories .infobox {
    background:url(img/bg_ibox_stories_top.gif) #fff top no-repeat;
}
.stories .infobox .inner {
    background:url(img/bg_ibox_stories_bot.gif) bottom no-repeat;
}

/* people */
.people h3,
.people h2 {
    color:#b9be14;
}
.people .tfilled {
	background:url(img/bg_artteaser_people_top.gif) #cbd217 top no-repeat;
    width:580px;
    color:#fff;
}
.people .tfilled a,
.people .tfilled p,
.people .tfilled h2 {
	color:#fff;
}
.people .tfilled .inner {
	background:url(img/bg_artteaser_people_bot.gif) #cbd217 bottom no-repeat;
}
.people .spacer {
	background:url(img/spacer_people.gif) repeat-x;
}
.people .infobox {
    background:url(img/bg_ibox_people_top.gif) #fff top no-repeat;
}
.people .infobox .inner {
    background:url(img/bg_ibox_people_bot.gif) bottom no-repeat;
}

/* spotlights */
.spotlights h3,
.spotlights h2 {
    color:#6fb0e3;
}
.spotlights .tfilled {
	background:url(img/bg_artteaser_spot_top.gif) #6fb0e3 top no-repeat;
    width:580px;
    color:#fff;
}
.spotlights .tfilled a,
.spotlights .tfilled p,
.spotlights .tfilled h2 {
	color:#fff;
}
.spotlights .tfilled .inner {
	background:url(img/bg_artteaser_spot_bot.gif) #6fb0e3 bottom no-repeat;
}
.spotlights .spacer {
	background:url(img/spacer_spot.gif) repeat-x;
}
.spotlights .infobox {
    background:url(img/bg_ibox_spot_top.gif) #fff top no-repeat;
}
.spotlights .infobox .inner {
    background:url(img/bg_ibox_spot_bot.gif) bottom no-repeat;
}


/* insights */
.insights h3,
.insights h2 {
    color:#9c0080;
}
.insights .tfilled {
	background:url(img/bg_artteaser_insight_top.gif) #9c0080 top no-repeat;
    width:580px;
    color:#fff;
}
.insights .tfilled a,
.insights .tfilled p,
.insights .tfilled h2 {
	color:#fff;
}
.insights .tfilled .inner {
	background:url(img/bg_artteaser_insight_bot.gif) #9c0080 bottom no-repeat;
}
.insights .spacer {
	background:url(img/spacer_insight.gif) repeat-x;
}
.insights .infobox {
    background:url(img/bg_ibox_insight_top.gif) #fff top no-repeat;
}
.insights .infobox .inner {
    background:url(img/bg_ibox_insight_bot.gif) bottom no-repeat;
}

/* events/media */
.events h2.catbox {
	background:url(img/bg_artteaser_event_top.gif) #e8b730 top no-repeat;
    padding-top:11px;
    font-size:150%;
    margin-bottom:20px;
}
.events h2.catbox span {
    color:#fff;
    margin-top:-4px;
	background:url(img/bg_artteaser_event_bot.gif) #e8b730 bottom no-repeat;
    padding:0 0 5px 15px;
    display:block;
    min-height:17px;
}
* html .events h2.catbox  {
    height:1em;
}
.events .spacer {
	background:url(img/spacer_event.gif) repeat-x;
}
.events h3 {
	color:#666;
    font-size:1em;
    margin:3px;
}
.events h4 {
	font-size:1em;
    margin-bottom:3px;
    color:#000;
}
.events h5 {
	color:#e8b730;
    font-size:160%;
    margin-bottom:5px;
}
* html .teaser-liste p {
    float:none;
    margin:0;
}
.events p.spacer {
	background:none;
}
.events .bild {
    margin-top:16px;
}

/* media */
.media h2.catbox {
	background:url(img/bg_artteaser_event_top.gif) #e8b730 top no-repeat;
    padding-top:11px;
    font-size:150%;
    margin-bottom:20px;
}
.media h2.catbox span {
    color:#fff;
    margin-top:-4px;
	background:url(img/bg_artteaser_event_bot.gif) #e8b730 bottom no-repeat;
    padding:0 0 5px 15px;
    display:block;
    min-height:17px;
}
* html .media h2.catbox  {
    height:1em;
}
.media .spacer {
	background:url(img/spacer_event.gif) repeat-x;
}
.media h3 {
	color:#666;
    font-size:1em;
    margin-top:3px;
}
.media h4 {
    margin-bottom:3px;
}
.media h5 {
	color:#e8b730;
    font-size:160%;
    margin-bottom:5px;
}
* html .teaser-liste p {
    float:none;
    margin:0;
}
.media p.spacer {
	background:none;
}
.media .bild {
    margin-top:16px;
}


/* Kontakt */
.mCol fieldset {
	display:block;
    width:425px;
    margin-top:20px;
}
.mCol fieldset label {
	display:block;
    float:left;
    margin-bottom:7px;
    width:85px;
    font-weight:bold;
    padding-top:2px;
    color:#666;
}
.mCol fieldset textarea,
.mCol fieldset input {
	display:block;
    float:left;
    margin-bottom:7px;
    height:20px;
    width:335px;
    border:1px solid #A8A09E;
}
.mCol fieldset textarea {
	height:80px;
}
.mCol fieldset .submit {
	border:none;
    background:none;
    width:auto;
    float:right;
    color:#B90022;
    cursor:pointer;
}
* html .mCol fieldset .submit {
	margin-right:-7px;
}



#inhalt .rCol {
	display:none;
}

.teaser-box {
 	background:url(img/bg_box_yellow.gif) top left no-repeat;
    margin-bottom:15px;
}
.teaser-box-inner {
 	background:url(img/bg_box_yellow_bottom.gif) bottom left no-repeat;
    padding:10px 10px 10px 10px;
	width:215px;
}
.teaser-box p {
	padding-bottom:0px;
    font-size:1em;
    line-height:16px;
}
.teaser-box a {

}

.teaser-pic {
    clear:both;
    overflow:hidden;
}
.teaser-pic img {
	float:left;
    margin:0 10px 0 0;
}
.filled {
    background:url(img/bg_box_yellow.gif) #e9b730 top left no-repeat;
    color:#fff;
}
.filled h2 {
	color:#fff;
}
.teaser-box fieldset {
	width:14.8em;
    margin-top:12px;
}
.teaser-box input {
	display:block;
    float:left;
    margin-bottom:5px;
    margin-right:7px;
}
.teaser-box label {
	display:block;
    float:left;
    margin-bottom:5px;
    color:#fff;
}
.rCol .teaser-box .submit {
	border:none;
    background:none;
    width:5em;
	font-size:1em;
    color:#fff;
    cursor:pointer;
}

#footer {
	display:none;
}


#popup {
	margin:0 20px 0 20px;
    width:540px;
    font-size:76%;
    color:#666;
}
#popup .header {
	position:relative;
    height:90px;
    background:url(img/spacer_stories.gif) bottom repeat-x;
    margin-bottom:20px;
}
#popup .header h1 {
	font-size:120%;
    position:absolute;
    bottom:10px;
}
#popup .header img {
	position:absolute;
    right:0;
    top:10px;
}
#popup fieldset {
    width:540px;
}
#popup fieldset p {
	margin:0 0 17px 0;
}
#popup fieldset label {
	font-weight:bold;
    display:block;
    padding-bottom:2px;
}
#popup fieldset input {
    width:335px;
    display:block;
    border:1px solid #A8A09E;
    height:20px;
}
#popup fieldset input.hidden {
	display:none;
    background:none;
    border:none;
    height:1px;
}
#popup fieldset span {
    display:block;
    background:url(img/spacer_stories.gif) bottom repeat-x;
  	padding:3px 0 15px 0;
    margin-bottom:10px;
}
#popup fieldset span.top {
    background:url(img/spacer_stories.gif) top repeat-x;
  	padding:15px 120px 10px 0;
    margin:10px 0 10px 0;
}
#popup fieldset textarea {
	width:400px;
    display:block;
    border:1px solid #A8A09E;
}
#popup fieldset p span {
	border:none;
    background:none;
    padding:0;
    float:left;
	margin-top:13px;
}
* html #popup fieldset p span {
	margin-top:12px;
}
#popup fieldset p {
	overflow:hidden;
}
#popup fieldset .reset {
	border:none;
    background:none;
    width:auto;
    padding:0;
    float:left;
    color:#B90022;
    cursor:pointer;
	margin-top:10px;
}
* html #popup fieldset .reset {
    margin-left:-5px;
}
#popup fieldset .submit {
	border:none;
    background:none;
    width:auto;
    float:right;
    color:#B90022;
    cursor:pointer;
	margin-top:10px;
}
#popup p {
	margin:10px 0 17px 0;
    width:405px;
}