@charset "utf-8";

/*
-----------------------------------------------
Author:   	Christian Hamann
Version:  	19 Mai 2009
Site:		dabai-berlin.de
----------------------------------------------- */

@media screen, projection, print {


/* Clean slate */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th, td, form {
margin: 0; padding: 0; border: 0; list-style: none; font-size: 100%; font-weight: normal; }
img { border: 0px;}


body { 
		font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #003399; /* EU-blau*/
		background-color: #FFF;
		}


h3, h4 { 
		font: bold 18px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
		margin-bottom: 18px;
		} 

h5 {
		font-weight: bold;
		} 
				
p {
		margin-bottom: 18px;
		}

em {
		font-style: normal; 
		}

noscript {
		background-color: #FFFF99;
		}

.clear {
	position: relative;
	clear: both;
	}


/* Links */

a img 	{ border: none !important; }
a:focus	{ outline: none !important; }

a:link			{ color: #003399; text-decoration: underline; }
a:visited 		{ color: #003399; text-decoration: underline; }
a:hover 		{ color: #FF7B04; text-decoration: underline; }
a:active		{ color: #FF7B04; text-decoration: underline; }

#nav a:link 	{ color: #003399; text-decoration: none; }
#nav a:visited  { color: #003399; text-decoration: none; }
#nav a:hover 	{ color: #FF7B04; text-decoration: none; }
#nav a:active	{ color: #FF7B04; text-decoration: none; }

li a:link		{ color: #003399; text-decoration: none; }
li a:visited 	{ color: #003399; text-decoration: none; }
li a:hover 		{ color: #FF7B04; text-decoration: none; }
li a:active		{ color: #FF7B04; text-decoration: none; }



/* Header */

#logo { 
		float: left;
		width: 309px;
		height: 81px;
		margin: 10px 10px 30px 10px;
		background: url(../../media/dabai.gif) no-repeat;
		}

#logo:hover {
		background: url(../../media/dabai-hover.gif) no-repeat;
		}
	
#dabai h1, 
#eu h5, 
h2#claim { 
		text-indent: -999em;
		}	
		
#eu {
		position: absolute;
		top: 40px;
		left: 900px;
		width: 76px;
		height: 21px;
		background: url(../../media/eu-logo-small.gif) no-repeat;
		}		
	
	

/* Navigation  */

div#navigation {
		float: left;
		height: 40px;
		}

#menu {	
		margin: 45px 0 0 5px; 
		}
				
ul#nav li {		
		display: inline;
		list-style: none; 
		margin-right: 20px;
		font: bold 16px/17px "Helvetica Neue", Arial, Helvetica, sans-serif;
		}

li#currentpage	{color: #FF7B04;}	



/* Tabellen Referenzen*/

table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 870px;
		}

table td {
		border: 0;
		text-align: left;
		vertical-align: top;
		padding: 6px 0px 7px 6px;
		}

table tr.jahr td { 
		font-weight: bold;
		}

		
	
	
/* Layout */

#global {
		text-align:left;
		}

#content { 
		float: left;
		padding: 0 10px 10px 50px;
		}

#content ul {
  		margin: 18px 0 18px 10px;
		}

#content ul li {
		margin: 0 0 0 10px;
		list-style: disc outside;
		}

#col-eng, 
#col-ger, 
#col-esp, 
#col-pot, 
#footer, 
.col-info,
#col-ref {
		float: left;
		width: 280px;
		margin: 0 10px 10px 0;
		padding: 10px 5px 10px 10px;		
		border-top: #FF7B04 1px solid;
		}
		
#col-ger {		
		border-top: #003399 1px solid;
		width: 590px;
		}
	
#footer, .col-info { 
		border-top: #003399 1px solid; 
		}

#col-ref {
		border-top: #003399 1px solid;
		width: 870px;
		}
		
#col-eng h3,
#col-esp h3,
#col-pot h3  { font-size: 16px;}

#col-ger p, 
#col-ref,
#col-ger ul li {font: 14px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;}

#col-eng {color: #FF7B04; background: #FFF url(../../media/eng.gif) 260px top no-repeat;}
#col-esp {color: #FF7B04; background: #FFF url(../../media/esp.gif) 260px top no-repeat;}
#col-pot {color: #FF7B04; background: #FFF url(../../media/pot.gif) 260px top no-repeat;}

#col-eng:hover {background: #FFF url(../../media/eng-x.gif) 260px top no-repeat;}
#col-esp:hover {background: #FFF url(../../media/esp-x.gif) 260px top no-repeat;}
#col-pot:hover {background: #FFF url(../../media/pot-x.gif) 260px top no-repeat;}

#col-eng:hover,
#col-esp:hover, 
#col-pot:hover {
		color: #003399; 
		border-top: #003399 1px solid;
		}	

#img-fade {
		float: left;
		width: 315px;
		height: 230px;
		margin: 0 10px 10px 0;
		border-top: #003399 1px solid;
		}
		
#img-fade li { 		
		font: 10px/14px "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #003399; 
		}
		
#img-1col {
		float: left;
		width: 315px;
		margin: 0 10px 10px 0;	
		border-top: #003399 1px solid;
		}
		
/* Home */

div#about  {
		float: left;
		width: 650px;
		height: 230px;		
		margin: 0 10px 10px 0;
		}

#about p, 
#about h3 {		
		font: 18px/24px "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #003399;
		padding-left: 60px;
		padding-right: 10px;
		}

#about em { 		
		font: bold 16px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
		letter-spacing: 0.025em;
		}
		
/* Hidden Footer und EU Logo */

#outgoing #footer,
#home #footer,
#links #footer,
#incoming #footer,
#galerie #footer,
#referenzen #footer,
#referenzen #eu,
#links #eu,
#outgoing #eu,
#incoming #eu,
#impressum #eu,
#galerie #eu,
#kontakt #eu,
#home #eu {
		display: none;
		} 
		
/* Ende @media screen, projection */
}




/** Darstellung Druck-Ausgabe
------------------------------------------------- */

@media print {

body {
	font-size: 12pt;
	line-height: 20pt;
	padding: 0;
	margin: 0;
	}


body, 
#col-ger, 
#col-eng, 
#col-esp, 
#col-pot, 
#col-info { 	
		color: #000000 !important;
 		background: none !important;
		float: none !important;
		overflow:visible !important;
		position:static !important;
		width: auto !important;
		border: 0;
		}
		
#container {
		width: 90% !important;
		background-image: none;
		}

#logo,
#dabai,
#eu,  
#navigation,
#img-fade,
.clear,
#img-1col,  
#footer, 
#yn-logo, 
.titelbild { 
		display: none;
		}

/* typo */
#col-info h2, 
#col-ger h2, 
#col-eng h2, 
#col-esp h2, 
#col-pot h2 {
		padding: 0 0 0.1em;
		font-size: 1.3em;
		color: #000000;
		}

#col-info h3,
#col-ger h3, 
#col-eng h3, 
#col-esp h3, 
#col-pot h3, h4, h5, h6 {
		font-size: 1.1em;
		margin: 1em 0 0.2em 0;
		text-decoration: none;
		color: #000000;
		}

p {
		margin: 0.5em 0 1em 0;
		}

#col-ger h3, #col-ref h3 { color: #000000;}

#col-eng h3,
#col-esp h3,
#col-pot h3  { font-size: 12pt;}

#col-ger p, 
#col-ref,
#col-ger ul li {font: 12pt/20pt "Helvetica Neue", Arial, Helvetica, sans-serif;}

/* Links plus generierter content) */
.bodytext a:link, .bodytext a:visited {
		background: transparent;
		color: #520;
		text-decoration: underline;
		}

.bodytext a:link:after,
.bodytext a:visited:after,
.bodytext a:hover:after,
.bodytext a:active:after {
		content: " <" attr(href) "> ";
		color: blue;
		font-style: italic;
		font-weight: normal;
		border: none;
		padding:0;
		margin: 0;
		}

.bodytext a[href^="/"]:after {
		content: " <http://dabai-berlin.de"attr(href)"> ";
		}
.bodytext a[href^="mailto"]:after {
		content: "";
		}

#content ul li {
		list-style-position: outside; 
		list-style: disc;
		padding-left: 0px;
		}

/* Tabellen Kopf wdh. bzw. kein Seitenumbruch */
thead {display: table-header-group;}
tr {page-break-inside: avoid;}


  
}