@media screen, handheld, print, projection {
html { height: 100%; }	
/* allgemeine angaben */
body, p, input, img, span, div, form, ul, li, h1, h2, h3, h4 { padding: 0px; margin: 0px; border: 0px; text-align: left; vertical-align: top; }
body { height: 100%; color: #000000; font: 0.8em/140% arial, tahoma, verdana, sans-serif; text-align: center; background-image:url(/grafik/back.gif); }
p { margin: 5px 0px 10px 0px; } 
a { text-decoration: none; }
a.rot { color: #95371d; }
acronym { border-bottom: 1px dotted #6c6143; padding-bottom: 1px; cursor:help; }
acronym:hover { clear:both; text-decoration: none; background-color:#6c6143; color:#FFFFFF; cursor:help; }

/* oberer bereich */
#oben { height: 153px; background: #ebebde url("/grafik/bg_oben.gif") repeat; margin-bottom: 5px; width: 100%; }
#link { width:2px; height:2px; position: absolute; z-index: 1; visibility: hidden; display:none; background: none; font-size: 1px; }

/* einzelne spalten für das layout und grundlayer in der mitte*/
#spalte_1 { z-index: 0; width: 50%; background: #95371d; float: left; height: 185px; height: 14.4em; }
#spalte_2 { z-index: 0; float: right; width: 49%; height: 1px; }
#all { width: 100%; position: absolute; z-index: 1; top: 158px; text-align: center; background: none; }
#spalte_mitte { width: 750px; height: 300px; margin: auto; }

/* drei spalten mit der navigation, den inhalten und dem logo */
#spalte_navigation { height: 14.4em; width: 187px; float: left; }
#spalte_inhalt { float: left; width: 375px; background: #ebebde; }
#spalte_logo { float: right; width: 188px; height: 115px; }

/* impressum */
#impressum { margin: 5px; clear: both; position: relative; z-index:2; font-size:0.85em; text-transform: uppercase; }
#impressum a { font-weight: bold; color: #6c6143; text-decoration: none; z-index: 2; }
#impressum a:hover { text-decoration: none; background-color:#95371d; color:#FFFFFF; }

/* navigation */
#spalte_navigation ul { margin-top: 10px; background: #95371d; font: 0.85em arial; text-transform: uppercase; } 
* html #spalte_navigation ul { margin-top: 10px; }
#spalte_navigation li { list-style-type: none; border-bottom: 1px solid #b37660; padding: 0px; }
#spalte_navigation ul li a { color: #ffffff; font-weight: bold; text-decoration: none; }
/*#spalte_navigation a:hover { text-decoration: underline; }
#spalte_navigation a.aktiv { text-decoration: underline; }*/
#spalte_navigation .nav_ende { border-bottom: 0px; }
#spalte_navigation .roll { display:block; text-decoration:none; height:16px; }
#spalte_navigation .roll:hover { display:block; background-color:#ebebde; color:#000000;  height:16px; text-decoration:none; }

/* inhalte spalte navigation und spalte logo */
.adresse { padding: 70px 5px 5px 5px; font-size: 0.85em; line-height:1.25em; }
.drucken { padding: 0px 5px 5px 5px; font-size: 0.85em; line-height:1.25em; }
#kunden h1, .adresse h1, .drucken h1 { font-size: 1em; font-weight: bold; color: #000000; }
#kunden a, .adresse a, .drucken a { font-size: 1em; color: #000000; font-weight: normal; }
#kunden a:hover, .adresse a:hover , .drucken a:hover{	text-decoration: none; background-color:#95371d; color:#FFFFFF; }
#spalte_navigation p, .adresse p, .drucken p { margin-bottom: 5px; }
#kunden { padding: 0px 5px 5px 0px; font-size: 0.85em; margin: 86px 0px 20px 0px; }
#kunden h1 { margin-bottom: 2px; }
#kunden p { margin: 0px; }	
#kunden .trennlinie { height: 6px; background: #ebebde url("/grafik/bg_hr.gif") repeat-x; clear: both; }
#kunden .trennlinie hr { display: none; }

/* inhalte spalte  logo */
#spalte_logo img { margin: 65px 0px 0px 0px; }
.datum { margin-top: 2.2em; font-size: 1.1em; font-weight:bold; color: #6c6143; height: 2.3em; margin-left: 13px; }
#spalte_logo .adresse, .drucken { margin-left: 9px; }
#logoauswahl { margin-left: 9px; font-size: 0.85em; margin: 250px 0px 20px 13px; }
#logoauswahl img { margin: 0px; }
#logoauswahl h3 { margin: 5px 0px 0px 0px; }
#logoauswahl p { margin: 0px; }

 a.life42 { font-size: 1em; color: #6A6657; font-weight: normal; }
 a.life42:hover {	text-decoration: none; background-color:#95371d; color:#FFFFFF; }

/* inhalte */
#bild_kopf_1 { background: url("/grafik/visionen.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_2 { background: url("/grafik/name.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_3 { background: url("/grafik/herman-hesse.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_4 { background: url("/grafik/pr_und_presse.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_5 { background: url("/grafik/kunden.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_6 { background: url("/grafik/kontakt.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_7 { background: url("/grafik/archiv.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_8 { background: url("/grafik/impressum.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_9 { background: url("/grafik/pressarea.jpg") repeat; margin: 0px 5px; width: 365px; height: 185px; }
#bild_kopf_10 { background: url("/grafik/webcam.gif") repeat; margin: 0px 5px; width: 365px; height: 262px; }

#life_tour_01 { background: url("/grafik/tour_cd_zollverein.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_02 { background: url("/grafik/tour_image_macle_01.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_03 { background: url("/grafik/tour_leporello_intermoves.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_04 { background: url("/grafik/tour_web_inforbiz.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_05 { background: url("/grafik/tour_portfolio_centia.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_06 { background: url("/grafik/tour_gb_bov.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_07 { background: url("/grafik/tour_styleguide_rkl.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_08 { background: url("/grafik/tour_praesentation_cinemaxx.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_09 { background: url("/grafik/tour_web_ruta.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_10 { background: url("/grafik/tour_messe_bov.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_11 { background: url("/grafik/tour_flyer_sago.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_12 { background: url("/grafik/tour_cd_bov.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_13 { background: url("/grafik/tour_touch_inforbiz.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_14 { background: url("/grafik/tour_kalender-bov.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_15 { background: url("/grafik/tour_messe_centia.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_16 { background: url("/grafik/tour_cd_rkl.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_17 { background: url("/grafik/tour_touch_vesta.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_18 { background: url("/grafik/tour_logo_sago.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_19 { background: url("/grafik/tour_web_vesta.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_20 { background: url("/grafik/tour_marketing_rkl.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_21 { background: url("/grafik/tour_mailing_ruta.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_22 { background: url("/grafik/tour_plakat_vesta.gif") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_23 { background: url("/grafik/tour_einladung_bov.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_24 { background: url("/grafik/tour_web_macle.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_25 { background: url("/grafik/tour_web_labor.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_26 { background: url("/grafik/tour_web_centia.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_27 { background: url("/grafik/tour_hefter_bov.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_28 { background: url("/grafik/tour_styleguide_karstadt.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_29 { background: url("/grafik/tour_video_inforbiz.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_30 { background: url("/grafik/tour_sbb.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_31 { background: url("/grafik/tour_mailing_mnc.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_32 { background: url("/grafik/tour_web_mnc.jpg") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_33 { background: url("/grafik/") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_34 { background: url("/grafik/") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_35 { background: url("/grafik/") repeat; margin: 0px 5px; width: 365px; height: 260px; }
#life_tour_36 { background: url("/grafik/") repeat; margin: 0px 5px; width: 365px; height: 260px; }

#inhalt { margin: 0px 10px; font-size:0.9em; line-height:1.6em; }
h1 { color: #504B41; font-size: 1em; margin: 5px 0px; }
h2 { color: #000000; font-size: 1em; margin: 5px 0px; }
h3 { color: #95371d; font-size: 1em; margin: 0px 0px 10px 0px; }
h1.titel { width: 100%; text-align: right; text-transform: uppercase; color: #95371d; font-size: 1.2em; font-weight:bold; margin: 15px 0px 0px 0px; }
h1.header { width: 100%; text-align: left; text-transform: uppercase; color: #95371d; font-size: 12px; font-weight:bold; margin: 15px 0px 0px 0px; }
#inhalt p.umbruch { font-size: 12px; color: #000000; line-height:17px; margin: 4px 0px 0px 0px; }
#spalte_inhalt a { color: #6c6143; text-decoration: none; font-weight: bold; }
#spalte_inhalt a:hover { text-decoration: none; background-color:#95371d; color:#FFFFFF; }
.fluss_rechts { float: right; }
img.fluss_rechts { margin: 5px 0px 5px 5px; border: 1px solid #000000; }
.fluss_links { float: left; }
img.fluss_links { margin: 5px 5px 5px 0px; border: 1px solid #000000; }
.trennlinie { height: 10px; background: #ebebde url("/grafik/bg_hr.gif") repeat-x; clear: both; }
.trennlinie hr { display: none; }
#fuss { text-transform: uppercase; text-align: right; font-size:0.95em; margin-bottom: 30px; }
#inhalt .mailtext { width: 100px; float: left; margin: 0px; padding:0px; }
#inhalt .maileingabe { width: 250px; float: right; padding: 0px; margin: 0px; }
#inhalt h5 { font-size:0.95em; padding:0px; margin:0px; height:30px; }
#inhalt h6 { padding:0px; margin:0px; height:135px; }
#inhalt textarea.textarea { background-color:#F1F1EA; width: 225px; height: 115px; border:1px solid #999999; }
#inhalt input.plz { height:16px; font-size:1em; background-color:#EBEBDE; width: 50px; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom:1px solid #999999; }
#inhalt input.ort { height:16px; font-size:1em; background-color:#EBEBDE; width: 140px; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom:1px solid #999999; }
#inhalt input.eintrag { height:16px; font-size:1em; background-color:#EBEBDE; width: 225px; border-left-style:none; border-top-style:none; border-right-style:none; border-bottom:1px solid #999999; }
#inhalt select.auswahl { font-size:1em; background-color:#EBEBDE; height:18px; width: 130px; }
.copyright { font:Arial; text-transform: uppercase; font-weight:normal; font-size:9px; text-align:right; color:#000000; background-color:#EBEBDE; line-height:11px; }
}

@media handheld {
html, body { margin: 0px; padding: 0px; border: 0px; width: 200px; text-align: left; }
body { margin: 10px; }
#all, #spalte_mitte { text-align: left; width: 100%; margin: 0px; padding: 0px; border: 0px; }
#spalte_1, #spalte_2, #bild_kopf_1, #bild_kopf_2, #bild_kopf_3, #bild_kopf_4, #bild_kopf_5, #bild_kopf_6, #bild_kopf_7, #bild_kopf_8, #bild_kopf_9, #bild_kopf_10, #life_tour_01, #life_tour_02, #life_tour_03, #life_tour_04, #life_tour_05, #life_tour_06, #life_tour_07, #life_tour_08, #life_tour_09, #life_tour_10, #life_tour_11, #life_tour_12, #life_tour_13, #life_tour_14, #life_tour_15, #life_tour_16, #life_tour_17, #life_tour_18, #life_tour_19, #life_tour_20, #life_tour_21, #life_tour_22, #life_tour_23, #life_tour_24, #life_tour_25, #life_tour_26, #life_tour_27, #life_tour_28, #life_tour_29, #life_tour_30, #life_tour_31, #life_tour_32, #oben {display: none; }
#logo { position: absolute; z-index: 1; left: 0px; top: -210px; visibility: visible; margin: 0px; padding: 0px; border: 0px; }
#impressum { position: absolute; z-index: 5; left: 10px; top: 60px; visibility: visible; }
.datum { position: absolute; z-index: 5; left: 0px; top: -50px; visibility: visible; margin: 0px; padding: 0px; border: 0px; }
#spalte_navigation, #spalte_inhalt, #spalte_logo, .adresse, #logoauswahl, #kunden, #inhalt { text-align: left; width: 100%; height: auto;
clear: both; z-index: 4; margin: 0px; padding: 0px; border: 0px; }
#spalte_navigation .adresse, .drucken { display: none; }
}

@media print {
html, body { margin: 0px; padding: 0px; border: 0px; width: 16cm; text-align: left; background: #fff; font-size: 11pt; color: #000000; }
body { margin: 10px; }
#all, #spalte_mitte { text-align: left; width: 100%; margin: 0px; padding: 0px; border: 0px; background: #fff; }
#spalte_1, #spalte_2, #bild_kopf_1, #bild_kopf_2, #bild_kopf_3, #bild_kopf_4, #bild_kopf_5, #bild_kopf_6, #bild_kopf_7, #bild_kopf_8, #bild_kopf_9, #bild_kopf_10, #life_tour_01, #life_tour_02, #life_tour_03, #life_tour_04, #life_tour_05, #life_tour_06, #life_tour_07, #life_tour_08, #life_tour_09, #life_tour_10, #life_tour_11, #life_tour_12, #life_tour_13, #life_tour_14, #life_tour_15, #life_tour_16, #life_tour_17, #life_tour_18, #life_tour_19, #life_tour_20, #life_tour_21, #life_tour_22, #life_tour_23, #life_tour_24, #life_tour_25, #life_tour_26, #life_tour_27, #life_tour_28, #life_tour_29, #life_tour_30, #life_tour_31, #life_tour_32, #oben, .datum, #navigation, .adresse,.drucken, #kunden, #impressum, #logoauswahl, #fuss, #link  { clear: both; position: absolute; z-index: 1; visibility: hidden; height: 0px; width: 0px; left:0px; top:0px; display: none; }
#spalte_navigation, #spalte_inhalt, #spalte_logo, #inhalt { text-align: left; width: 15cm; height: auto; clear: both; z-index: 4; margin: 0px; padding: 0px; border: 0px; background: #fff; }
#logo { position: absolute; z-index: 10; top: -4cm; left: 0; visibility: visible; margin: 0px; padding: 0px; border: 0px; background: #95371d; }
.trennlinie { border-bottom: 1px solid #e4e4e4; height: 10px; margin: 10px 0px 20px 0px; } 
}