﻿* { margin: 0; padding: 0; }

body { color: #444; background-color: #E8E8E8; font-size: small; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }

h1 { margin-top: 1.2em; margin-bottom: 1em; font-size: 1.1em; font-weight: 600; padding-bottom: 1px; }
h2 { margin-top: 0.2em; margin-bottom: 0.1em; font-size: 1em;	font-weight: 600; }
p { font-size: 1em; line-height: 1.4em; padding-top: 0.8em; }

ul { margin-left: 1.5em; }
ul li { margin-top: 0.2em; }

table { width: 100%; }
td { vertical-align: top; padding-right: 1em; }
td p { line-height: 1.3em; }

img { border: none; }

a, a.visited {	color: #444; }

/* Container */
#wrap { position: relative; margin: auto; width: 75%; background-color: White; text-align: left; }
#header {width: 100%;}
#logo { position: absolute; top: 8px; right: 12px; width: 140px; height: 140px; }
#topmenu { width: 100%; }
#headertext { clear: both; width: 100%; }
#mainmenu { float: left; width: 100%; border-color: #FFD343; border-style: solid; border-width: 1px 0; padding: 6px 0; background-color: #E8E8E8; }
#rootline { clear: both; padding: 10px; color: #545454; font-size: 0.8em; }
#main { padding-top: 30px; }
#col1 { margin-right: 220px; padding: 0px 20px 20px 20px; }
#col1.f1colnav { margin-right: 0px; padding-left: 150px; }
#col1.f2colnav { margin-right: 220px; padding-left: 150px; }
#col1.f1col { margin-right: 0px; }
#col1.f2col { margin-right: 220px; }
#col2 { float: right; width: 200px; padding: 30px 0 20px 0; }
#secmenu { position: absolute; left: 0; width: 150px; padding: 0px 10px 0 15px; }
#footer { float: left; clear: both; width: 100%; padding: 0 0 8px 0; background-color: white; border-color: #FFD343; border-style: solid; border-width: 1px 0 0 0; font-size: 0.85em; text-align: center; }


/* Formatierungen innerhalb der Container */

#pmd { font-weight: 600; }

#topmenu ul { list-style: none; margin-left: 5px; margin-top: 4px}
#topmenu li { float: left; font-size: 0.8em; }
#topmenu li a { text-decoration: none; color: #545454; }
#topmenu li a:hover { text-decoration: underline; }

#headertext h1 { margin-top: 0.8em; margin-bottom: 0; font-size: 1.8em; font-weight: normal; text-align: right; padding-right: 160px; letter-spacing: -0.1em; }
#headertext h2 { font-size: 1.1em; font-weight: normal; text-align: right; padding-right: 190px; margin-top: 0.1em; margin-bottom: 0.9em; }

#mainmenu ul { list-style: none; margin: 0 0 0 10px; }
#mainmenu li { float: left;	display: inline; }
#mainmenu li a { padding: 0 20px 0px 12px; background-repeat: no-repeat; background-position: left; }
#mainmenu li.mainmenu-no a { background-image: url(../img/liststyle02.gif); }
#mainmenu li.mainmenu-act a { background-image: url(../img/liststyle02_act.gif); }
#mainmenu li a { text-decoration: none; color: #444; }
#mainmenu li a:hover { background-image: url(../img/liststyle02_hov.gif); }

#col1 { line-height: 1.3em; }
#col1 h1 { margin-top: 2.2em; margin-bottom: 0em; font-size: 1.1em; font-weight: 600; padding-bottom: 1px; }
#col1 h2 { margin-top: 1.2em; margin-bottom: 0; font-size: 1em;	font-weight: 600; }
#col1 p { font-size: 1em; }
#col1 a { text-decoration: underline; }
#col1 a:hover { text-decoration: underline; }
#col1 li { list-style-image: url(../img/liststyle_col1.jpg); }

#col2 h1 { margin-top: 11%; margin-bottom: 1%; font-size: 1em; font-weight: 600; padding: 0 10px;}
#col2 h1.csc-firstHeader { margin-top: 0px; }
#col2 h2 { margin-top: 3%; margin-bottom: 1%; font-size: 0.85em; font-weight: 600; padding: 0 10px; }
#col2 h2.top { margin-top: 0px; }
#col2 p {	font-size: 0.85em; padding: 0 10px;}

#secmenu ul { list-style: none; margin: 0; }
#secmenu li { padding: 0; font-size: 0.8em; list-style-image: none; }
#secmenu li a { text-decoration: none; color: #444; }
#secmenu li.secmenu-act a { color: #F2BD00; }
#secmenu li a:hover { color: #A6A6A6; }

/* Bread crumb navigation */
#rootline a {	text-decoration: none; }
#rootline a:hover { text-decoration: underline; }

#footer a {	color: #545454; text-decoration: none; }

/* Clearing */
.clear { overflow: hidden; }

/* Kontaktformular */
#mailform { }
fieldset.csc-mailform { border: 1px solid #A6A6A6; padding: 10px; }
div.csc-mailform-field { width: 200px; }
.csc-mailform-field label { color: #545454; }
.csc-mailform-field input, textarea { background-color: #E8E8E8; color: #333; margin-bottom: 0.5em; margin-top: 0.2em; min-height: 1.5em; padding-left: 0.4em; }
#mailformformtype_mail { 	font-weight: bold; }

/* speziell für die Seite Innovationsberatung */
table.inno { width: 80%; }
table.inno td { padding: 10px; vertical-align: middle;}
#col1 table.inno ul { margin-top: 0.8em; }
#col1 table.inno li { list-style-image: none; font-size:105%; line-height: 1.5em; }
#col1 table.inno p { font-size:105%; line-height: 1.5em; }
#col1 table.inno h1 { margin-top: 0.4em; font-size:105%; line-height: 1.5em; }

/* images */
/*dl.csc-textpic-image, dl.csc-textpic-image, dl.csc-textpic-firstcol, dl.csc-textpic-lastcol { margin: 0; padding: 0.5em 0; }
div.csc-textpic-imagewrap, div.csc-textpic, div.csc-textpic-center, div.csc-textpic-below { margin: 0; padding: 0.5em 0; }

			<div class="csc-textpic csc-textpic-intext-left">
			<div class="csc-textpic-imagewrap">
			<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:270px;">
			<dt><a href="index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2F071028_Fahrsimulator_neu_3.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=89161d391270fdf627b0ed9124948da8" onclick="openPic('index.php?eID=tx_cms_showpic&amp;file=uploads%2Fpics%2F071028_Fahrsimulator_neu_3.jpg&amp;width=800m&amp;height=600m&amp;bodyTag=%3Cbody%20style%3D%22margin%3A0%3B%20background%3A%23fff%3B%22%3E&amp;wrap=%3Ca%20href%3D%22javascript%3Aclose%28%29%3B%22%3E%20%7C%20%3C%2Fa%3E&amp;md5=89161d391270fdf627b0ed9124948da8','thePicture','width=319,height=431,status=0,menubar=0'); return false;" target="thePicture" title="Bild 1: Der Daimler-Benz Fahrsimulator"><img src="typo3temp/pics/7f5ee385f8.jpg" width="270" height="365" border="0" alt="Der Daimler-Benz Fahrsimulator" /></a></dt>
			<dd class="csc-textpic-caption">Bild 1: Der Daimler-Benz-Fahrsimulator </dd>
			</dl>
			</div>
*/
div.csc-textpic-imagewrap { padding: 0; margin: 0; }


/*div.csc-textpic-intext-left div.csc-textpic-imagewrap dt img { margin: 0; padding: 0; }
div.csc-textpic-intext-right div.csc-textpic-imagewrap dt img { margin: 0; padding: 0; } */

/*div.csc-textpic-intext-left div.csc-textpic-imagewrap dt { padding: 20px; }
div.csc-textpic-intext-right div.csc-textpic-imagewrap dt { padding: 20px; } */

dd.csc-textpic-caption { margin: 0; padding: 6px 0; font-size: 0.7em; font-style: italic; line-height: 1.2em; }

/* Spezialformate */
p.zitat { font-family: Trebuchet MS, Verdana, Arial, Geneva, Helvetica, sans-serif; color: #545454; margin: 0.3em 0 0 2.5em; line-height:1.4em; }
p.autor { font-size: 0.8em; color:#545454; margin: 0 0 3em 15em;  font-style: italic;  }
p.letzteAenderung { font-weight: normal; font-size:0.8em; font-style: italic; text-align: center; }
#col1 p.seitentitel { margin-top: 0; margin-bottom: 1em; padding-top: 0; padding-bottom: 1px; font-size: 1.2em; font-weight: 600; border-bottom: 1px solid #FFD343; }
#col1 p.zitat {	font-size: 1.4em; }



