/*******************************************************************************

	Copyright (c) 2007, area42 GmbH, Germany, All rights reserved.
	
	Date: 2007
	Version: 1.10
	Author: IS, IK, EMJ

********************************************************************************
	Basic styles for screen
*******************************************************************************/

/***[ global settings ]********************************************************/
html      {height:100%; width:100%; }		
body      {background-color:#E6E4E2; color:#666; margin:0; padding:0; border:0; font-size:12px; font-family:Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; width:100%; height:100%; }
table     {border-collapse:collapse; }
td        {vertical-align:top; }					
form      {margin:0; padding:0; }
img       {border:0; }
.clear    {clear:both; overflow:hidden; height:1px; }
.noscreen {display:none; }

/***[ sitestructure ]**********************************************************/
#wrapper              {font-size:10px; width:78em; left:15%; top:5%; position:absolute; background-color:#fff; margin:0 auto; padding:0; }

#header               {margin-left:5em; margin-top:3em; margin-right:0; margin-bottom:0; padding: 0; text-align: right; }
#header a             {margin:0; padding:0; border:0; }
#header #logo         {position:absolute; right:20em; top:4em; float:right; margin:0; padding:0; }
#header #whiteLeft    {position:absolute; left:0; top:0; margin:0; padding:0; background-image:url(../../gfx/pxl_seite_left.png); background-repeat:no-repeat; width:7px; height:0.7em; }
#header #whiteRight   {position:absolute; right:0; top:0; margin:0; padding:0; background-image:url(../../gfx/pxl_seite_right.png); background-repeat: no-repeat; width:7px; height:7px; }
#header #headline     {position:absolute;}
#header h1            {font-size:1.6em; font-family:Verdana,"Bitstream Vera Sans","DejaVu Sans",Geneva,sans-serif; color:#8F8F8F; }
#header .theme        {margin:0 0 1em 0;}

#logo                 {width:11.7em;height:3.7em; }
#menu1                {font-size:1.1em; margin-left:4.16em; margin-top:4.54em; margin-right:0; margin-bottom:2.72em; padding:0; height:9.09em; }
#menu1 .chapter       {margin:0 2.72em 0 0; padding:0; float:left; width:13.2em; }
#menu1 h1             {font-family: Trebuchet,"Trebuchet MS",Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; font-weight: bold; font-size:1em; color:#283C80; text-transform:uppercase; margin:0 0 0.2em 0.45em; padding:0}
#menu1 ul             {margin:0; padding:0; }
#menu1 ul li          {list-style-type:none; }
#menu1 a              {font-size:1em; display:block; text-decoration:none; color:#666; background:url(../../gfx/ico_3graup.png) no-repeat; padding:0.17em 0.9em 0.17em 1.3636em; background-position:0.45em center; background-color: #fff;}
#menu1 a:hover        {background: url(../../gfx/ico_3blaum.png) no-repeat; background-position:0.45em center;  background-color:#fff;}
#menu1 a.aktiv, 
#menu1 a.aktiv:hover  {background:  url(../../gfx/ico_3rota.png) no-repeat; color: #fff; background-color:#A83300; background-position:0.45em center; }


#submenu                {float:left;font-size:1.1em; margin-left:1.66em; margin-top:5.2em; margin-right:0; margin-bottom:2.72em; padding: 0; height:9.09em; width:12.72em}
html>body #submenu      {float:left; font-size:1.1em; margin-left:4.16em; margin-top:5.2em; margin-right:0; margin-bottom:2.72em; padding: 0; height:9.09em; width:12.72em}
#submenu .chapter       {margin: 0; padding: 0; width:12.72em;}
#submenu ul             {margin: 0; padding: 0;}
#submenu li             {list-style-type: none;}
#submenu a              {font-size:1em;display: block; text-decoration: none; color: #666; background: url(../../gfx/ico_3graup.png) no-repeat; padding: 0.17em 0.9em 0.17em 1.3636em; background-position: 0.45em center;}
#submenu a:hover        {background: url(../../gfx/ico_3blaum.png) no-repeat; background-position: 0.45em center;}
#submenu a.aktiv,
#submenu a.aktiv:hover  {background: url(../../gfx/ico_3rota.png) no-repeat;  color: #fff; background-color:#A83300; background-position: 0.45em center;}
#submenu h1             {font-family:Trebuchet,"Trebuchet MS",Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; font-weight: bold; font-size:1em; color:#283C80; text-transform:uppercase; margin:0 0 0.2em 0.45em; padding:0}

/***[ Hauptinhalt ]************************************************************/

#mainContent                    {font-size:1.2em; float:left; width:32.5em; margin:2em 0 1em 2.5em; font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif;}
#mainContent  h1                {background:#e5e5e5; font-size:1.5em; font-weight:normal; height:1.25em;  margin-bottom:0.41em; padding: 0.55em 0 0 0.5em; font-family:Trebuchet,"Trebuchet MS",Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; text-decoration:none; color:#666; }
#mainContent .rightBlock        {float:left; width:7.5em; text-align: right; padding: 0.4em 0 0 0; }
#mainContent .content           {padding: 0.4em 1em 2.1em 0; margin:0; }

#mainContent .content a         {text-decoration: none; color: #666; background: url(../../gfx/ico_3graup.png) no-repeat; padding: 0 0 0 1.2em; background-position: 0.45em center;}
#mainContent .content a:hover   {background: url(../../gfx/ico_3blaum.png) no-repeat; text-decoration:underline;background-position: 0.45em center;}
#mainContent .content a.aktiv,
#mainContent .content a.aktiv:hover {background: url(../../gfx/ico_3rota.png) no-repeat;  color: #fff; background-color:#A83300; background-position:  0.45em center;}

#mainContent a.more             {color:#666;  padding: 0;display:block; text-align:right;font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; text-decoration:none;margin: 1em 0 0 0; background:none}
#mainContent a.teaserimg        {background:none}
#mainContent a span             {background: url(../../gfx/ico_3graup.png) no-repeat; background: url(../../gfx/ico_3graup.png) no-repeat; background-position: 0 center;margin-right:0.45em}
#mainContent a:hover span       {background: url(../../gfx/ico_3blaum.png) no-repeat; background-position: 0 center;}

/***[ home / Kundenliste / Casestudie ]****************************************/

#mainContentList                    {font-size:1.2em; margin:2em 0 1em 2.5em; width:43.83em; float:left}
#mainContentList h1                 {background:#e5e5e5; font-size:1.4em; font-weight:normal;  height:1.5em; margin:0 0 0.41em 0;  padding: 0.25em 0 0 0.5em;font-family:Trebuchet,"Trebuchet MS",Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; text-decoration:none; color:#666; width:auto;}
#mainContentList h1 a               {color:#666; display:block; font-family:Trebuchet,"Trebuchet MS",Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; text-decoration:none; margin:0; padding:0;}
#mainContentList h1 a:hover         {text-decoration:underline; }

#mainContentList a.more             {color:#666; padding: 0; display:block; text-align:right; font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; text-decoration:none; margin: 1em 0 0 0;}
#mainContentList a span             {background: url(../../gfx/ico_3graup.png) no-repeat; background: url(../../gfx/ico_3graup.png) no-repeat; background-position:  0 center;margin-right:0.45em}
#mainContentList a:hover span       {background: url(../../gfx/ico_3blaum.png) no-repeat;background-position:  0 center;margin-right:0.45em}
#mainContentList .content           {font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; float:left; width:31.66em; padding: 0.4em 1em 1em 0; margin:0; }
#mainContentList .content p         { line-height:133%; font-size:1.01em; }
#mainContentList .rightBlock        {height:1.9em;  margin:0; float:left; text-align: right; padding: 0.4em 0 0 0; text-align:right; font-size: 0.916em; width:8.63em}

#mainContentList .content a         {text-decoration: underline; color: #666; background: url(../../gfx/ico_3graup.png) no-repeat; padding: 0 0 0 1.2em; background-position: 0.45em center;}
#mainContentList .content a:hover   {background: url(../../gfx/ico_3blaum.png) no-repeat; text-decoration:underline;background-position: 0.45em center;}
#mainContentList .content a.aktiv,
#mainContentList .content a.aktiv:hover {background: url(../../gfx/ico_3rota.png) no-repeat;  color: #fff; background-color:#A83300; background-position:  0.45em center;}

#mainContentList ul                 { list-style-type:circle; padding:0 0 1em 1.5em; font-size:1.01em; line-height:150%; }
#mainContentList  #bilderliste      { float:left; margin:0; width:35em; padding:0; }
#mainContentList  #bilderliste img  { border:0.165em solid #666; margin:0.45em 0.35em 2em 0em; padding:0; width:10.08em; height:7.083em; }
#mainContentList  #bilderliste img:hover  { border:0.165em solid #283c80; }
#mainContentList .logoteaser        { width:8.727em; height:2.72em; }

/***[ Screenshots - Detailansicht ]********************************************/

#detail                   { width:70.7em; margin:0; }
#detail #content          { width:65.7em; margin:4em 0 0 5em; }
#detail #content #left    { float:left; font-size:1.1em; }
#detail #content #left h2 {font-family:Trebuchet,"Trebuchet MS",Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif;  font-weight: bold; font-size:1em;color:#283C80;text-transform:uppercase;margin-bottom:1em}
#detail #content #right   {float:right; margin:3em 0 4em 0;padding:0;font-size:1.1em}
#detail  #content a       {font-size:1em;display: block; float:left; text-decoration: none; color: #666; background: url(../../gfx/ico_3graup.png) no-repeat; padding: 0.17em 0.9em 0.17em 1.3636em; background-position: 0.45em center;}
#detail  #content a:hover {background: url(../../gfx/ico_3blaum.png) no-repeat; text-decoration:underline;background-position: 0.45em center;}

/***[ Formulare ]**************************************************************/

form            {margin-bottom:2em; }
input           {font-size:1.1em; margin:1.75em 1em 0 0; width:29.45em; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #E7E7E7; color:#000; font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; float:left; background:#fff; }
textarea        {font-size:1.1em; margin:1.75em 1em 0 0; width:29.45em; height:7.27em; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #E7E7E7; color:#000; font-family:Arial,Helvetica,FreeSans,"Nimbus Sans L",sans-serif; background:#fff; }
.formName       {font-size:0.91em; clear:left; padding:0.3em 0 0 0; }
.formNameError  {font-size:0.91em; clear:left; color:red; padding:0.3em 0 0 0; }