/* ######################################################################################################
** # T3Basis von Jan-Claas Dirks ########################################################################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 20.01.07  
**  Datei       : t3basis.css
**  Funktion    : Farben, Grafiken und Abstände des Gesamtlayouts
**
**	Eigenschaften hinter der Markierung "T3Basis" sollten nicht bearbeitet werden
*/


@media all
{

/* ######################################################################################################
** ### Seitenlayout #####################################################################################
** ######################################################################################################
*/

body {
	/* Hintergrund der Seite */
	background: #ffae4a;

	/* T3Basis ****************************************/	
	/* :hover für alle Elemente im IE6 */
	Xbehavior: url(csshover.htc); 
	
	/* Jello Mold: min- und max-Breite. Siehe http://www.positioniseverything.net/articles/jello.html */
	padding: 0 450px 0 450px;
	text-align: center;
	margin: 0;
}

#page_margins {
	/* T3Basis ****************************************/	
	/* Jello Mold */
	margin: 0 auto 0 auto;
	padding: 0;
	width: 52%;
	max-width: 200px;  /* version for IE is at the bottom of this style block */
	text-align: left;
}

#page{ 
	/* T3Basis ****************************************/	
	/* Jello Mold */
	margin: 0 -450px 0 -450px;
	min-width: 900px; /* Critical Safari fix! */
	position: relative;
}

#wrapper { 
	/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
	border: 0px #000 solid; 
	
	/* Innerer Hintergrund. Wird i.d.R. überdeckt */
	background: #ffae4a; 
	/* T3Basis ****************************************/	
	/* Jello Mold */
	width: 100%;
}

/* Formatierung der Kopfbereiches */

#header { 
	background-image: url(img/muss-web_02.gif);
	background-repeat: repeat;
	/* T3Basis ****************************************/	
	position:relative; 
	height: 148px;
}

.right-head {
	margin:0;
	padding:0;
	background-image: url(img/muss-web_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 148px;
}

.left-head {
	margin:0;
	padding:0;
	background-image: url(img/muss-web_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 148px;
}


/* ######################################################################################################
** ### Spalten ##########################################################################################
** ######################################################################################################
*/

/* col1, col1_content und #main: zumeist linke Spalte */
.coll_head {
	background-image: url(img/side-back-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	min-height: 20px;
}

#col1 { 
	width: 200px;
	margin-top: 0px;

}
	
#col1_content { 
	width: 180px;
	padding-left:10px;
	padding-bottom:20px;


}
/* durchgehende Hintergrundgrafik links */
#main { 
	/* T3Basis ****************************************/	
background:  transparent url(img/side-back-button.gif) repeat-y left bottom;

}

/* col2, col2_content und #main-inner: zumeist rechte Spalte */

#col2 { 
	width: 200px;


}

#col2_content {
	width: 150px;
	padding-left:20px;
	padding-top: 20px;
}


/* durchgehende Hintergrundgrafik links */
#main-inner {
	background:  transparent url(img/side-back-button.gif) repeat-y right bottom;
	/* T3Basis ****************************************/	
}

/* col3 und col3_content: zumeist linke Spalte */

#col3
{
	background: transparent; 
	margin-left: 200px; 
	margin-right: 200px;
}
#col3_content { 
	padding-top: 20px;
	padding-bottom: 40px;
	background: transparent;

}

#rootline { 
	padding: 5px 0;
}

#centercontent { 
	background: transparent;
	margin-left: 30px; 
	margin-right: 30px; 
}


/* Formatierung der Fußzeile */
#footer { 
	background-image: url(img/inner-footer.gif);
	background-repeat: repeat-x;
	height: 146px;
}

.footstart {
	background-image: url(img/left-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 146px;

}

.footend {
	background-image: url(img/right-footer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 146px;
	padding: 13px;


}
/* ######################################################################################################
** ### Menüs ############################################################################################
** ######################################################################################################
*/

.horizontal-menu {
	float:left;     /* Einfassen der Floats in allen anderen Browsern */
	display: left; /* war nicht im standard-menu */
	line-height: 0px;

}
.horizontal-menu ul {
	display: inline; 
	float: left; 
	list-style: none; 
}
.horizontal-menu ul li {
	display: inline; 
	float: left; 
}
.horizontal-menu ul li a ,
.horizontal-menu ul li strong {
	display: block;
	width: auto; 
}

.vertical-menu ul {
	margin-left: 5px; 
	padding: 0px;
	position: relative; /* IE bug - avoids clear backgrounds on load */
	list-style: none;
}
.vertical-menu ul li {
	margin-left: 5px; 
	padding-left: 12px;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px; 
}
.vertical-menu ul li a,
.vertical-menu ul li.cur strong {
	width: 75%;
	display: block; 
}
/* zweite Menüebene */
.vertical-menu ul ul { margin: 0; padding: 0; }
.vertical-menu ul ul li a  { width: 82%; padding-left: 18% !important; }
.vertical-menu ul ul li.cur strong { width: 82%; padding-left: 18% !important; }
/* dritte Menüebene */
.vertical-menu ul ul ul { margin: 0; padding: 0; }
.vertical-menu ul ul ul li a { width: 60%; padding-left: 18% !important; }
.vertical-menu ul ul ul li.cur strong { width: 82%; padding-left: 18% !important; }

.vertical-menu dfn, .horizontal-menu dfn { 
	position: absolute; 
	width: 0px; 
	height: 0px; 
	bottom: 3000px; 
	font-size: 0px; 
	line-height: 0px; 
	_display: none; 
}

.top-side {
	margin:0;
	padding:0;
	background-image: url(img/side-back-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* col3_Hintergrundbox */
.ro {
background:url(img/ro.gif) top right no-repeat;
margin:0;
padding:0;
}

.lo {
background:url(img/lo.gif) top left no-repeat;
margin:0;
padding:0;
}
 
.ru {
background:url(img/ru.gif) bottom right no-repeat;
margin:0;
padding:0;
}
 
.lu {
background:url(img/lu.gif) bottom left no-repeat;
margin:0;
padding:0;
}

}