/*
 *	layout.css
 *
 *	css-Definitionen für die verschiedenen Layouts
 *
 */


/*###########
Dreispaltiges Standardlayout
###########*/

#threerows {
	position:relative; 
	display:inline-block; 
	border-left:200px #f8d06b solid; 
	border-right:200px #fce7b5 solid; 
	overflow:visible;
}

#right {
	float:right; 
	position:relative; 
	width:199px;
	margin-right:-200px; 
	display:inline;
	font-size:11px;
}

#right_content{
	margin-top:10px;
	overflow:hidden;
	width:199px;
}

#right_content_inner{
	padding-top:0px;
	padding-left:0px;
}

#left {
	float:left; 
	position:relative; 
	width:190px; 
	margin-left:-200px; 
	display:inline;
	z-index:3;
}

#left_content{

}

#content {
	padding-top:20px;
	padding-bottom:20px;
	margin-left:27px;
	margin-right:27px;
	font-size:11px;
	width:514px;
	min-height:400px;
	height: auto !important;
	height:400px;
	float:left;
}

#bread{
	color:#808185;
	font-size:11px;
}

#bread a:link, #bread a:visited, #bread a:active, #bread a:focus  { font-weight:normal; color:#808185; text-decoration:none; border-bottom:0px;}
#bread a:hover { font-weight:normal;color:#808185; text-decoration:underline;}

#content_inner{
	margin-top:15px;
	float:left;
	width:514px;
	margin-bottom:25px;
}

/* =========================================================================================================
/* =========================================================================================================
/* =========================================================================================================



/*###########
Layout 2-spaltig
###########*/


#tworows{
	width:968px;
	background:#f8d06b;
	background-image:url(bilder/zweispaltig.jpg);
	background-repeat:repeat-y;
}

#tr_left{
	float:left;
	width:200px;
	background:#f8d06b;
}

#tr_content{
}

#tr_right{
	background:#ffffff;
	width:768px;
	float:left;
	min-height:400px;
	height: auto !important;
	height:400px;
}

#tr_right_inner{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:27px;
	margin-right:27px;
	font-size:11px;
}

#tr_content_inner{
	margin-top:15px;
	float:left;
	width:714px;
	margin-bottom:25px;
}

/* =========================================================================================================
/* =========================================================================================================
/* =========================================================================================================



/*###########
Layout 3-spaltig, dritte Spalte links
###########*/


#layout2_threerows {
	position:relative; 
	display:inline-block; 
	border-left:200px #f8d06b solid; 
	border-right:558px #ffffff solid; 
	overflow:visible;
	background: #fce7b5;
}

#layout2_right {
	float:right; 
	position:relative; 
	width:557px;
	margin-right:-558px; 
	display:inline;
}

#layout2_right_content{
	margin-top:0px;
}

#layout2_content{
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	font-size:11px;
	width:200px;

	min-height:400px;
	height: auto !important;
	height:400px;
}

#layout2_right_content_inner{
	padding-top:20px;
	padding-bottom:20px;
	margin-left:27px;
	margin-right:27px;
	font-size:11px;
}



/* =========================================================================================================
/* =========================================================================================================
/* =========================================================================================================



/*###########
Layout Startseite
###########*/

#startseite_threerows {
	position:relative; 
	display:inline-block; 
	margin-left:0px; 
	border-left:200px transparent solid;
	border-right:200px #fce7b5 solid;
	overflow:visible;
}

#startseite_backleft{
	background:#F7D06B;
	background-image:url(bilder/contabogen_links.jpg);
	background-position:1px bottom;
	background-repeat:no-repeat;
}

#startseite_backright{

}

#startseite_content {
	background:#FFFFFF url(bilder/contabogen_rechts.jpg) no-repeat scroll left bottom;
	font-size:11px;
	height:auto !important;
	min-height:400px;
	padding:20px 27px;
}