/* CSS LUNA PARK WEB-RELAUNCH: Web-Layout */


/* ////////// ALLGEMEINE HTML-TAGS /////////*/
html, *+html {height:100%;}

body {
 height:100%;
 margin:0%;
 padding:0%;
 font-family:Verdana,Arial,sans-serif;
 font-size:11px;
 line-height:16px;
 color:#576161;
 background-color:#FFFFFF;

 /* Zentrierung der Seite für IE 5.5 */
 text-align: center;
}

div {
 margin:0%;
 padding:0%;
}

h1 {
 font-size:14px;
 font-weight:bold;
}

h2 {
 font-size:14px;
 font-weight:bold;
}

 h3, h4, h5, h6 {
 font-size:11px;
 font-weight:bold;
}

p {
 font-weight:normal;
 margin-top:20px;
 margin-left:0px;
 margin-bottom:0px;
 margin-right:0px;
}

b, strong, p strong {
 font-size:11px;
 font-weight:bold;
}

font {
 font-size:11px;
 color:#576161;
}

table {
 margin:0%;
 padding:0%;
 width:100%;
 background-color:#EBE9DC;
}

/* ////////// --/ENDE--  ALLGEMEINE HTML-TAGS /////////*/

/* DER GLOBALE KASTEN; DER ALLES UMSCHLIESST */

div#container-all {
 margin:0% auto;  /* "auto" - Zentrierung der Seie für alles ausser IE 5.5 */
 width:980px;
 background-color:#EBE9DC;
 
}


/* ////////// CODES FUER DIE INTRO-SEITE /////////*/


div#container-start {
 margin:0% auto;
 width:980px;
 height:100%;
}

div#container-start table {
 margin:0%;
 width:100%;
 height:100%;
 background-color:#FFFFFF;
}

div#ani-start {
}

/* ////////// --/ENDE-- CODES FUER DIE INTRO-SEITE /////////*/



/* ////////// CODES FUER DIE HOME-SEITE /////////*/

div#mitte-rechts-oben-home {
 position:relative;
 top:0px;
 left:0px; 
 width:720px;
}


div#mitte-rechts-obenLinks-home {
 position:relative;
 float:left;
 top:0px;
 left:0px; 
 width:720px;
 background-color:#EC0000;
/* background-color:#F2D410;*/
 text-align:left;
}


div#homebild {
 float:left;
 background-image: url(); /*Achtung: Bildgroesse:700 x 200 */ 
 background-repeat:no-repeat;
 /*background-color:#EC0000;*/
 background-color:#F3B001;
 width:700px;
 height:200px;
}

/*  IE 5.5 hack*/
div#homebild div.csc-textpic-clear {
height:0px;
margin-top: -40px;
visibility: hidden;
}

* html body div#homebild div.csc-textpic-clear {
height:0px;
margin-top: -40px;
visibility: hidden;
}


/* RECHTS-UNTEN - Umschliesst den unteren Bereich rechts vom Menue: CONTENT*/

div#mitte-rechts-unten-home{
 position:relative;
 top:0px;
 left:0px; 
 float:left;
 width:720px;
 /*height:0%;*/
 background-color:#EBE9DC;
}

div#breadcrumb-home {
 position:relative;
 top:0px;
 float:left;
 width:720px;
 font-size:10px;
 font-weight:normal;
 color:#576161;
 vertical-align:bottom;
 text-indent:10px;
 text-align:left;
 background-color:#F3B001;
 height:20px;
}

div#breadcrumb-home p {
margin-top:0px;
margin-left:0px;
}


/* Bereich: CONTENT - HOME */

div#content-home{
 position:relative;
 float:left;
 top:0px;
 left:0px; 
 width:430px;
 background-color:#FFFFFF;
 color:#576161;
 text-align:left;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 
 /*  IE 5.5 hack*/
 
 width:490px;
 voice-family: "\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
 voice-family:inherit;
 width:430px;

}



div#content-home h1 {
 margin:0px;
 padding:0px;
 /*line-height:4em;*/
 font-size:14px;
 font-weight:bold;

}

div#content-home h2 {
 margin:0px;
 padding:0%;
 font-size:14px;
 font-weight:bold;
}

div#content-home h3,h4,h5,h6 {
 margin:20px;
 padding:0%;
 font-size:11px;
 font-weight:bold;
}

div#content-home p {
 padding:0%;
 font-size:11px;
 margin-top:20px;
 margin-left:0px;
 margin-bottom:0px;
 margin-right:0px;
}

div#footer-home{
 position:relative;
 float:left;
 top:0px;
 left:0px; 
 width:490px;
 height:20px;
 text-align:left;
 text-indent:10px;
 font-size:10px;
 background:#F2F3F3;
}

/* ///////////Bereich: NEWS HOMESEITE //////////// */
div#news-home{
 position:relative;
 float:left;
 top:0px;
 left:0px;
 width:430px;
 min-height:250px;
 background-color:#FFFFFF;
 font-size:11px;
 color:#576161;
 text-align:left;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;

 
/*  IE 5.5 hack*/
 
 width:490px;
 voice-family: "\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
 voice-family:inherit;
 width:430px;
}

div#news-home h1 {
 font-size:14px;
 margin-top:20px;
 margin-left:0px;
 margin-bottom:10px;
 margin-right:20px;
}
div#news-home table.latest-news{
 background-color:#FFFFFF;
 border:0px;
}
div#news-home tr {
 background-color:#FFFFFF;

}
div#news-home dd{
 padding:0px;
 margin:0px;
 font-weight:bold;
 background-color:transparent;
 text-align:right;

}

div#news-home td.spacer-news {
 background-color:#FFFFFF;
 height:10px;
}

div#news-home td.spacer-bottom {
 background-color:#FFFFFF;
 height:20px;
}

div#news-home font {
 font-size:11px;
}

div#news-home p {
 padding:0px;
 font-size:11px;
 margin-top:5px;
 margin-left:0px;
 margin-bottom:10px;
 margin-right:0px;
 background-color:#F7F6F1;
}



/* Bereich: PROJEKTE */

div#projekte-home {
 position:relative;
 float:right;
 width:230px;
 /* background-color:#FF0000;*/
 color:#576161;
 text-align:center;
 
}
div#aktuell{
 position:relative;
 float:right;
 margin-top:10px;
 padding-top:10px;
 padding-bottom:10px;
 width:230px;
 background-color:#A3B5D5;
 color:#576161;
 text-align:center;
}

div#aktuell h1{
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
}

div#aktuell p.bodytext {
 width:230px;
 font-weight:bold;
 text-align:center;
}

div#aktuell dd.csc-textpic-caption {
 margin-top:10px;
 font-weight:bold;
}

div#aktuell img {
 margin-top:10px;
}

/* Bereich: PROJEKTE */

div#projekte-home {
 position:relative;
 float:right;
 width:230px;
 /* background-color:#FF0000;*/
 color:#576161;
 text-align:center;
}
div#aktuell{
 position:relative;
 float:right;
 margin-top:10px;
 padding-top:10px;
 padding-bottom:10px;
 width:230px;
 background-color:#A3B5D5;
 color:#576161;
 text-align:center;
}

div#aktuell h1{
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
}

div#aktuell p.bodytext {
 width:230px;
 font-weight:bold;
 text-align:center;
}

div#aktuell dd.csc-textpic-caption {
 margin-top:10px;
 font-weight:bold;
}

div#aktuell div.csc-textpic-clear {
padding-bottom:0px;
}

div#aktuell img {
 margin-top:10px;
}



/* ////////// --/ENDE-- CODES FUER DIE HOME-SEITE /////////*/



/* ////////// CODES FUER DEN HAUPTTEIL DER SEITE /////////*/


/*  ////////// Der OBERE / 1. KASTEN: RAHMEN und Codes fuer das SERVICEMENUE  /////////*/

div#container-top {
 width:980px;
 min-height:20px;
 height:20px;
 background-color:#EBE9DC;
}

/* ////////// CODES FUER DIE SERVICE-NAVI /////////*/

div#service-navi {
 position:relative;
 float:left;
 height:20px;
 min-height:20px;
 line-height:20px;
 font-size:10px;
 font-weight:normal;
 vertical-align:bottom;
 padding-right:10px;
 background-color:#F3B001;
 text-align:right;
 width:960px;
 voice-family: "\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
 voice-family:inherit;
 width:950px;
}
.service{
 list-style-type:none;
 margin:0%;
 padding:0%;
}

div#service-navi ul{
 list-style-type: none;
 margin:0;
 padding:0%;
}
div#service-navi ul li{
 display: inline;
 margin:0;
 padding:0%;
}

/* //////////  --/ENDE-- CODES FUER DIE SERVICE-NAVI /////////*/
/*  ////////// --/ENDE-- OBERER / 1. KASTEN/////////*/


/* ////////// Der 2. KASTEN: RAHMEN fuer den gesamten Teil UNTERHALB des SERVICEMENUES //////////*/
div#mittelteil-aussen {
 position:relative;
 width:980px;
 background-color:#EBE9DC;
}
/* ////////// --/ENDE-- Des 2. KASTENS: RAHMEN fuer den gesamten Teil UNTERHALB des SERVICEMENUES //////////*/


/* AUSRICHTUNG LINKER RAHMEN: Umschliesst den gesamten linken Teil unterhalb des Servicemenues - Position, Groesse, Farbe etc.*/

div#mitte-links {
 position:relative;
 float:left;
 top:0;
 left:0;
 margin:0;
 padding:0;
 padding-left:20px;
 width:240px;
 /*height:100%;*/
 background-color:#EBE9DC;
}

/* LINKER RAHMEN: Logo-LP64*/

div#mitte-links-logo {
 position:relative;
 float:left;
 margin:0;
 margin-top:20px;
 /*margin-left:20px;*/
 width:220px;
 height:57px;
 text-align:left;
}

/* ////////LINKER RAHMEN: HAUPTMENÜ////////*/

div#mitte-links-Hauptmenue {
 position:relative;
 float:left;
 margin-top:20px;
 /*margin-left:20px;*/
 font-size:11px;
 color:#7C7A78;
 font-weight:normal;
 text-align:left;
}
/* ////////FORMATIERUNG HAUPTMENÜ////////*/

.navi-main {
 list-style-type:none;
 margin:0;
 padding:0;
}

div#mitte-links-Hauptmenue ul {
 list-style-type:none;
 margin:0;
 padding:0;

}

div#mitte-links-Hauptmenue ul li {
 list-style:none;
 margin:0;
 padding:0;
}
/* ////////FORMATIERUNG SPEZIALMENÜ////////*/

.docLinks {
 list-style-type:none;
 margin:0%;
 padding:0%;
}

div#mitte-links-docLinks{
 position:relative;
 float:left;
 top:0;
 left:0;
 margin-top:200px;
 /*margin-left:20px;*/
 font-size:11px;
 color:#7C7A78;
 font-weight:normal;
 text-align:left;
}

div#mitte-links-docLinks ul {
 list-style-type:none;
 margin:0;
 padding:0;
 width:180px;
 border-top:1px solid #576161;
}

div#mitte-links-docLinks ul li {
 margin:0%;
 padding:0%;
}



/* AUSRICHTUNG RECHTER RAHMEN: Umschliesst den gesamten rechten Teil unterhalb des Servicemenues.*/

div#mitte-rechts {
 position:relative;
 float:right;
 width:720px;
 height:100%;
 background-color:#EBE9DC;
}

/* RECHTS-OBEN -  Umschliesst den oberen Bereich rechts vom Menue: HAUPTBILD/ BREADCRUMB*/

div#mitte-rechts-oben {
 width:700px;
 height:220px;
 background-color:#F2D410;
 /*border-right:20px solid #E55B57;*/
 border-right:20px solid #EC0000;
}

div#mitte-rechts-obenLinks {
 float:left;
 width:700px;
 height:220px;
 background-color:#F3B001;
 text-align:left;

}

div#hauptbild {
 float:left;
 background-image: url(); /*Achtung: Bildgroesse:700 x 200 */
 background-repeat:no-repeat;
 width:700px;
 height:200px
}

/*  IE 5.5 / IE 6 hack*/
div#hauptbild div.csc-textpic-clear {
height:0px;
background:#FF0000;
margin-top: -40px;
visibility: hidden;
}
/*  IE 5.5 / IE 6 hack:  Eliminiert den Rand unter dem Hauptbild*/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	

/* ////////FORMATIERUNG DIV-TAG BREADCRUMB////////*/

div#breadcrumb {
 position:relative;
 top:0px;
 float:left;
 width:700px;
 font-size:10px;
 font-weight:normal;
 color:#576161;
 vertical-align: bottom;
 text-indent:10px;
 text-align:left;
 height:20px;
}

div#breadcrumb p {
 margin-top:0px;
 margin-left:0px;
}



/* RECHTS-UNTEN - Umschliesst den unteren Bereich rechts vom Menue: CONTENT*/



div#mitte-rechts-unten {
 position:relative;
 top:0px;
 left:0px; 
 float:left;
 width:720px;
 height:0%;
 background-color:#EBE9DC;
}

div#content{
 position:relative;
 float:left;
 top:0px;
 left:0px; 
 width:640px;
 background-color:#FFFFFF;
 font-size:11px;
 color:#576161;
 text-align:left;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 
 width:700px;
 voice-family: "\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
 voice-family:inherit;
 width:640px;
 min-height:500px;
}

* html body div#content{ /*  IE 5.5 hack*/
 height:600px;
}


/* ////////// CODES FUER DEN NEWS-BEREICH /////////*/


div#content table.news-list,
div#content table.news-single,
div#content table.show-archiv,
div#content table.no-archiv tr,
div#content table.no-archiv td, 
div#content table.no-archiv {
 background-color:#FFFFFF;
}

div#content table.news-list td, div#content table.news-single td {
 /*background-color:#F7F6F1;*/ 
}

div#content table.show-archiv, 
div#content table.no-archiv, 
div#content table.news-list font, 
div#content table.news-single font {
 font-size:11px;
 color:#576161;
}

.tease-head {
 background-color:#EBE9DC;
}
.tease {
 background-color:#F7F6F1;
}



/* //////////--ENDE -- CODES FUER DEN NEWS-BEREICH /////////*/

/* RECHTS-UNTEN - TEXT-FORMATIERUNG: CONTENT*/


div#content h1 {
 margin:0px;
 padding:0px;
 font-size:14px;
 font-weight:bold;
 padding-bottom:20px;
}

div#content h2,h3,h4,h5,h6 {
 padding:0%;
 font-size:11px;
 font-weight:bold;
}

div#content p {
 margin:0%;
 padding:0%;
 padding-bottom:20px;
 font-size:11px;
}


/* ////////// CODES FUER DIE MATRIX-SEITE: CASE STUDIES /////////*/

div#matrix{
 top:0px; 
 left:20px;
 margin-top:30px;
 margin-bottom:30px;
 margin-left:0px;
 width:638px;
 height:335px;
 color:#576161;
 text-align:left;
 border:1px solid #576161;
 border-left:0px;
}

div#matrix-header{
 position:relative;
 margin:0;
 float:left;
 width:638px;
 height:65px;
 /*background-color:#EC0000;*/
 background-color:#015873;
 color:#576161;
 text-align:left;
 border-left:1px solid #576161;
}

div#matrix-header img {
 float:right;
 margin:0; 
 padding:0;
 margin-top:2px; 
 margin-right:10px; 
}


div#matrix-content {
 overflow:auto;
 position:relative;
 float:left;
 margin:0;
 top:0px; 
 left:0px; 
 width:638px;
 height:270px;
 background-color:#FFFFFF;
 color:#576161;
 text-align:left;
 border-left:1px solid #576161;
}

div#matrix-content table {
 margin:0px;
 padding:0px;

 background-color:#FFFFFF;
 color:#576161;
 text-align:left;
 border-collapse:collapse;
 width:620px;
 voice-family: "\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
 voice-family:inherit;
  width:622px;
}

div#matrix-content table td {
 margin:0;
 padding:5px;
}

div#matrix-content table td.td-0 {
 width:336px;
}

div#matrix-content table td.td-1,
div#matrix-content table td.td-2,
div#matrix-content table td.td-3,
div#matrix-content table td.td-4,
div#matrix-content table td.td-last {
 width:44px;
 text-align:center;
 border-left:1px solid #576161;
}

div#matrix-content table td.td-1,
div#matrix-content table td.td-3, 
div#matrix-content table td.td-last {
 background-color:#FCF4C3;
}
/* ////////// CODES FUER DIE GESAMTÜBERSICHT REFERENZEN-SEITE /////////*/



div#case-study div.csc-textpic-text {
margin-left:30px;
}

div#referenz  DIV.csc-textpic-imagewrap {
 width:170px;
 text-align:center;
 /*background-color:#FCF4C3;*/
}

/*div#referenz  DIV.csc-textpic-imagewrap DL DT {
 width:170px;
 text-align:center;
 /*background-color:#FCF4C3;*/
}*/

div#referenz div.csc-textpic-text {
margin-left:30px;
}

div#referenz div.csc-textpic-clear {
padding-bottom:20px;
}
/* ////////// CODES FUER DIE NEWSLETTER-ANMELDUNG /KONTAKTFORMULAR CAFE /////////*/

 form#mailform {
 position:relative;
 left:0;
 width:400px;
 height:320px;
 background-color:#F7F6F1;
 border:1px solid #EBE9DC;
 margin-bottom:60px;
}


#mailformgeschlechtHerr {
 position:relative;
 top:5px;
}

#mailformgeschlechtFrau {
 position:relative;
 top:-28px;
 margin-left:80px;
}

fieldset.csc-mailform {
 padding:5px;
 background-color:#F7F6F1;
 border:0px;
}


div.csc-mailform-field input {
 height:20px;
 margin-top:10px;
 background-color:#FFFFFF;
 border:1px solid #EBE9DC;
}

input#mailformname, 
input#mailformemail {
position:relative;
left:30px;
}
input#mailformvorname{
position:relative;
left:10px;
}

textarea#mailformtext {
position:relative;
margin-top:10px;
left:35px;
background-color:#FFFFFF;
border:1px solid #EBE9DC;
}

input#mailformformtype_mail{
 margin-top:20px;
 height:24px;
 background-color:#EBE9DC;

}


/* ////////// CODES FUER DIE TEAM-BILDER SEITE /////////*/
div#team div.csc-textpic csc-textpic-center csc-textpic-above csc-textpic-caption-c,
div#team div.csc-textpic-imagewrap,
div#team div.csc-textpic-imagerow {
width: 640px !important;
}

div#team DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image  {
 margin-left: 20px; /* Abstand zwischen den Bildern */
}

div#team DIV.csc-textpic-caption-c .csc-textpic-caption { height: 20px;}

div#team DIV.csc-textpic-text {
position:relative;
top:20px;
}


/* ////////// CODES FUER DIE FUSSZEILE /////////*/

div#footer{
 position:relative;
 float:left;
 top:0px;
 left:0px; 
 width:700px;
 height:20px;
 text-align:left;
 text-indent:10px;
 font-size:11px;
 background:#F2F3F3;
}