@charset "utf-8";
/*
==================================================
Farben-Info
==================================================
- Txt - Rnd - Bg - Pts
- #ffffff (weiß) - Bg: body
- #606060 (dunkelgrau) - Txt: Inhalt, Footer, etc., Rnd: Submit
- #434343 (dunkelgrau) - Txt: Menue-0
- #c0c1c1 (hellgrau) - Rnd: Inputs
- #e85d0f (orange) - Txt: h2, Side-Header
- #c4c9ce (hellgrau) - Bg: Galerie-Boxen
- #505050 (dunkelgrau) - Txt: Galerie-Boxen
- #d1d1d9 (hellgrau) - Bg: html 

Logofarben
- #f4f4f9 (hell)
- #e0dfe1 (mittel)
- #d0d0d7 (dunkel)

*/

/* ----- Reset Style ----- */

* { border:0; margin:0; padding:0; list-style:none; background:transparent; vertical-align:baseline; font-size:100%; }

/* die inherits funktionieren nicht mit IE7-, daher lasse ich sie raus, so lange IE7- eine Rolle spielt */


/*
==================================================
Grundeinstellungen
==================================================
*/
html { height:100%; min-width:945px; color:#606060; background:#d0d0d8 url(../layout/bg-html.png) repeat-x top; font:62.5% Verdana, Geneva, sans-serif; text-align:left; padding-bottom:1px;}
body { position:relative; width:945px; margin: 0 auto; background: transparent; font-size:11px; line-height:16px;}
/*für IE7- muss font-family für textarea extra gesetzt werden; input und select nutzen gleich die korrekte family*/

/* ----- Standardelemente ----- */
h1, h2, h3, p, table, dl, ul, ol {margin-bottom:12px;}
b, strong, h1, h2, h3, h4, dt, th, caption {font-weight:bold;}
em, i {font-style:italic;}

ul > li  {list-style:square outside; margin: 0 0 0 38px; padding-left:4px; }
ol > li  {list-style:decimal outside; margin:0 0 0 42px; }
li.punkt-inside {list-style-position:inside;}

a:link, a:visited {color:#606060;}
a:hover, .menue a:hover, #footer a:hover, #breadcrumbs a:hover {text-decoration:underline;}

.for-accessibility { position:absolute; left:-3000px; top:-3000px; width:1px; height:1px;}
.for-accessibility:focus {left:5px; top:0; width:auto; height:auto; padding:0; z-index:2000;}
del.schutz {text-decoration:none;}
.unnoetig {display:none;}

.col-content > :last-child {margin-bottom:0;}

h1 {font-size:22px;  line-height:28px; margin-bottom:10px;}
.smaller-h1 {font-size:13px; line-height:16px; margin-bottom:22px;}
h3 {margin:0; font-size:11px;}

/* ----- Tabellen ----- */
table { border-collapse:collapse; text-align:left;}
td, th { padding: 6px 10px 10px; border:1px solid #d7d7d7; vertical-align: top; }
th { font-weight: bold; }
table p { margin: 0 0 8px; }
table p:last-child { margin: 0;}
caption {  font-size: 11px; font-weight:bold; text-align:left; padding-bottom:3px;}
table.einfach { margin-bottom:10px;}
.einfach caption {border-bottom:1px solid #606060; }
.einfach td, .einfach th {border:0; padding-top:0; padding-left:0; padding-bottom:6px;}


/* ----- Hauptbereiche ----- */
#header { padding-top:32px; width:945px; height:82px; position:relative; z-index:20; background: #fff url(../layout/bg-menue-1.png) left bottom no-repeat;}
#footer {width:955px; clear:both; font-size:9px; padding:6px 0 11px 0; text-align:center; z-index:30; position:relative; margin: 0 -5px;}
.col-content { float:left; background:#fff; min-height:486px;  width:720px; margin:-64px -165px 0 0; padding:64px 186px 18px 39px; z-index:10; position:relative; 
-moz-box-shadow: 5px 5px 5px rgba(40,80,140,0.2);
-webkit-box-shadow: 5px 5px 5px rgba(40,80,140,0.2);
box-shadow: 5px 5px 5px rgba(40,80,140,0.2);}
.col-side {float:left; width:162px; padding:81px 0 0 3px; z-index:10; position:relative;}
.inner-col-left {float:left; width:220px; margin-right:20px;}
.inner-col-right {float:left; width:480px;}

/*
==================================================
Menüs
==================================================
li.act = ist in Rootline (= aktueller Bereich)
li.act.cur = ist genau aktuelle Seite
*/
/*.menue {overflow:hidden;}*/
.menue li { float:left; margin:0; padding:0; list-style:none; }
.menue a {display:block; text-decoration:none;}

#menue-0 {float:left; margin:0 30px 0 0;}
#menue-0 li {background:url(../layout/bg-menue-0.png) center; height:22px;}
#menue-0 li:first-child {background-position:left;}
#menue-0 li:last-child {background-position:right;}


/*Feste Linkbreiten im menue-0*/
#menue-0 .act { font-weight:bold; }
#menue-0 a { padding: 3px 0 0; width:100%; text-align:center; }
/* Alternative mit Text-Shadow (nicht IE):
#menue-0 a { padding: 3px 10px 0; }
#menue-0 .act a { text-shadow:1px 0px 0px #333;}*/

#menue-language {margin:0; }
#menue-language li {padding:4px 3px 0;}
#menue-language img {display:block; padding:2px;}

#menue-sociallink {margin:0; }
#menue-sociallink li {padding:3px 3px 0;}
#menue-sociallink img {display:block; /*padding:2px;*/}

#menue-1 { width:780px; height:60px; margin:0; position:absolute; left:0; top:54px;}
ul#menue-1 {height:47px; padding-top:13px;} 
#menue-1 a, #menue-1:hover .act a {margin:5px 0 0 20px; font-weight:bold;}
#header #menue-1 a:hover, #menue-1 .act a {font-size:16px;}

#breadcrumbs {font-size:10px; line-height:15px; padding:4px 0 24px;}
#breadcrumbs a {text-decoration:none;}
#breadcrumbs i {font-style:normal;}

/*
==================================================
Header
==================================================
*/
a#logo {position:absolute; top:9px; right: 14px;}
a#logo img {display:block;}


/*
==================================================
Footer
==================================================
*/
#footer a {text-decoration:none; padding: 0 7px;}
#footer span {padding: 0 7px;}


/*
==================================================
Rechte Spalte
==================================================
*/
.col-side h2, .col-navi h2 {color:#e85d0f; margin-bottom:2px; font-size: 11px;}
.col-side h2 a {color:#e85d0f; text-decoration:none;}
.col-side select { width:142px; margin-bottom:10px; }
body .col-side input {width:117px; margin-bottom:4px; margin-right:0;}
.col-side .submit-image {padding:2px; margin:0;}

/*
==================================================
Inhalte
==================================================
*/

.clear
{
	clear:both;
}
/* ----- Formulare allgemein ----- */
form {float:left; width:100%;}
input, select, textarea {border:1px solid #c0c1c1; background-color:#fff; padding:2px ; float:left;  font-family:Verdana, Geneva, sans-serif; color:#606060; margin-right:5px;}
select { width:131px; padding: 1px 0; height:19px;}
textarea { width:286px; height: 10em;}
label { width:110px; float: left; padding-top: 2px; margin-bottom: 0; margin-right:10px; text-align:right;  }
input[type="checkbox"], input[type="radio"] {border:0; background:transparent;}
/* ie7 kann [type="checkbox"] etc. ohne Elementnamen nicht verarbeiten, IE6 versteht .klasse bei inputs ohne Element nicht */
input[type="text"], input.formtext {width:131px;}

input.submit, input[type="submit"], input.formsubmit{ cursor: pointer; font-weight: bold; text-align: center; clear: both; padding: 1px 3px; margin: 7px 0 0 120px; border: 1px solid #606060; background:#fff url(../layout/bg-buttons.png) left 8px no-repeat; }
input.reset {font-weight:normal;}
input[type="submit"]:hover, .button:hover { background-position: -300px 8px; background-color:#f9f9f9; text-decoration:none;}
/*form input.submit-image {width:auto; height:auto; border:0; padding:0;}*/
form input.submit-image {
background:url("../layout/submit.gif") no-repeat scroll 3px 2px transparent !important;
border:0 none;
float:none;
height:20px;
width:20px !important;
}

fieldset { width: 100%; float:left; margin-bottom: 18px; }
fieldset div { float:left; padding-bottom:3px; width: 100%; min-height:20px; }
fieldset div div { min-height:16px; padding-bottom:4px;}

fieldset p { width:100%; margin-top: 15px; float:left; }
fieldset h2 + p, fieldset h2 + div p, fieldset p + div p { margin-top:0; }

.forminfo {color:#f00; margin-bottom:10px;} 
.checkgroup div {display:none;}
.checkspan {position:relative; overflow:hidden; padding-bottom:3px;}
.checkspan label {float:right; width:327px; text-align:left; padding-top:0;}
.checkspan input {position:absolute; top:0; left:0; margin:0; padding:0; margin-left:120px; } 
.formcaptcha {margin-left:120px;}

.button { font-weight: bold; text-align: center; float:right; padding: 1px 6px; border: 1px solid; background:#fff url(../layout/bg-buttons.png) left 8px no-repeat; text-decoration:none;}

/*
==================================================
Zierrat (Schneeflocken etc.)
==================================================
*/
#schneeflocken {background:url(../layout/bg-schneefall.png) repeat-y center center; width:100%; margin:0 -90px; padding:0 90px; position:absolute; bottom:0; height:5000px;}
#stern-rechts {position:absolute; top:150px; right:-74px; width:74px ;height:131px ; background: url(../layout/stern-rechts.png);}
#stern-links {position:absolute; bottom:90px; left:-120px; width:120px ;height:223px ; background: url(../layout/stern-links.png);}


/*
==================================================
Startseite
==================================================
*/

#flash-teaser {width:930px; height:409px; position:absolute; top:64px; left:0;}
#flash-teaser img {display:block;}

.teaser-boxen {margin: 285px 0 31px -17px; width:770px; overflow:hidden; position:relative;}
.teaser-boxen a {float:left; width: 208px; height: 112px; margin-right:12px; padding: 12px 17px 0; text-decoration:none; background:#d0d0d8 url(../layout/bg-teaser-boxen.png) left top;}
.teaser-boxen a:hover {background-image:url(../layout/bg-teaser-boxen-dunkler.png); text-decoration:none;}
.teaser-boxen h2 {font-size: 22px; line-height:24px; margin:0; padding-bottom: 10px; background:url(../layout/spiegel-film-foto.png) 2px 22px no-repeat;}
#teaser-2 {background-position:-254px top}
#teaser-3 {background-position:-508px top}
/*wegen HG-Bild-Pfad nicht im individuellen Stylesheet*/
#sb-1 #teaser-2 h2, #we-1 #teaser-2 h2 {background-image:url(../layout/spiegel-events.png);}
#sb-1 #teaser-3 h2, #we-1 #teaser-1 h2 {background-image:url(../layout/spiegel-dekoration.png);}
html[lang="en"] #sb-1 #teaser-1 h2, #we-1.lang-en  #teaser-3 h2 {background-image:url(../layout/spiegel-film-photo.png);}
html[lang="en"] #sb-1 #teaser-3 h2, #we-1.lang-en  #teaser-1 h2 {background-image:url(../layout/spiegel-vm-display.png);}

.partner-link { position:absolute; top: 502px; right: 16px; z-index:20; text-align:right; height: 100px; width:125px; }
.partner-link:link, .partner-link:visited {text-decoration:none;}
.partner-link:hover {text-decoration:underline;}
.partner-link img {float:right; padding:8px 0 0 0; margin-right:-3px;}

#sb-1 #breadcrumbs, #we-1 #breadcrumbs {display:none;}
#sb-1 h1, #we-1 h1 {position:absolute; top:483px; font-size:12px; color: #e85d0f; line-height:18px; left:39px;}