/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
**
**  YAML Version: 2.4
**  Dateiversion: 15.05.06
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@media all
{

/* Formatierung der Seite */
body { background-color: #fff; padding: 0; margin: 0;}


/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden. ex 667 */
#page_margins { position: absolute; top: 0px; left: 50%; margin-left: -440px; width: 880px; }
#page{ position: relative; width: 880px; background: url(../../img/bg.gif) left 121px repeat-x;}

/* Formatierung der Kopfbereiches */
#header { position: absolute; top: 0px; left: 50%; margin-left: -440px; height: 95px; width: 880px; float: left; overflow: hidden; }
#topnav { position: absolute; float:left; top: 0; height: 24px; left: 300px; color: #B0B0B0;}
#visual { position: absolute; top: 0px; left: 0px; width: 260px; height: 95px; }

/* Formatierung der Top-Navi in nav_slidingdoor.css */

/* Formatierung des Content-Bereichs */
#main { position: relative; left: 0px; margin-top: 121px; }





/* Formatierung der Fußzeile */

#footer {
	padding: 0; 
	margin: 35px 0 0 0; 
}

#footer .fleft {
	padding-top: 5px;
	border-top: 1px #237B91 solid;
}


#footer .fright p {
 	color: #1B5471;
	margin: 0 0 10px 0; 
	padding: 0;
}

/* fuer fleft UND fright */
#footer div {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0; 
	padding: 2px 0 0 0;
}

#footer ul {
	Xfloat: left;
	margin: auto;
	padding: 0;
	margin: 0;
}

#footer li {
	display: inline;
	xfloat: left;
	margin: 0;
	padding: 0px 5px 0 5px;
}

#footer a {
	border-bottom: 1px dotted #1B5471;
	padding: 0;
	margin: 0 0 0 5px;
}









/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { color: #000; padding: 30px 0px 0 20px; float: left; }

#colr { 
	float: right;
	margin: 0;
	padding: 0;
	width: 570px;
}

/*
#col1 { border: solid 1px blue; }
#col1_content { border: solid 1px red; }
#col1 .csc-textpic { border: solid 1px magenta; margin: 0; padding: 0; left: 0; }
#col1 .csc-textpic-imagewrap { border: solid 1px green; margin: 0; padding: 0; left: 0; }
*/

/* linke Spalte */
#col1 {	padding: 0; margin: 0; }
#col1_content {	width: 260px; padding: 0; margin: 0; }

/* Rechte Spalte */
#col2 {	float: left; width: 570px; padding: 0; margin: 0; }
#col2_content {	float: left; width: 555px; padding: 0 0 20px 0; margin: 0; }




/* Mittlere Spalte */
#col3 {
	float: left;
	margin: 0;
	width: 550px;
	padding: 0;
}
#col3_content { padding: 0; margin: 0px; }
#col3_innen { float: left; padding: 0; margin: 0px; width: 100%; }




#col3 .csc-frame-indent, 
#col2 .csc-frame-indent { background-image: url(../../img/box/col3-box.gif); }
#col1 .csc-frame-indent { background-image: url(../../img/box/col2-box.jpg); }
#col1 .csc-frame-indent p {color: #999999; width: 240px; margin-bottom: 0.3em; }

.csc-frame-indent {
	float: left;
	width: 100%; 
	padding: 5px 0 0 10px; 
	display: table; 
	/* min-height: 252px; */
	background-repeat: no-repeat;
	background-position: top left;
}

.csc-frame-indent h1 { color: #FFF; font-weight: normal;}

.csc-frame-indent .csc-frame-indent3366 { width: 184px; }
.csc-frame-indent .csc-frame-indent3366 li { color: #1B5471; padding: 0 0 5px 0;}

.csc-frame-indent3366 { width: 150px; float: left; clear: none; }
.csc-frame-indent6633 { width: 300px; float: left; clear: none; }
/* .csc-frame-indent .csc-header { float: left; } */
.csc-frame-rulerBefore { clear: both; }


/* Firmenadresse */
.csc-frame-frame1 {
	float: left;
	width: 100%;
	border-top: solid 1px #D3E4E9;
	padding-top: 25px;
}
/* H-Unterstrich */
.csc-frame-frame2 {
	float: left;
	width: 100%;
	border-bottom: solid 1px #D3E4E9;
	margin-bottom: 5px;
	padding-top: 25px;
}
.csc-frame-frame2 * {
	padding-bottom: 0;
	margin-bottom: 0;
}




}