/* =====================================================================
Stylesheet für die Gestaltung der Webseite www.u-china-consulting.com 
Version 1.1
Datei: styles.css
Datum: 06.11.2007
Autorin: Veronika Josenhans

Aufbau: 1. Kalibrierung und allgemeine Styles
		2. Styles für den Layoutbereich
		3. Sonstige Styles
===================================================================== */


/* =====================================================================
1. Kalibrierung und allgemeine Styles
===================================================================== */

/* Kalibrierung der wichtigsten Abstände */
* { padding: 0; margin: 0; }				
h1, h2, p, ul, ol, address {
	margin-bottom: 1em; /* Abstand nach unten */
	color: #515151;		/* Schriftfarbe: dunkelgrau */	
}	

hr { 
	border: 1px dotted #ff0000;
	
	}	
	
li {
	margin-left: 3em;	/*Abstand von links */
	list-style-image: url(../img/dot.gif);	
	}					

/* Allgemeine Selektoren */

html { height:101%; } 						/*erzwingt Scrollbar in Firefox */

body {
	color: #515151; /*Schriftfarbe*/
	background-color: #D6DBE5;	 /* hellgelb #ffffc */
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

h1 { 
	font-size:110%;		
	}

h2 {
	font-size: 100%;
}
	


address {
	text-align: center;
	font-size: 80%;
	font-style:normal;
	letter-spacing: 2px;
	line-height: 1.5em;
}

/* Hyperlinks allgemein */
a { text-decoration: none; outline: none; 	}
a:link { color:#ff0000; }
a:visited {color:#ff0000; }
a:hover, a:focus { border-bottom: 1px solid #ff0000; }
/*a:active { color: white; background-color:#ff0000; }*/

/* Allgemeine Klassen und IDs */

.skiplink {							/* skiplink wird ausgeblendet */
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;	
}

#logo {
	float: right;
	border: none;
	
}

/* =====================================================================
2. Styles für den Layoutbereich
===================================================================== */

#wrapper_all {	
	color: black;
	background-color: white;
	width:1024px; /* Breite des Inhaltsbereiches */
	margin-right: auto; /* Abstand rechts automatisch */
	margin-left: auto; 	/* Abstand links automatisch */
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper_body { 
	position: relative;
	background: url(../img/farbverlauf_rot_schmall.gif) repeat-y top right; 
	width: 100%;	
	min-height:500px; 
}

#kopfbereich {
	background-color: #ffffff;	/* hellgelb #ffffcc*/
	/* background-image: url(img/###); da variierend, über die jeweilige html-Datei eingebunden */
	background-position: bottom left;
	background-repeat: no-repeat;	
	width: 100%;
	/*min-width:1024px;  Breites eines 15-Zoll-Bildschirms*/
	height: 160px;	
}

#navi_horizontal {
	background-color: #ff0000;	
	font-weight: bold;	
	text-align: left;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;		
	margin-right:200px;		
}

#navi_horizontal ul {margin-bottom: 0; }

#navi_horizontal li {
	display: inline; 				/* li nebeneinander anzeigen */
	list-style-type: none;			/* ohne Aufz�hlungspunkte */		
	margin: 0;
				
}

#navi_horizontal a { text-decoration: none; outline: none; padding: 4px 8px 4px 8px; }
#navi_horizontal a:link, #navi_horizontal a:visited { color: white; }
#navi_horizontal a:hover, #navi_horizontal a:focus,
#firmenphilosophie #navi01 a, #firmenphilosophie #navi08 a,
#interkulturelles_training #navi02 a, #interkulturelles_training #navi09 a, #interkulturelles_training #navi10 a,
#kompakttraining #navi02 a, #kompakttraining #navi09 a, #kompakttraining #navi11 a,
#sprachtraining #navi02 a, #sprachtraining #navi09 a, #sprachtraining #navi12 a, 
#sprachdienste #navi03 a, #sprachdienste #navi13 a,
#dolmetschen #navi03 a, #dolmetschen #navi13 a, #dolmetschen #navi14 a,
#uebersetzen #navi03 a, #uebersetzen #navi13 a, #uebersetzen #navi15 a,
#management #navi04 a, #management #navi16 a,
#geschaeftsanbahnung #navi04 a, #geschaeftsanbahnung #navi16 a, #geschaeftsanbahnung #navi17 a,
#coaching #navi04 a, #coaching #navi16 a, #coaching #navi18 a,
#konfliktmanagement #navi04 a, #konfliktmanagement #navi16 a, #konfliktmanagement #navi19 a,
#termine #navi05 a, #termine #navi20 a,
#philosophie #navi06 a, #philosophie #navi21 a, #philosophie #navi22 a,
#team #navi07 a, #team #navi23 a { color: #ffff00; border-bottom: none; }
/*#navi_horizontal a:active {color: #ff0000; background-color: #ffff00; }*/

#navi_vertikal {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;	
	font-weight: bold;	
	background-color:#ff0000;
	padding-right: 10px;
	margin-top: 75px;		
}

#navi_vertikal li {
	list-style-type: none;			/* ohne Aufzählungspunkte */
	padding-bottom: 15px;
	padding-left: 0;
	margin-left: 0;			
}

#navi_vertikal a { text-decoration: none; outline: none; }
#navi_vertikal a:link, #navi_vertikal a:visited { color: white; }
#navi_vertikal a:hover, #navi_vertikal a:focus { color: #ffff00; border-bottom: none; }
/*#navi_vertikal a:active {color: #ff0000; background-color: #ffff00; }*/

#textbereich {
	background-color: white;
	background: url(../img/schatten.gif) repeat-x top;	
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-right:201px;
}

.clearing {clear: both; } /* Textabsatz beginnt unterhalb einer Grafik */

.bildrechts {				
	float: left;	
	padding: 0;
	border: 1px solid #ff0000;
	margin-right: 10px;
	margin-bottom: 10px;
}

.seitenanfang {
	margin: 10px;
	font-size: 10px;
	line-height: 20px;
}

.kursiv {
	font-style: italic;
	margin-bottom: 10px;
}

#fussbereich {
	background-color: #ffffff;	/* hellgelb #ffffcc*/
	padding-top: 10px; /* unterhalb der Rahmenlinie */
	padding-right: 20px;
	padding-bottom: 10px;	
	border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
	margin-top: 0; /* Aussenabstand oben, oberhalb der Linie */
}

/* =====================================================================
3. Sonstige Styles
===================================================================== */
/* Kontaktformular */
form {
	background-color: #eee;
	width: 400px;
	padding: 20px;
	border: 1px solid #8c8c8c;	
}

label { /* Beschriftung auf eigener Zeile */
	display: block;
	cursor: pointer; 	/* Mauszeiger wird zur Hand */	
}

input#absender, textarea {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
}

textarea {
	height: 7em;
}

input#absender:focus, textarea:focus {
	background-color: #d9d9d9;
}

/* =====================================================================
ENDE DES STYLESHEETS styles.css  www.u-china-consulting.com
===================================================================== */