/*
 * Projekt: Volkswagen Logistics
 * Datum: 30.04.2006
 * 
 * area42 - Agentur & Systempartner
 * http://www.area42.de
 * office@area42.de
 *
 */
 
 

*{font-family:Arial,Helvetica,sans-serif;font-size:10px;text-decoration:none;}
body {margin:0; background:#fff;}
html {margin-bottom:2em;}
img { border:none; }
#content {width:78em;}
#logo {height:3em;padding-top:4em}
#logo .logo {width:17em; height:1.6em;margin-left:8em}
#logo a {color:#77787B; margin-left:41.8em; font-size:1.1em}
#logo a .icon {width:1em; height:1em;text-decoration:none}	

.triangle {height:0.4em; height:0.8em}
.triangle_down {height:0.6em; height:0.8em}

#headwrap {width:78em;border-right:#fff 0.1em solid}
#head {width:100%;background:#EBEBEB}
#head a {font-size:1.1em; padding-top:4.45em;padding-right:0.727em;display:block; height:100%;background-repeat:no-repeat;text-decoration:none}
.navdiv {width:8em; height:7em;float:left;overflow:hidden;border-right:#fff 0.1em solid;text-align:right}
a.nav_a {color:#fff;background:url(../gfx/nav_a.gif) #B0B9BF}
a.nav {color:#77787B;background:url(../gfx/nav_p.gif) #EBEBEB}
a.nav:hover {color:#fff;background:url(../gfx/nav_a.gif) #B0B9BF}
#head #headimg {width:78em;height:7em;}
#wrapbar {height:1.818em; background:#77787B;}	
#bar {height:100%;width:24em;overflow:hidden;border-right:#B0B9BF 0.09em solid;float:left;}
.path {padding-left:3em;padding-top:0.2em;color:#fff;font-weight:bold; font-size:1.1em;}
#wrapbar .right {width:auto; float:left;} 	

#contentwrap {width:78em}
#contentwrap h1 {color:#055597;font-size:1.8em;margin-top:0em;margin-bottom:1em}
#contentwrap h2 {color:#055597;font-size:1.4em;margin:0}
#contentwrap h3 {color:#000;font-size:1.2em;margin-bottom:0.5em;margin-top:0;font-weight:bold}
#contentwrap a {color:#DE2260; font-weight:bold; background:url(../gfx/link.gif) no-repeat 0 0.33em;padding-left:0.7em;font-size:1.2em}
#contentwrap a.small{font-size:1.1em;background-position:0 0.28em}
#contentwrap a:hover {text-decoration:underline}
#contentwrap p {margin-top:0.2em;margin-bottom:0.2em;display:block}

#content_left {width:18em;float:left;overflow:hidden;padding:3em;}
#content_left p {font-size:1.1em}
#content_left a { display:block; margin:0 0 0.5em 0; }

#content {padding-top:3em;width:54em;float:left;}
#content div.txt {width:34em;float:left;margin-top:0}
#content p {font-size:1.2em}
#content strong {font-size:1em;font-weight:bold}
#content .imgLeft {margin-right:2em;float:left;width:18em}
#content .imgRight {margin-left:2em;float:left;width:18em}

/*formelemente*/
#formular div { float:left; overflow:hidden; font-size:1.1em; margin-right:1em; height:4.5em }
#formular .right { float:right; }
input {border:0; border-bottom:0.08em #B0B9BF solid; font-size:1.1em; color:#77787B; width:100%; margin:0.4em 0 0.3em 0; background:#fff; }
textarea {overflow:auto; border:0; border-bottom:0.08em #B0B9BF solid; font-size:1.1em; color:#77787B; width:99%; margin:0.4em 0 0.3em 0; height:5em; background:#fff; }