/* -------------------------------------------------------------- 
   reset.css   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit;
	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


body {font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 1.5; 
  background-color: #0c0c0c; color: white; margin: 18px 0; text-shadow: 0 0 0 #0c0c0c; }



/* IDs
-------------------------------------------------------------- */

.container { position: relative; width: 618px; margin:0 auto; padding: 0 85px; }	
#header { height: 130px; }
#header h2 span { display: block; color: #676768;}

#logo a { width: 130px; height: 130px; background: url('../images/logo.png') no-repeat; text-indent: -10000px; float: left; margin: 0 9px 18px 0; } 
/*  #home #logo a { width: 180px; height: 180px; background: url('../images/tuscany_logo.png') no-repeat; } */ 
#sidebar {}	

#content { position: relative; min-height: 400px; margin-top: 9px; }	
#content img { position: absolute; }


/* Classes
-------------------------------------------------------------- */
.clearfix { clear:both; visibility: hidden;}


/* Farbe für die Team Seite
-------------------------------------------------------------- */
.anouk { color: #c4842d; }
.keith { color: #827263; }
.felix { color: #A9B8DF; }
.snega { color: #C6E56E; }
.andrea { color: #E6D5A3; }
.connie { color: #ACACAC; }


/* �berschriftfarben
-------------------------------------------------------------- */
#tuscany li.active a { color: #c1dd6f; }
#tuscany h2 { color: #c1dd6f; }

#leistungen li.active a { color: #b8c4c8; }
#leistungen h2 { color: #5E605F; }

#referenzen li.active a { color: #ccdff9; }
#referenzen h2 { color: #e7e5e2; }

#partner li.active a { color: #B2AECB; }
#partner h2 { color: #B2AECB; }

#impressum li.active a { color: #6AA084; }

#kontakt li.active a { color: #6C1C2C; }

#home li.active a { color: #98B242; }

#tuscany h2 span#Methode { color: #C0628B; }
h2 span#Fakten { color: #999E9C; }
h2 span#Team { color: #ACB9DD; }
h2 span#Technologie { color: #505E73; }
h2 span#Multimedia { color: #848484; }
h2 span#Kreation { color: #C0628B;}



/* Footer
-------------------------------------------------------------- */
#footer { margin-top: 42px; text-transform: uppercase; font-size: 14px; }
#footer p { text-align: justify; }
#footer a {text-decoration: none; }
#footer .name { color: #bf4816; }
#footer .address { color: #bf1524;}
#footer .city { color: #83931d; }
#footer .telephone { color: #a92178; }
#footer .fax { color: #a1364c; }
#footer .url, .url a, .url a:hover { color: #91cf27; }
#footer .email, .email a, .email a:hover { color: #b0af90; }



/* Navigation
-------------------------------------------------------------- */

#navigation { position: relative; margin: 0 -75px; padding: 36px 55px 0 55px; font-size: 11px; }
#navigation hr { background: #828282; color: #828282; clear: both; float: none; width: 100%; height: 1px; 
  margin: 0 20px 54px 20px; border: none; width: 618px; }
#navigation ul { list-style: none; margin: 0; padding: 0 5px; margin-right: -5px;}
#navigation li { position: relative; float: left; margin: 0; padding: 0; }
#navigation li a { float: left; display: block; color: white; text-decoration: none; text-align: center; 
  margin: 0 0; padding: 4px 16px; text-transform: uppercase; }
#navigation li ul { position: absolute; top: 25px; left: 0; margin: 0; padding: 4px 0 0 0; width: 400px;}
#navigation li li { float: left; }
#navigation li li a { padding: 0 0 0 17px; }

#referenzen #content { margin-right: 200px; }

#tuscany #navigation { background: url('../images/bar_tuscany.png') no-repeat; }
#leistungen #navigation { background: url('../images/bar_leistungen.png') no-repeat; }
#referenzen #navigation { background: url('../images/bar_referenzen.png') no-repeat; }
#partner #navigation { background: url('../images/bar_partner.png') no-repeat; }
#impressum #navigation { background: url('../images/bar_impressum.png') no-repeat; }
#kontakt #navigation { background: url('../images/bar_kontakt.png') no-repeat; }
#home #navigation { background: url('../images/bar_home.png') no-repeat; }
  
  
/* Sub Navigation
-------------------------------------------------------------- */
#subContent { float: right; width: 180px; }
#subContent ul { list-style: none; padding: 0; margin: 0; }
#subContent li {height: 24px; margin: 2px 0; padding: 4px 0; line-height: 12px; border: solid #474747; border-width: 1px 0; }
#subContent li a {color: white; text-decoration: none; display: block; padding-right: 50px; margin: 0;
  background-position: right 0; background-repeat: no-repeat; }
#subContent li a:hover, #subContent li.active a { background-position: right -24px;}





/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1.1; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin:0;
}

/* ----- HEADINGS ----- */

h2 { font-weight: normal; text-transform: uppercase; color: white;}




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
img         { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #C9CDFF; }
a           { color: #C9CDFF; text-decoration: underline; }

.referenzen {color: #FFFFFF;  }
.referenzen a {color: #b74d06; text-decoration: none; }
.referenzen a:hover { text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; }
th          { border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; }
td          { border-bottom: 1px solid #ddd; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #eef; }
tfoot       { font-style: italic; }
caption     { background: #ffc; }