@charset "utf-8";

@import url('core.css');
/***********************************************/
/* screen.css	                                */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html {font-size:100.1%;height:100%;}
body {margin:0;padding:0;height:100%;background:#fff url('../images/bg-header-repeat.png') left top repeat-x; font-size:78%;text-align:center;} /*reset to a base font-size of 12px. 62.5 would be 10px*/

.clearall {display:block;height:1px;line-height:1px;font-size:1px;overflow:hidden;clear:both;margin:0px !important;}
.hidden { position:absolute;left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; }
/*
a.link-more {padding-right:15px;background:transparent url('../images/icon-more.png') right top no-repeat;}
a.link-back {padding-left:15px;background:transparent url('../images/icon-back.png') left top no-repeat;}
*/
.box a.link-more {background-position: 100% -50px;}
.box a.link-back {background-position: 0 -50px;}

/*****************************************
* Layoutvariablen
******************************************/
#pageMargins {background:transparent url('../images/bg-body.jpg') 50% 136px no-repeat;padding:0;min-height:100%;}
#page, #logo {margin:0 auto;padding:0;text-align:left;width:843px;}

/********* Header ************/
#header {background:transparent url('../images/bg-header.jpg') center top no-repeat;margin-bottom:20px;}
#logo {padding:48px 0 0 0;}
#logo a {text-decoration:none !important;}

/********* Content-Positioning ************/
#page {}

#main {float:left;width:100%;clear:both;padding-top:3em;margin-top:-1em}
#home #main {background:transparent url('../images/bg-home.jpg') 200px 0 no-repeat;}
#content {clear:both;float:left;width:409px;margin-left:216px;margin-right:-624px;position:relative;}
#content p {line-height:150%;}

#sideColumn1, #sideColumn2 {float:left;width:193px;}
#sideColumn2 {float:right;}
#sideColumn1 p, #sideColumn2 p {line-height:130%;}

#sideColumn1 .box {margin-top:2em;}
#sideColumn1 .box p {line-height:1.3em !important;font-size:0.9em;margin:0;}
#sideColumn1 .box h3 {font-size:1.2em;}

#footer {clear:both; display:block; padding:1em 0 2em 0; color:#999;}
#footer a{ color: #999; float:right;margin-left:1em;}
#footer ul {list-style-type:none;list-style-image:none;margin:0;padding:0;}
#footer li {margin:0;padding:0;}

/********* Menü ************/
/*
#eventNavi, #eventNavi li {list-style-type:none;list-style-image:none;margin:0;padding:0;}
#eventNavi li {display:inline;}
#eventNavi a, #eventNavi strong {display:block;width:100%;height:134px;background:transparent url('../images/event-aktionen.png') top left no-repeat;overflow:hidden;position:relative;}
#eventNavi li.item-2 a, #eventNavi li.item-2 strong {background-position:0 -134px; height:126px;}
#eventNavi li.item-3 a {background-position:0 -260px;}
#eventNavi li.item-4 a, #eventNavi li.item-4 strong {background-position:0 -394px; height:137px}
#eventNavi strong, #eventNavi a:hover {background-position:-196px 0;}
#eventNavi li.item-2 strong, #eventNavi li.item-2 a:hover {background-position:-196px -134px;}
#eventNavi li.item-3 strong, #eventNavi li.item-3 a:hover {background-position:-196px -260px;}
#eventNavi li.item-4 strong, #eventNavi li.item-4 a:hover {background-position:-196px -394px;}
#eventNavi span {position:absolute;margin-left:-600px;}
*/

/****************** Warteseite **************/
.teaserPage #sideColumn1 {display:none;}
.teaserPage #content {width:620px;margin:0;padding-top:26px;overflow:visible;}
.teaserPage a.download {text-decoration:none;background:#cc0000 url('../images/button-download-ts.jpg') left top no-repeat;margin-left:130px;display:block;color:#fff;font-weight:bold;width:200px;height:79px;padding:17px 0 0 23px;line-height:1em;font-size:1.4em;position:absolute;top:268px;}
.teaserPage a strong {text-decoration:underline;}
.teaserPage a:hover strong {text-decoration: none;}
.teaserPage a small {display:block;font-weight:normal;font-size:0.6em;}
.teaserPage ul.ticker {left:210px;}

/***********************************************/
/* Content styles                              */
/***********************************************/
#content .imageFrame img {border:2px solid #fff;}
#content .imageFrame {margin-bottom:0.5em;display:block;}

/* CSS gimmics for good browsers - so not IE */
.button, .box {-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}
fieldset, input.textfield, textarea, select {-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;}
legend {-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em;}

/* TEXT FORMATTING HOMEPAGE */
#home .multicolumn .multicolumn .col1 ul {list-style-image:none;list-style:none;margin:0;padding:0;text-align:right;font-size:1.4em;}
#home .multicolumn .multicolumn .col1 li {margin-bottom:0;}
#home .multicolumn .multicolumn h2 {line-height:1.3em !important;}
div.catalogueOrder h3 {margin-bottom:0.2em !important;}
div.catalogueOrder h3 a, div.catalogueOrder h3 a:visited {color:#333;text-decoration:none;}
div.catalogueOrder h3 a:hover {color:#c1001f;}

/* REFERENCE LIST */
div.referenceList {margin-top:0 !important;}


/* TICKER */
ul.ticker {list-style-image:none;list-style-type:disc;margin:0;padding:0;color:#ccc;width:624px;font-size:1.5em;font-weight:bold;position:absolute;top:-70px;}
ul.ticker li {float:left;margin:0 1.5em 0 0;padding:0;white-space:nowrap;}

/* MULTICOLUMN */
.multicolumn {clear:both; float:left; width:100%; margin:1em 0;}
.multicolumn .background {float:left; width:100%;}
.multicolumn .col1, .multicolumn .col2, .multicolumn .col3, .multicolumn .col4 {float:left; width:23%; overflow:visible;}
.multicolumn .col3, .multicolumn .col4 {float:right;}
.multicolumn .col1, .multicolumn .r25_25_25_25 .col3 {float:left;}
.r50_50 .col2, .r25_75 .col2, .r75_25 .col2, .r33_66 .col2, .r66_33 .col2 {float:right;}
.r33_33_33 .col1, .r33_33_33 .col3 {min-width:11em;}
.r33_33_33 .col2 {margin-right:-33%;}

.r33_33_33 .col2, .r50_25_25 .col2, .r25_50_25 .col2, .r25_25_50 .col2 {margin-left: 3.5%;}
.r33_66 .col1, .r66_33 .col2, .r33_33_33 .col1, .r33_33_33 .col2, .r33_33_33 .col3 {width:31%;}

.r75_25 .col1, .r25_75 .col2 { width:73%; }
.r66_33 .col1, .r33_66 .col2 { width:65.5%;}
.r50_50 .col1, .r50_50 .col2 { width:48%;}
.r50_25_25 .col1, .r25_50_25 .col2, .r25_25_50 .col3 { width:47%;}

form .multicolumn {margin:0;}

/* Listen und Definitionslisten */
dl dt { margin-top: 1em; }



/* pagebrowser */
/* --------------------- Pagebrowser -------------------- */
.pagebrowser {margin:2em 0;font-size:12px}
.pagebrowser ul, .pagebrowser li{list-style-type:none;list-style-image:none;margin:0 !important;padding:0 !important;}
.pagebrowser a,.pagebrowser strong {color:white !important;float:left;padding:4px;background-color:#EB6B16;margin-right:2px;border:1px solid white;text-decoration:none !important;line-height:1em !important;}
.pagebrowser strong {background-color:white;border-color:#EB6B16;color:#EB6B16 !important;}


/* Hervorhebungsboxen */
div.box { background-color:#ccc; padding:10px; margin:0 0 1em 0; color:#333;border:1px #aaa solid;border-left-color:#ddd;border-top-color:#ddd;}
/*
div.box.layout-postit {background:#fef7d9 url('../images/backgrounds.png') 0 -76px repeat-x;}
div.layout-postit h3 {margin:-10px -10px 0.5em -10px;padding:10px 10px 0 10px;background:transparent url('../images/sprites.png') 100% -77px no-repeat;}
*/
div.event-aktionen {background:#c1001f url('../images/link-event-aktionen.jpg') left top no-repeat;color:#fff;padding-top:102px;border-width:0;}
div.event-aktionen a, div.event-aktionen a:visited {color:#f9e01d !important;display:block;font-size:1.2em;font-weight:bold;margin-top:0.4em;}
div.box p, div.box ul { line-height: 1em; }

/* BUTTONS */
a.button, input.button, button, a:visited.button {line-height:1em;padding:4px 8px;line-height:1.2em;color:#d1001f;/*background:#d1001f url('../images/backgrounds.png') 0 -38px repeat-x;*/font-weight:bold;border:2px solid #ffe572;display:inline-block;text-decoration:none;}
.button:hover, .button.hover {color:#fff !important;background-color:#ffd000 !important;background-position:0 0 !important;border-color:#db6a7d !important;}


/* FORMULARE */
form { margin: 0px; }
fieldset { padding: 2%; border:0px #ffd000 solid; margin-bottom:1em;background-color:#ffd000;color:#333;float:left;width:96%;}
legend { font-weight: bold; color: #ffd000;margin:0;padding: 6px 0.8em 0.5em;color:#c1001f;font-size:1.2em;background-color:#ffd000;}
label, .comboLabel, .label { margin: 2px 2px 2px 0px; clear: both;}

input.textfield, textarea, select, button {padding:2px 4px;line-height:1.4em;}
select {height:1.7em;}
input {vertical-align:middle;}

#content input.textfield, #content textarea {width:97%;}
input.checkbox { margin-bottom: 2px;}
input.checkbox, select, input.textfield, textarea { border:1px #ffd000 solid;}

input, textarea, select, option, button { font-size: 1em; }
input.textfield:hover, textarea:hover, select:hover {border-width:2px; padding:1px 3px;border-color: #d1001f;}

input:active, textarea:active, select:active, option:active, input:focus, textarea:focus, select:focus, option:focus { background-color: #fff; border-color: #d1001f; color: #000000; }
input.required, textarea.required { border-color:#CC0000;}

ol.form {list-style-type:none;margin:0 !important;padding:0 !important;}
ol.form li {margin:0 0 6px 0;padding:0;clear:both;white-space:nowrap;}
ol.form label, ol.form .comboLabel, ol.form .label {display:block;line-height:1.2em;}
ol.form .comboLabel label, ol.form li.checkbox label {display:inline;margin:0 2px 0 0}

#content input.zip { width: 20%; margin-right:4%;}
#content input.city { width: 67%;}
#content input.firstname, #content input.lastname {width:45%;float:left;}
#content input.lastname {float:right;}

.eval-error {border-color:red !important;}

.mailform .captcha span {float:left;width:50%;line-height:1em;margin-right:1em;}
.mailform .captcha small {display:block;margin-right:1em;}
#content .mailform .captcha input.textfield {width:10em;margin-top:4px;}

/***********************************************/
/* news
/***********************************************/
.newsDetail h1 em {display:block;font-size:0.5em;font-style:normal;font-weight:normal;color:#ffc000;margin-top:-0.5em;}
/*.newsList .latest a, .newsList .active a {font-weight:bold;text-decoration:none;color:#fff;}*/
.newsList em {font-style:normal;font-weight:normal;font-size:0.9em;display:block;}

div.newsBox h3 {padding-top:0;padding-bottom:0.2em;}
div.newsBox h3 em {position:absolute;margin-top:-1.1em;color:#fff;font-style:normal;}

/***********************************************/
/* event ideas
/***********************************************/
/*
h2.categoryTitle {margin:0 0 1em 0;background-color:#ffd000;color:#c1001f;padding:5px;text-align:center;line-height:1.2em !important;}
.referenceDetail .box {float:left;}
.referenceDetail .layout-postit .imageFrame {display:block;text-align:center;}
.categoryTitle span {display:block;height:40px;background:#c1001f url('../images/sprites.png') -150px 0 no-repeat;margin:-5px;}
.downloadDetails {padding-left:60px;background:transparent url('../images/sprites.png') -405px 0 no-repeat;height:50px;margin-bottom:0.4em;}
.prevNextNavi {float:left;width:96%;padding:1% 2%;background-color:#fff;}
.prevNextNavi a, .prevNextNavi a:visited {text-decoration:none;color:#333;}
.prevNextNavi a:hover {color:#d1001f;}
.prevNextNavi .link-more {float:right;}
.prefNextNavi .link-back {float:left;}
*/
/* lightbox
*************************/
#jquery-overlay {position:absolute;top:0;left:0;z-index:999;width: 100%;height:500px;}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;}
#lightbox-container-image-box {position:relative;width:250px;height:250px;margin:0 auto;background:white url('../images/spacer.gif') no-repeat center center;}
#lightbox-container-image-box.loading {}
#lightbox-container-image {padding:10px 0;}
#lightbox-nav {position:absolute;top:10px;left: 0;width: 100%;z-index:1001;}
#lightbox-topNav {position:absolute;top:0;right:0;z-index:9999;text-align:right;padding:0;}
#lightbox-container-image-box > #lightbox-nav { left:0; }
#jquery-lightbox a {outline:none;border-width:0px;cursor:pointer;text-decoration:none;}
#lightbox-btnPrev, #lightbox-btnNext {width:49%;height:100%;display:block;float:left;text-align:left;background:transparent url('../images/spacer.gif') no-repeat;}
#lightbox-btnNext {float:right;text-align:right;}
#lightbox-nav a span {position:relative;top:40%;font-size:2.5em;font-weight:bold;display:block;width:1em;height:1em;line-height:1em;text-align:center;background-color:#c00;}
#lightbox-nav a:hover span {color:white;}
#lightbox-topNav a span {float:right;display:block;line-height:1em;padding:0.1em 10px;background-color:white;font-size:2.5em;font-weight:bold;color:#000;}
#lightbox-topNav a:hover span {color:#C00;}
#lightbox-btnNext span {float:right;}
#lightbox-bottomNav {float:right;height:30px;}

#lightbox-container-image-data-box {margin:0 auto;padding:5px 10px 0 10px;background-color:white;line-height:1.2em;}
#lightbox-container-image-data {padding:0;float:left;width:100%;}
#lightbox-image-details {float:left;margin-right:20%;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display:block;clear:left;}
.lightbox-clear {clear:both;display:block;width:100%;height:1px;font-size:1px;line-height:1px;overflow:hidden;}