/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0; vertical-align: bottom }

body      {  }

/* Stile fuer Layoutelemente */
#wrapperout  { position: absolute; width: 896px; left: 50%; margin-left: -448px; top: 0; height: 560px; margin-top: 0;  }
/* Versteckt vor IE 5 MAC */
@media all { #wrapperout  { top: 50%; margin-top: -280px; }}

#wrapperin  { position: absolute; top: 64px; left: 30px; width: 870px }
#wrapperin  { background-color: #fff; }

#naviwrap, #contentwrap { position: relative;   }

#contentwrap { height: 460px; overflow: auto; margin-top: 7px }
#content { }

.clfl { clear: both; height: 1px; overflow: hidden; background-color: transparent; }
.ac { overflow: hidden; zoom: 1; }

.aclr    { zoom: 1; min-height: 1%;  }
.aclr:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

.clr 	{ clear: both; }
.col	{ float: left; display: inline; position: relative; }
.hd 	{ position:absolute; top:-32768px; left:-32768px; }
.ib		{ display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; }
.bsbb	{ 
	-webkit-box-sizing: border-box; /* safari3 */
	 -khtml-box-sizing: border-box; /* konqueror */
	   -moz-box-sizing: border-box; /* ff2 */
	    -ms-box-sizing: border-box; /* ie8 */
	        box-sizing: border-box; /* css3 rec */
}


/*= NAV 1 ========================================== */
.bM         { position: relative; left: -10px  }
.bM li {  }

.nav1ul, .nav1ul ul { list-style-type:none; }
.nav1ul { }

.nav1li, .nav1lia, .nav1liasub, .nav1lilast, .nav1lialast { float: left; position: relative;  }
.nav1lilast, .nav1lialast { padding: 0; border-bottom: 0 }
.nav1ul a  { font-size: 12px; line-height: 10px; font-weight: normal; text-decoration: none; color: #666; display: block; position: relative  }

.nav1a, .nav1a:link, .nav1a:visited  { }
.nav1a:hover {  }

.nav1aa, .nav1aa:link, .nav1aa:visited, .nav1aa:hover  { color: #7d6e69; }

/*- NAV 2 ------------ */
.nav1liasub .nav2ul { display: none }
.nav2ul { padding-bottom: 5px; position: absolute; top: 30px; background-color: #fff; z-index: 1500; width: 250px } 

.nav2li, .nav2lia      { }
.nav2li a, .nav2lilast a  { font-size: 10px; font-weight: normal; text-decoration: none; display: block; text-transform: uppercase; margin-bottom: 1px;  }

.nav2a, .nav2a:link, .nav2a:visited  { color: #afa49e; padding: 0 9px; }
.nav2a:hover {  }

.nav2aa, .nav2aa:link, .nav2aa:visited, .nav2aa:hover  {  }



/*= NAV 1 ========================================== */
.bM         { position: relative; left: -10px  }
.bM li {  }

.l1ul, .l1ul ul { list-style-type:none; }
.l1ul { }

.l1li, .l1lia { float: left; position: relative;  }
.l1lilast, .l1lialast { padding: 0; border-bottom: 0 }
.l1ul a  { font-family: 'BodoniSeventytwoITCW01-_731142', Times, serif; font-size: 17px; line-height: 15px; font-weight: normal; text-decoration: none; color: #B1A8A5; display: block; position: relative; text-transform: uppercase; padding: 5px 12px 9px 11px; letter-spacing: .04ex;
/*text-shadow: 0 0 .5px #ddd;*/
}


.l1a, .l1a:link, .l1a:visited  { }
.l1a:hover { color: #333333; }

.l1aa, .l1aa:link, .l1aa:visited, .l1aa:hover  { color: #7d6e69; }

.l1ul a { transition: color .3s; }

.l1li::before, .l1lia::before { content:''; position: absolute; top: 50%; margin-top: -9px; right: 0; width: 1px; height: 15px; background: #B1A8A5; }
.l1ul > li.last::before { display:none; }

/*- NAV 2 ------------ */
.l1lia .l2ul { display: none; }
.l1lia.act .l2ul { display: block; }

.l2ul { padding-bottom: 5px; position: absolute; top: 30px; background-color: #fff; z-index: 1500; width: 300px } 

.l2li, .l2lia      { }
.l2li a, .l2lilast a  { font-size: 13px; font-weight: normal; text-decoration: none; display: block; text-transform: uppercase; margin-bottom: 1px;  }

.l2a, .l2a:link, .l2a:visited  { color: #B1A8A5; padding: 2px 9px; }
.l2a:hover { color: #333333; }

.l2aa, .l2aa:link, .l2aa:visited, .l2aa:hover  { color: #7d6e69; }


/* ================================================ */
/* Seiten mit Projektgalerien */
.gallery .contentelement { position: absolute; background-color: #fff; width: 100%  }
.gallery .contentelement h2 { display: none }


#toggler { position: absolute; top: 427px; right: 28px; height: 30px; z-index: 1000; text-align: right; display: none }

#toggler span a { display: inline; position: relative; padding: 2px 1px; margin: 0 1px; vertical-align:middle; outline:0; border: 0; text-decoration: none; line-height: 12px }
#toggler a:active, #toggler a:focus { outline:0; border: 0 }

#toggler span, #swback, #swfor { float: right; position: relative; height: 18px; }
#toggler span { margin-top: 1px; }
#swback, #swfor { width: 22px; background: url("../../media/gfx/layout/NextPrevUpDown.gif") no-repeat 4px 0 #fff; padding: 0; }
#swback { background-position: 4px -18px; }

#toggler .zfn, #toggler .zfa {  }
#toggler .zfn { font-weight: normal;  }
#toggler .zfa { font-weight: bold;  }

.kat298 #toggler span { width: 5em; overflow: hidden; }
.kat298 #toggler .zfn, .kat298 #toggler .zfa { position: absolute; top: 0; left: 50%; width: 5em; margin-left: -2.5em; text-align: center;  }
.kat298 #toggler .zfn { left: -999em; }
.kat298 #toggler .zfa b { font-weight: normal; }


.gallery .csc-textpic-imagewrap dl { padding: 0 !important; margin: 0 !important; position: relative; width: 425px !important;  }
.csc-textpic-image dt img { border: none;  }
.csc-textpic-caption { padding-top: 10px; padding-bottom: 5px;  }

/*.csc-textpic-text {  overflow: hidden; }*/
.gallery .csc-textpic .csc-textpic-text { float: left; padding-left: 25px; position: relative; clear: none; }
.gallery .csc-textpic-left  .csc-textpic-text { width: 275px; }

div.csc-textpic-right div.csc-textpic-imagewrap { margin-right: 30px; position: relative; display: inline }
.gallery .csc-textpic-right .csc-textpic-text { width: 275px; }
.gallery .csc-textpic-right .csc-textpic-imagewrap dl { width: auto !important }

/* Seiten ohne Projektgalerien, markiert mit Klasse csc-frame-frame1 */
.csc-frame-frame1 .csc-textpic-imagewrap    { text-align: right }
.csc-frame-frame1 .csc-textpic-imagewrap dl { margin: auto !important; width: 335px !important }

.csc-frame-frame1 {  position: relative; }
#divScroll { float: left; height: 380px; overflow: hidden; position: relative; }
#divScroll { margin-left: 355px;  }
.csc-textpic #divScroll { margin-left: 10px; position: static }

.csc-frame-frame1 .csc-textpic #divScroll .csc-textpic-text { margin: 0;  }


.kat180 .csc-textpic-text         { margin-left: 380px }
.kat173 .n3 .csc-textpic-imagewrap dl    { width: 445px !important; }
.kat283 .n1 .csc-textpic-text { width: 425px }
.kat283 .gallery .csc-textpic-imagewrap dl { width: auto !important;  }
.kat176 #divScroll { width: 510px; left: 355px; margin-left: 0; }

/*MONTAUK*/
.kat286 .gallery .n4 .csc-textpic-imagewrap dl.csc-textpic-firstcol { width: 470px !important;  }
.kat286 .gallery .n4 .csc-textpic-imagewrap dl.csc-textpic-lastcol  { width: 300px !important;  }

.kat286 .gallery .n6 .csc-textpic-imagewrap dl.csc-textpic-lastcol { width: 530px !important;  }

.csc-frame-frame1 h2 { display: block }

/* ISTANBUL 2013 */
.kat294 .gallery  div.csc-textpic-right div.csc-textpic-imagewrap { margin-right: 35px; }
.kat294 .gallery .n7 .csc-textpic-imagewrap dl.csc-textpic-firstcol { width: 415px !important;  }
.kat294 .gallery .n7 .csc-textpic-text { width: 310px !important;  }

/* MEERESNAH 2015 */
.kat296 .gallery .csc-textpic-text { margin-left: 10px; width: 320px; }

/* REFERENZEN */
/*
.kat284 .gallery .csc-textpic-imagewrap dl { padding: 0 !important; margin: 0 !important; position: relative; width: auto !important;  }
.kat284 .gallery .csc-textpic .csc-textpic-text { float: none; position: static; }
.kat284 #content .gallery .n2 .csc-textpic-text p { margin-bottom: 0 !important }

.kat284 .gallery .n4 .csc-textpic-imagewrap { margin-left: 265px !important;  }

.kat284 .gallery .n5 img { vertical-align: top; }
.kat284 .gallery .n5 div.csc-textpic-right div.csc-textpic-imagewrap { margin-right: 35px; }
.kat284 .gallery .n5 .csc-textpic-imagewrap dl.csc-textpic-firstcol { width: 415px !important;  }
*/

/* DAS WICHTIGSTE 2016 */
.kat298 .gallery .csc-textpic-intext-left .csc-textpic-text { margin-left: 10px; }
.kat298 .gallery .csc-textpic-right .csc-textpic-text { width: 320px; }

.kat298 .gallery .csc-textpic-right .csc-textpic-imagewrap img { margin-right: 5px; }

/* GRUSSKARTEN */
.kat301 .gallery .csc-textpic-imagewrap dl { padding: 0 !important; margin: 0 !important; position: relative;  }
.kat301 .gallery .n3 .csc-textpic-imagewrap { margin-left: 265px !important;  }

.kat301 .gallery .n4 img { vertical-align: top; }
.kat301 .gallery .n4 div.csc-textpic-right div.csc-textpic-imagewrap { margin-right: 35px; }
.kat301 .gallery .n4 .csc-textpic-imagewrap dl.csc-textpic-firstcol { width: 415px !important;  }

/* ALLE TEXT UNTER "INFOS" */
.kat288 .gallery .csc-textpic-intext-left .csc-textpic-text { margin-left: 10px; }

/* ================================================ */
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Textstile */
body,h1,h2,h3,p,table,a,form,input,textarea,select,caption   { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #7d6e69; line-height: 15px }

#content p, #content ul   { margin: 0 0 1.2em 0; }
#content ul { margin-left: 0; list-style: none }

.csc-frame-frame1 h2, #content p, .csc-textpic-caption, .csc-textpic-caption h3, .csc-textpic-caption a, .csc-textpic-caption a:link { font-weight: normal; font-size: 9px !important; color: #7d6e69 !important; line-height: 12px }

#content p, #content a, #content caption { font-size: 10px !important; line-height: 13px; margin-top: 2px; text-decoration: none }
#content a, #content a:link, #content a:visited { }
#content a:hover { color: #333 }

.kat298 #content p, .kat298 #content a, .kat298 #content caption { font-size: 11px !important; line-height: 14px; margin-top: 0; margin-bottom: 2px; }


#content .gallery .csc-textpic-text h3, 
#content .gallery .csc-textpic-text p,
#content .gallery .csc-textpic-text ul { font-size: 10px; margin-bottom: 12px }
#content .gallery p, 
.kat288 .csc-textpic-text p { font-size: 10px; margin-bottom: 12px !important }
#content .gallery a, #content .gallery p { margin-top: 0; }

#content .gallery .csc-textpic-text li { line-height: 13px; padding: 0 0 0 0;  }

#content .csc-textpic-text ul { list-style: none; padding-left: 0; }
#content .csc-textpic-text ul li { list-style: none; margin-left: 1em; padding-left: 0; position: relative; }
#content .csc-textpic-text ul li:before {
	color: #7d6e69;
	content:"•";
	text-indent: 0;
	font-size: 1em;

	position: absolute;
	top: 0;
	left: -1em;
}


p.align-right { text-align: right }

.csc-frame-frame1 h2, .csc-textpic-caption h3 { text-transform: uppercase;   }

#scroll { position: absolute; right: 85px; width: 50px; top: 5px; display: none; z-index: 2000; }
#scroll a { position: absolute; top: 0; left: 0; width: 14px; height: 18px; background: url("../../media/gfx/layout/NextPrevUpDown.gif") no-repeat 0 -54px #fff; outline: 0; border: 0;  }
#scroll #sDown { top: 355px; background-position: 0 -36px }
#scroll #sUp   {  }

/* FV 2009-02-10 */
#content table { margin-bottom: 8px; }
#content td { vertical-align: top; padding: 0 0 3px 0; }
#content td p { margin: 0; }
#content table caption { text-align: left; padding: 0 0 3px 0; }
#content p.absatzliste { line-height: 16px !important; margin-bottom: 10px;}
.tab60px { width: 6em; }
span.tab60px { float: left;}
/* ================================================ */