@CHARSET "UTF-8";
/*****************************************************************************
CSS-styles for www.profibus.com, since 2012-12-06, autor: pixelrund
This file mainly provides stylings based on the selected backend layout.

Depending on the selected BE layout the following classes will be assigned to the body tag:

- content-2col (2 content columns 66%,33%) OR
- content-3col (3 content columns 33%,33%,33%)

AND

- theme-2col (theme reaching not over the rightmost column) OR
- theme-3col (theme reaching over all columns)

AND

- theme-big (big=high theme) OR
- theme-small (small=shallow theme)

******************************************************************************/

/* default behaviour (3 content columns) */
#container #content-left {
	float: left;
	margin-right: 0;
	width: 296px;
}
#container #content-right {
	margin-left: 0;
	float: right;
	width: 296px;
}
#container #content-main {	
	width: 296px;
	/*margin: 0 auto;*/
	/* no auto centering between left/right anymore... */
  	float: left;
    margin: 0 15px;
}
/* modified behaviour (2 content columns) */
.content-2col #container #content-left {
	width: 607px;
}
.content-2col #content-left > div.csc-default {
	float: left;
	width: 577px;
}
.content-2col #container #content-main{
	display: none;
}

/* modified behaviour (1 content columns) */
.content-1col #container #content-left {
	width: 920px;
}
.content-1col #content-left div.csc-default {
	float:	left;
	width:	890px;
}
.content-1col #container #content-main{
	display: none;
}

/* default behaviour for themes reaching also over the rightmost column (big version) */
#content-theme {
	float: left;
	margin: 0px 30px 15px 30px !important;
	padding: 0 !important;
	height: 286px;
	width: 920px;
	overflow: hidden;
}
/* modified behaviour for themes reaching not over the rightmost column */
.theme-2col #content-theme {
	margin-right: 0px !important;
	width: 607px;
}

.theme-1col #content-theme {
	margin-right: 0px !important;
	width: 920px;	
}

.theme-2col #container #content-right {
	margin-top: 0px !important;
}
/* modified behaviour for small themes */
.theme-small #content-theme {
	height: 143px;	
}
.theme-medium #content-theme {
	height: 207px;	
}

/* no theme backend layout */
.theme-none #content-theme {
	display: none;
}