/* ##################### TEXTILIA - Solingen GLOBAL:CSS GRUNDAUFBAU  Stand 25.07.12 ################ */

/* ########################     			ALLGEMEINE EINSTELLUNGEN    			####################### */

* {
	
	margin: 0px;
	padding: 0px;	
}

P {
	/*background-color: #cfc;*/
	padding-bottom: 10px;
}

/* Zwischenüberschriften im Text = ALT - jetzt nur noch für größer gestellte Zeilen z.B. Anfahrt Herzlich Willkommen */
P.strong {
	/*background-color: #ccc;*/
	font-weight: bold;
	line-height: 8px; /* dient dazu den padding-bottom des P-Tags (oben) auszutricksen  = Abstand der SubHeader zum Text */
	padding-top: 10px;
}

P.fussnote {
	font-size: 0.8em;
	line-height: 1.3em;
}


a {
	color: #005aa9;
	text-decoration: none;
}

/* momentan nicht in Gebrauch */
hr {
	color: #005aa9;
}


/* ############################## 			AUFBAU 				################################ */

html {
  	background-color: #c0c0c0;	/* Hintergrundfarbe des BrowserFensters */
	font: 13px arial, helvetica, verdana, sans-serif;
	font-weight: normal;
	line-height: 16px;		 	
}

body {
	color: #000;
	text-align: left;
}

/* ##### ###############              PAGE =  der eigentliche Auftritt (weisser Kasten)            ############### #### */
/* Hoehe ergibt sich automatisch aus ContentAerea */
/* PageBox ist ein umgebender Container, damit im IE die Seite nicht mit der weissen Linie abschliesst (s. Handbuch) */
#pageBox {
	/*background-color: #cc9999;*/
	height: 940px;		
	width: 100%;
}
#page {
	/*background-color: #ccc;*/
	box-shadow: 2px 2px 2px 2px #666;	/* nicht im IE, da CSS3 */
	height: 4340px; /* Hoehe: 680px (index) + 4px wenn box-shadow an ist (Produkte lt. Layout: 1016px) */
	position: relative;	
	left: 23%;
	width: 900px;
}


/* ################################                    CONTENT                       ########################### */


#contentLeft {
	/*background-color: #bde;*/
	background-image: url(../images/basis/hg_menu.png);
	background-repeat: repeat-y;
	border-right: solid 4px #fff;
	float: left;
	height: 4155px;	
	width: 138px; /* + 4px weißer Rand */
}
*html #contentLeft {
	height: 604px;
	width: 142px;
}



/* ###############################	IMPRESSUM	########################### */

.datschutz ul { margin:0 0 .75% 7%; }

	
#contentText_impressum {
	/*background-color: #008851;*/
	color: #000;
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 37px 0px 0px 40px;
	padding-top: 0px;
	text-align: left;
	width: 700px;		
}

*html #contentText_impressum {
	margin: 19px 0px 0px 40px;
}

#contentText_impressum h2.Rechtshinweis {
	margin-top: 10px;		
}

*html #contentText_impressum h2.Rechtshinweis {
	margin-top: 4px;		
}


#contentText_impressum a {
	color: #000;
}

#impressumTitle {
		padding-top: 12px;
		padding-left: 160px;
}

		
	#spalte1 {
		/*background-color: #ccc;*/
		float: left;
		margin-left: 0px;
		margin-top: 8px;
		padding-right: 10px;
		width: 48%;
	}
	#spalte2 {
		/*background-color: #cfc;*/
		float: left;
		margin-top: 8px;
		width: 50%;
	}

	/* spalte4 entspricht spalte1 W3C-Vorgabe (jede id nur einmal)*/
	#spalte4 {
		/*background-color: #ccc;*/
		float: left;
		margin-left: 0px;
		margin-top: 8px;
		padding-right: 10px;
		width: 48%;
	}
	/* spalte5 entspricht spalte2 */
	#spalte5 {
		/*background-color: #cfc;*/
		float: left;
		margin-top: 8px;
		width: 50%;
	}
	
	#contentRight {		
		background-color: #cff;
		float: left;
		height: auto;
		min-height: 500px;
		margin-left: 698px;	/* IE: margin wird, wie bei FireFox auf die Weite draufgerechnet */
		/*margin-left: 10px;*/
		/*margin-top: 10px;*/
		margin-right: 4px;
		position: absolute;
		width: 330px;
		/*width: 198px;*/
		z-index: 500;
	}
	*html #contentRight {	
		margin-left: -122px;
	}