html		{overflow:scroll;}
body        {
                width:70%;
                max-width:550px;
                font-family: "Trebuchet MS", Verdana, sans-serif;
                color:#000;
                font-size:0.9em;
                line-height:1.6em;
                margin:0;
                padding:0;
				margin-left:auto;
				margin-right:auto;
                padding-left:250px; 
				padding-top:140px; /* für Kopfzeile, auch Opera-tauglich */
                background:#eee;
                }
body p {
	margin: 0 0 0.8em 0;
}

/* 
   Überschriften
   H1 immer nur oben auf der Seite 
   H2 Kategorien und Kunden
   H3 einzelne Projekte 
*/
h1 {
                color: #a01010;
                margin-top:0;
                letter-spacing: 1px;
                font-weight: bold;
                font-size: 2em;
				line-height:1em;
                }
h2 {
	            color: #a01010;
				margin-top:0;
                margin-bottom:0.5em;
                letter-spacing: 1px;
                font-weight: bold;
                }

h3, h4 {
                color: #a01010;
                margin-top: 1.5em;
                margin-bottom:0.5em;
                font-weight: bold;
                letter-spacing: 1px;
 				}


/* allgemeine Links */
a {font-weight:bold;}
a:link {
                color:#6080b0;
                text-decoration:none;
                }
a:visited {
                color:#9090a0;
                text-decoration:none;
                }
a:hover {
                color:#6080b0;
                text-decoration:underline;
                }
a:active {
                color:#9090c0;
                text-decoration:underline;
                }
a:focus {
                color:#6080b0;
                text-decoration:underline;
                }
/* Links in Übs auf Projektseiten (Adv) sollen blau sein -- aber Rubriken-Links auf der Startseite? */
/*
h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:focus {
				color:#a01010;
				text-decoration:none;
				}
h3 a:hover {			
                color:#a01010;
                text-decoration:underline;
                }
*/

/* Logo */
#logo        {
                position:fixed;
                top: 15px;
				margin-left:-250px;
                z-index:5;
                }
#logo img {border:none;}



/* Info-Pfad und Kopfzeile*/
div#pfad         {
	position:fixed;
	top:0;
	margin-left:-250px;
	width:100%;
	max-width:800px; /* 550 inhalt + 250 margin */
	padding-top:78px;
	padding-bottom:2px;
	padding-right:0; /*5px;*/
	background:#eee;
	border-bottom:1px dotted #ccc;
	letter-spacing: 1px;
	text-align:right;
	z-index:3;
                }

#pfad a         {
font-weight:normal;
letter-spacing:normal;
}


/* Inhalt */
#inhalt {
	/*margin-top:130px;  /* wg Kopfzeile */
	min-height:20em; /* wg Fußzeile bei kurzen Seiten */
	}



/* Navigation */
div#nav                {
                        position:fixed; 
						top:135px;
          				margin-left:-250px;
                        line-height:2em;
                        letter-spacing: 1px;
                       }

#nav ul                {
						list-style-type:none;
						list-style-position:outside;
						padding:0;
						margin:0;
                         }
#nav li        {}
#nav a                {
                        display:block;
                        /* width:140px; /* bei IE wichtig! */
                        text-decoration:none;
                        /* font-weight:normal; */
                        color:#6080b0;
                        }

#nav a:visited {
                }
#nav a:hover {
                text-decoration:underline;
                }
#nav a:hover:after         {content:" <";}  /* weglassen? */

.e2 li        {margin-left:10px;}
#sub ul         {display: block;}
#aktiv ul       {display: block;}    /* wenn "rubrik" aktiv */

/* hervorhebung der aktuellen Seite */
#aktiv>a:after         {content:" <";}
#aktiv a               {color: #a01010;} /* ">" kann IE nicht, also... */
#aktiv ul a             {color:#6080b0;}   /* muss die Markierung für die untere Ebene wieder zurück */


/*********************************************/
/* für Druck: alles "absolute" -> nur einmal */
/*********************************************/

@media print {
	body        {
                width:90%;
				/*padding:0;
				margin:0;*/
                padding-left:15px;
                background:#fff;
                }
	#logo        {
                position:absolute;
                top: 15px;
                left:15px;
				margin: 0;
				padding: 0;
	}
         div#pfad         {
                position:absolute;
                background:#fff;
         }
         div#nav                {
                display:none;
                position:absolute;
         }
}


/*  Galerie-Darstellung */

div.dia_block	{}

div.dia        {
                width:140px;
                height:210px; /*als reserve für große Schrift / 3. Zeile */
                float:left;
                text-align:center;
                margin-right:30px;
                margin-bottom:10px;
                }
.dia_block_projekte {
overflow:auto;}

.dia_block_projekte div.dia {
		width:140px;
		height:140px;
		margin-right:30px;
		margin-bottom:30px;
		}

div.dia_photo {
                border:1px solid #ccc;
                display:block;
                margin-left:auto;
                margin-right:auto;
                margin-bottom:3px;
                width:140px;
                height:140px;
                text-align:center;
                }

div.dia_photo img {
                border:0;
                }

.dia_block_projekte div.dia_photo img {
                margin:10px;
                }


div.dia_text {
                font-size:.9em;
                line-height:1.2em;
                }


div.dia_navlinks {
                 width:100%;
                 clear:both;
                }

span#dia_backlink {}

span#dia_nextlink {}

p.dia_preamble {}


/* Storyboards */
div.storyboard_container {
	}
div.storyboard_item { 
		clear:both;
		font-size:14px;
		line-height:1.4em;
		}
div.storyboard_item p {
		}
div.storyboard_item img {
		border:1px solid #CCC;
		padding:2px;
		float:left;
		margin-right:10px;
		margin-bottom:20px;
		}
			

/* (Bilder) Vollbild-Darstellung */

div.big_picture        	{
						}
div.big_picture_nav     {
clear:both; /* neu */
margin-bottom:.7em;
}

div.big_picture_text	{margin-bottom:2.2em}

div.big_picture_text p	{
	margin:0 0  0.8em 0;
}
div.extra_pictures {margin-top:1.5em;}
div.extra_pictures img {
	margin-top:0;
	margin-bottom: 0.1em; /* evtl .2 em */
}

div.picture_text2 {margin-top:0; padding-top:0;
					margin-bottom:2.2em;}
p#big_picture_sale      {margin-bottom:.7em;}

img	{
	border:0px;
	}

.kleinzeug {
	font-size: .8em;
	font-style: italic;
	line-height: 1.2em;
}


/* Tabellarische Darstellung */

.tabelle1 table        {
                width:100%;
                padding:0;
                margin:0;
                margin-top:2em;
                border-collapse:collapse;
                }


.tabelle1 th        {
                text-align:left;
                border-bottom: 1px dotted #aa9;
                padding:0;
                padding-right: 1em;
                }

.tabelle1 td        {
                vertical-align:top;
                padding-top:1ex;
                padding-bottom: 2em;
                padding-left: 0;
                padding-right: .8em;
                }

.tabelle1 td.code        {
                width:120px;
                vertical-align:top;
                padding-top:1em;
                }

.tabelle1 td.description {
                }

.tabelle1 td.name        {
                font-weight:bold;
                color:#a01010;
                }

.tabelle1 td.date_created        {
                padding-right:0;
                }

.tabelle1 td.button1        {
                }


.tabelle1 div.infoblock        {
                font-weight:normal;
                color:#000;
                }



/* Tooltips */
span[title]        {
                border-bottom:1px dotted #aa9;
                }

/* News */
.news_datum        {
                color: #a01010;
                margin-right:1em;
                }
.news_text        {
                margin:0;
                margin-bottom:2em;
                border-top:1px dotted #aa9;
                }


/* Fußzeile */
#footer        {
	            display:block;
				clear:both;
                width:100%;
                padding-left:250px; 
				margin-left:-250px; 
				margin-top:15px;
                font-size:12px;
                line-height:1.5em;
                border-top:1px dotted #ccc;  }
#footer a       {font-weight:normal;}


/* Anfrage */
p#enquiry {
			padding:5px;
            border:#ccc solid 1px;
           	}

form#enquiry {}

form table, tr, td 	{margin:0;padding:0;}
form td            	{padding-right:5px; padding-bottom:10px;}
form .klein		{
                display:block;
                padding:0; margin:0; margin-top:15px;
                font-size:0.8em; line-height:1.3em;
                }


form, input, select, textarea        {
                font-family:"Trebuchet MS",Verdana,sans-serif;
                color:#606040;
                 }
input, select, textarea        {
                background:#f9f9f3;
                border:1px solid #ccc;
                }

input[type=submit], input[type=reset] {
                font-family:"Trebuchet MS", Verdana, sans-serif;
                color:#606080;
                letter-spacing:1px;
                background:#eee;
                }
input[type=submit]:hover, input[type=reset]:hover {
                background:#ffe;
                }