/* <!-- */

		/* 	Spezifikationen für diese Styledatei
		   	====================================
			Version: V1.00 CORE

			Reihenfolge der CSS Attribute
		   	
			Positionierunsgdaten (Positionierung einer Divbox)
			 Padding, Margin
			 Breite, Höhe
			Rahmen/Borderdaten
			Hintergrundfarbe/Grafik

			Textstyles
			 float

			Content-Definitionen
			====================
			Diese werden ausschließlich unterhalb der Layout-Definition festgelegt
			durch Erweiterung der Klassen oder eigene Konstrukte

		*/
			

		#globalcontainer {
		margin:		0;
		padding:		0;
		border:		1px solid #cccccc;
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;

		}	

			

		/* Body-Container */
		body {
		margin: 	0;
        	margin-left:	0;
        	padding:	0;
        	width:		100%;			/* 800px macht ein fixes Layout, 100% variables Layout! */
		min-width:	400px;  		/* Wird von alten Browsern ignoriert, macht trotzdem Sinn */
        	border:		0;			/* IE-Fix: Border entfernen */
        	background:	#ffffff;
		font-family:    Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
		font-size: 14px;
		
		}

		/* Seitenkopf */
		#header {
        	clear:		both;
        	float:		left;
        	width:		100%;
		height:		120px;
		border-bottom:1px solid #cccccc; 	/* 1 Pixel Linie ueber der Kopfzeile */
		
    		}


		#footer {
        	clear:		both;
        	float:		left;
        	width:		100%;			/* Seitenbreite identisch mit BODY */
		border-top:1px solid #cccccc;
		border-bottom:0px solid #000000;
		height:		50px;

    		}

	
		/* Master-Container unterhalb des Headers */
		.mastercontainer {
		position:	relative;		/* IE-Fix damit das Layout nicht herausspringt so wie vorher */
	    	clear:		both;
	    	float:		left;
        	width:		100%;			/* Seitenbreite identisch mit BODY */
		overflow:	hidden;			/* Content abschneiden, der wg Überlänge aus der Box herausläuft */
		}


		/* 	Defaults für das Dreispalt-Layout
			=================================
			Hinweis: 	Dadurch, dass die Layer korrekt ineinander verschachtelt werden
					wird ein Layer Basiselemente eines anderen Layers besitzen.
		*/


		/* == Hintergrundfarbe rechte Spalte kann hier festgelegt werden */
		.glue {
	    	background:	#ffffff; 		/* Hintergrundfarbe rechte Spalte */ 	
		}


		.glue .col_mid {
		margin-left:	-50px;			/* BREITE_RECHTS:  BREITE DER RECHTEN SPALTE *(-1) */
		position:	relative;
        	float:		left;
        	width:		200%; 	
        	right:		100%;
        	background:	#ffffff; 		/* Hintergrundfarbe Mittelspalte */
    		}


		.glue .gwrapper {
		right:		50px;        		/* BREITE_LINKS:   BREITE DER LINKEN SPALTE */
		float:		left;
	    	width:		50%;
	    	position:	relative;	    	
	    	padding-bottom: 1em; 			/* PADDING MITTELSPALTE, KANN AUCH 0 SEIN */
		}


 		.glue .gwrapperleft {
        	left:		100px;         		/* FORMEL: BREITE_LINKS + ABS(BREITE_RECHTS)  */
        	float:		left;
        	width:		100%;
        	margin-left:	-50%;
        	position:	relative;

        	background:#ffffff;    			/* Hintergrundfarbe linke Spalte  */
    		}


		.glue .col1 {
        	margin:		0 65px;    		/* FORMEL: BREITE_LINKS + PADDING_COL2  */                           	
        	position:	relative;
	    	left:		200%;
	    	overflow:	hidden;
		}


    		.glue .col2 {  
        	float:		right;		
        	width:		20px;		/* FORMEL: BREITE_LINKS - (2* PADDING_COL2)
							   oder
							   BREITE_LINKS - PADDING_COL2 - PADDING_COL3 */ 
        	position:	relative;
        	right:		15px;		/* PADDING_COL2 */
    		}


    		.glue .col3 {
        	float:		right;			
        	width:		20px;        	/* FORMEL: ABS(BREITE_RECHTS) - (2* PADDING_COL2) 
							   oder
							   ABS(BREITE_RECHTS) - PADDING_COL2 - PADDING_COL3 */
        	margin-right:	45px;  	/* Textabstand PADDING_COL3=15   Result= PADDING_COL3+PADDING_COL2 + PADDING_COL3 */
        	position:	relative;
        	left:		50%;
    		}







		/* ------------- SWITCHES -------------------------- */


		/* SWITCH 01 Layout variablel oder fest,  Fixierung, Breite 
		   ========================================================
		*/


		/* Layout-Modis, gewünschte Variante einfach auskommentieren */

		/* ::: SWITCH 01.1: variable Mittelspalte, rechte Spalte passt sich am Browser an */
		/* keine Änderung */



		/* ::: SWITCH 01.2: Feste Größe von 900 Pixeln Breite mit 50 Pixeln Randabstand links */

/*		
		body {
		margin-left:	50px;
		margin-right:	50px;
		width:		900px;
		

		}
		
*/


#globalcontainer {
		
		margin-left:	50px;
		margin-right:	00px;
		width:		1000px;
		}	





		/* ===== ENDE SWITCH 01 ===== */



		/* SWITCH 02 Border-Farben setzen (Haarlinien) 
		   ========================================================
		*/

		/* ::: SWITCH 02.1: Rand um die obere Kopfbox setzen */
/*
		#header {        	
		border:1px solid #000000; 	
    		}
*/

/* Hintergrundfarbe Box oben */
		#header {
        	background: #111;
		background-image: url(images/head_bg.jpg);
		background-repeat: no-repeat;
		height: 170px;


    		}

		







		/* ::: TODO SWITCH 02.2: Linke Spalte bekommt rechts grafische Haarlinie */



/* perfekt linke Spalte Haarlinie rechts */
		.glue .gwrapperleft   {
		background-image: url(3333ff.gif);
		background-repeat: repeat-y;
		 background-position: right;

		}





/* rechte Spalte Haarlinie links */
/*
		.glue .col_mid   {
		background-image: url(3333ff.gif);
		background-repeat: repeat-y;
		 background-position:1799px 00px;

		}

*/
			




/* perfekt Mittelspalte rechte Haarlinie grafisch */

		.glue .col_mid   {
		background-image: url(3333ff.gif);
		background-repeat: repeat-y;
		background-position: right;
		}

		


		/* rechte Spalte rechte Haarlinie grafisch */
/*		
		.mastercontainer  {
		background-image: url(3333ff.gif);
		background-repeat: repeat-y;
		background-position: right;
		}
*/		
		



		/* ::: SWITCH 02.3: Mittelspalte rechte Haarlinie erzeugen */
/*
		.glue .col_mid  {
		border-right:1px solid #000000;
		}	
*/


/* Defaultfont-Defitionen */


h1, h2, h3 {
	margin-top: 10px;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 13px;
}

p {
font-size: 14px;
}

ul {
	list-style-image: url(images/img07.gif);
	font-size: 13px;
	padding-top: 7px;
}

li {
	list-style-image: url(images/img07.gif);
	font-size: 13px;
	padding-top: 3px;
}



a {
	color: #333333;


}

a:hover {
	text-decoration: none;
	color: #000000;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}








 /* --> */