/* Layout-Strukturen */
/* ================= */

/*
*/

/* Standard-Bereiche */
/* ================= */

#OuterTop
	{
	margin-top:10px;
	margin-bottom:10px;
	color: #000000;		/* provisorisch */
	}
/*
	background-color:#cccccc;
	border: 1px solid #039;
	border-radius:14px;
	border-radius:14px;
*/

#oOuterTopX, #oOuterTopY, #oOuterTopZ
	{
	}

#rOuterTopX, #rOuterTopY, #rOuterTopZ
	{
	}


#OuterBottom
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	background-color:#cccccc;
	border: 1px solid #039;
	border-radius:14px;
*/

#oOuterBottomX, #oOuterBottomY, #oOuterBottomZ
	{
	}

#rOuterBottomX, #rOuterBottomY, #rOuterBottomZ
	{
	}


#Container
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #039;
	border-radius:14px;
*/

#oContainer
	{
	}

#rContainer
	{
	}


#Top
	{
	}

#oTopX, #oTopY, #oTopZ
	{
	}

#rTopX, #rTopY, #rTopZ
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	min-height:60px;
	border: 1px solid #039;
	border-radius:14px;
*/


#Header
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	border: 1px solid #039;
	border-radius:14px;
*/

#oHeaderX, #oHeaderY, #oHeaderZ
	{
	}

#rHeaderX, #rHeaderY, #rHeaderZ
	{
	min-height:40px;
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	min-height:60px;
	border: 1px solid #039;
	border-radius:14px;
*/


#Center
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	border: 1px solid #039;
	border-radius:14px;
*/

#oCenterX, #oCenterY, #oCenterZ
	{
	}

#rCenterX, #rCenterY, #rCenterZ
	{
	min-height:100px;
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	min-height:60px;
	border: 1px solid #039;
	border-radius:14px;
*/


#Footer
	{
	}
/*
	border: 1px solid #039;
	border-radius:14px;
*/

#oFooterX, #oFooterY, #oFooterZ
	{
	}

#rFooterX, #rFooterY, #rFooterZ
	{
	min-height:60px;
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	min-height:60px;
	border: 1px solid #039;
	border-radius:14px;
*/


#Bottom
	{
	color: #000000;		/* provisorisch */
	}
/*
	border: 1px solid #039;
	border-radius:14px;
*/

#oBottomX, #oBottomY, #oBottomZ
	{
	}

#rBottomX, #rBottomY, #rBottomZ
	{
	margin-top:10px;
	margin-bottom:10px;
	}
/*
	min-height:60px;
	border: 1px solid #039;
	border-radius:14px;
*/



/* Standard-Klassen für Reihen */
/* =========================== */

.o100
	{
	width:100%;
	}

/* ... für Over-background-color */
.oc
	{
	background-color:#86AED7;
	}
/*
	background-color:#86AED7;
*/

.r100
	{
	width:100%;
	} 
/*
	min-height:30px;
	box-shadow:0px 0px 20px 0px #999972;
	box-shadow:0px 10px 20px 5px #777;
*/

/* ... anstelle von .rx mehrere .r's zum kombinieren */
/* ... ähnliches evtl. auch für die Over-Zeilen (.oc, .oplr, etc.) */
/* ... für width */
.rw
	{
	max-width:960px;
	margin: 0 auto;
	}

/* ... für Reihen-background-color */
.rc
	{
	}
/*
	background-color:#efefef;
*/

/* ... für Reihen-padding nur links */
.rpl
	{
	padding-left:1%;
	}

/* ... für Reihen-paddings links/rechts */
.rplr
	{
	padding-left:1%;
	padding-right:1%;
	}

/* ... für Reihen-paddings oben/unten */
.rpou
	{
	padding-top:5px;
	padding-bottom:5px;
	}

/* ... für Reihen-paddings nur oben */
.rpo
	{
	padding-top:5px;
	}

/* ... für Reihen-paddings nur unten */
.rpu
	{
	padding-bottom:10px;
	}

/* ... für Reihen-margins oben/unten */
.rmou
	{
	margin-top:10px;
	margin-bottom:10px;
	}

/* ... für Reihen-paddings nur oben */
.rmo
	{
	margin-top:10px;
	}

/* ... für Reihen-paddings nur unten */
.rmu
	{
	margin-bottom:10px;
	}

/* ... für Reihen-border links/rechts */
.rblr
	{
	border-left:#039 solid 1px;
	border-right:#039 solid 1px;
	}
/*
	border-radius:14px;
*/

/* ... für Reihen-border oben/unten */
.rbou
	{
	border-top:#039 solid 1px;
	border-bottom:#039 solid 1px;
	}
/*
	border-radius:14px;
*/

/* ... für Reihen-border links/rechts/oben/unten */
.rb
	{
	border:#039 solid 1px;
	}
/*
	border-radius:14px;
*/

/* ... für Reihen-shadow */
.rs
	{
	box-shadow: 0px 10px 20px 5px #777;
	}


/* ... für diverse/individuelle Definitionen der Bereiche */
.rTop, .rTopX, .rTopY, .rTopZ
	{
	}

.rCenter, .rCenterX, .rCenterY, .rCenterZ
	{
	}

.rBottom, .rBottomX, .rBottomY, .rBottomZ
	{
	}

.rFooter, .rFooterX, .rFooterY, .rFooterZ
	{
	}

.rOuter, .rOuterX, .rOuterY, .rOuterZ
	{
	}


/* Standard-Klassen für Kolonnen */
/* (.Koln- nicht mehr benützen) */
/* Prozentuale Kolonnen (Mindestbreiten machen hier keinen Sinn) */
/* ============================================================= */

/* ... für alle Kolonnen gilt: */
div[class*=Kolprz-]
	{
	float:left;
	padding-right:1%;
	padding-top:3px;
	padding-bottom:3px;
	} 

.Kolprz-100
	{
	width:100%;
	float:none;
	} 

.Kolprz-50
	{
	width:50%;
	}
/*
*/

.Kolprz-33
	{
	width:33.3333%;
	font-size:90%;
	} 
/*
*/

.Kolprz-25
	{
	width:25%;
	font-size:90%;
	} 
/*
*/

.Kolprz-20
	{
	width:20%;
	font-size:80%;
	} 
/*
*/

.Kolprz-16
	{
	width:16.66666666666667%;
	font-size:75%;
	} 
/*
*/

.Kolprz-12
	{
	width:12.5%;
	font-size:75%;
	} 
/*
*/

.Kolprz-11
	{
	width:11.111111%;
	font-size:70%;
	} 
/*
*/


/* Standard-Klassen für Container */

.KolContainer
	{
	padding-right:0%;
	}
/*
	border: 1px dotted;
	border-radius:14px;
	margin-left:20px;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	margin: 5px 15px 5px 0px;
	padding: 3px 13px 3px 13px;
*/

.FirstContainer
/* ... nicht mehr nötig */
	{
	}
/*
	margin-left:0px;
	margin-right: 0px;
*/

.LastContainer
/* ... nicht mehr nötig */
	{
	}
/*
	margin-right:0px;
	margin-right: 0px;
*/


.ContentBox
	{
	padding: 3px 5px 3px 5px;
	min-height:20px;
	}
/*
	background-color: #E1E1E1;
	min-height:120px;
	border: 2px solid;
	border-radius:14px;
*/


/* Komponenten der Sidebar-Muster */
/* ============================== */
.cMainr
	{
	float:right; width:70%; padding-right:1%;
	}

.cMainl
	{
	float:left; width:70%; padding-right:1%;
	}

.cSidebar
	{
	float:left; width:30%; padding-right:1%;
	}

.iSidebar
	{
	float:left; width:100%; border:1px solid;
	}