/* CSS fur Website www.charlottetaussig.com Frontpage */
/* development and copyright by http://www.ksh-systems.com */
/* 2007 - 2011 */
/* Contact: katarina.angerer(at)ksh-systems.com */

html{
	height:100%;
	width:100%;
}

body { 
	height:90%;
	margin: 0;
	text-align: center; /* to correct the centering IE bug*/
	background:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%; 
	color:#afaf8b;	
	font-weight: normal; 
	line-height:140%;
}

#global {
	margin-left: auto;
	margin-right: auto;
	width: 1003px; /* mandatory to be centered */
	text-align: left; /* to realign your text */
}
* html #global {
	margin-left: auto;
	margin-right: auto;
	width: 1003px; /* mandatory to be centered */
}

div#top{
	height: 154px;
	background-image:url(../pic/charlotte_image-consulting_FIT-New-York.jpg);
	background-repeat:no-repeat;
	background-position: 50% 68%;
	/* border: 1px solid #FFFFFF;	Testrahmen */
}

div#left {
	float: left;
/*	position: relative;
	width: 33%; */
	width: 280px;
	height: 618px;
	background-repeat:no-repeat;
}
* html div#left {
	height: 655px;
}

div#content{
	float: left; 
	position:relative; 
/*	width: 30%; */
	width: 380px;
	height: 520px;
	padding-left:42px;
} 

div#right{
	float: left; 
	position: relative; 
/*	width: 21%; */
	width: 300px;
	height: 495px;
	background-repeat:no-repeat;
}

div#right .text {
	color:#000; 
	font-weight: normal;
	font-size: 78%;
	text-align: left;
	padding-left:46px;
	margin-top:30px;
}

div#right a.titelink {
	color:#000; 
	font-weight: bold;
}
div#right a.titelink:hover {
	color:#fff; 
	font-weight: bold;
}

div#left_sub{
	float: left;
/*	position: relative;
	width: 30%; */
	width: 258px;
	height: 588px;
	background-repeat:no-repeat;
}
* html div#left_sub {
	height: 620px;
}

div#content_sub{
	float: left; 
	position:relative; 
	width: 680px; 
	height:425px;
	background:#212121;
	background-image:url(../pic/charlotte_image-consulting_grafik-right.jpg);
	background-position: 82% 2%;
	background-repeat:no-repeat;
}

div#content_sub .text_right {
	color:#fff; 
	font-size: 78%;
	text-align: left;
	padding-left:488px;
	padding-top: 19px;
}

div#content_sub a.titelink {
	color:#fff; 
	font-weight: bold;
}
div#content_sub a.titelink:hover {
	color:#CA9932;
}

div#footer{
	clear:left;
	text-align: center;
	font-weight: normal;
	font-size: 70%;
}

.back_sub{
	background:#212121;
	height:425px;
}

.height-auto{
	height:auto;
}

h1 {
	background-image:url(../design/bg_ueberschrift.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	padding: 0px 0px 20px 75px;
	font-family: Arial, Helvetica, sans-serif;
	color:#cc9933;
	font-size: 1em;
	font-style:italic;
	font-weight: bold; 
	text-transform:capitalize;
	letter-spacing:0.2em
}

h2 {
	background-image:url(../design/bg_ueberschrift2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding: 12px 0px 0px 15px;
	color:#ffffff;
	font-variant:small-caps;
	font-size: 0.7em;
}


.textitel{
	font-family: Arial, Helvetica, sans-serif;	
	font-size:125%;
	font-style:italic;
	font-weight: bold; 
	padding:0px 0px 0px 5px;
	text-transform:capitalize;
	letter-spacing:0.2em
}

.textklein {
	font-weight: bold; 
	font-size: 72%;
	text-align:right;
}

.textinfo { 
	font-weight: normal;
	font-size: 78%;
	text-align: left;
	padding-left:46px;
	padding-top:34px;
}

.textinfo_hell { 
	font-weight: normal;
	font-size: 78%;
	text-align: left;
	padding-left:488px;
}

.textfooter {
	text-align: left;
	font-weight: normal;
	font-size: 70%;
}

.pad-left-60 { 
	padding-left:60px;
}

.pad-left-80 { 
	padding-left:80px;
}

.pad-left-100 { 
	padding-left:100px;
}

.pad-left-20 { 
	padding-left:20px;
}

a:link 		{color:#afaf8b; text-decoration:underline;}
a:visited 	{color:#808065; text-decoration:none;}
a:hover 	{color:#e5e5b5; text-decoration:underline;}
a:active 	{color:#666651; text-decoration:none;}

a.naviklein:link, a.naviklein:visited, a.naviklein:hover, a.naviklein:active {
	font-size: 0.8em;	/* Schriftgröße */
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	line-height:100%;
	letter-spacing:0.2em;
	color:#afaf8b;		
}

a.foot:link, a.foot:visited, a.foot:hover, a.foot:active {
	text-align: center;
	font-weight: normal;
}

a img, a:link img {border: none;}

		/* Allgemeine Einstellungen für den Kopfbereich */

#kopf {		
	height: 120px;							/* Höhe des Kopfbereiches */
	color:#afaf8b;	
	/* border: 1px solid #FFFFFF;	Testrahmen */
}

.sprache {
	text-align:right;	/* Ausrichtung der Spracheneinstellung */
	font-size: 0.7em;	/* Schriftgröße */
	color:#cccc99;		/* Schriftfarbe */
	padding: 0px;
}

#kopf a {
	padding-bottom: 15px;}

#kopf a:link {
	color:#afaf8b;		
	text-decoration:none;
}
#kopf a:visited {
/*	background-image:url(design/navi_hover.gif);
	background-position:bottom center;
	background-repeat:no-repeat; */
	color:#afaf8b;	
	text-decoration:none;
}
#kopf a:hover 	{
	background-image:url(../design/navi_hover.gif);
	background-position: center 100%;
	background-repeat: no-repeat; 
	color:#cc9933;
	text-decoration:none;
}
#kopf a:active {
	background-image:url(../design/navi_hover.gif);
	background-position: center 100%;
	background-repeat:no-repeat;
	color:#cc9933; 
	text-decoration:none;
}

	/* Navigation oben - Menüleiste mit Accesskeys */

.navi {
	color:#afaf8b;		
	font-size: 1em;
	font-weight:800;
	text-align:right;
	padding-top: 0;	
	padding-right: 230px;
	text-decoration:none;	
}
.navi li {
	display:inline;	
	list-style-type:none;
	padding: 0px 0px 0px 10px;
	margin:0px;
	text-align:center;
}
.navi ul {
	margin: 0px;
	padding: 0px;
}