@CHARSET "UTF-8";
/*****************************************************************************
CSS-styles for www.profibus.com, since 2012-12-06, autor: pixelrund
This file mainly provide grid-informations (dimensions, floats), colors (font, 
background) and theme images (background), see also backendlayout.css!

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)

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

@media all {
* {
	padding: 0;
	margin: 0;
}
body {
	width: 100%;
	height: 100%;
	/* background: #000000 url(../images/bg_glow.png) no-repeat center top;	*/
	background-color: #efefef;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #333;
}
label, span, h1, h2, h3, h4 {
	color: #666;
}
h1 {
	font-size: 18px;	
	padding-bottom: 9px;
}
h2 {
	font-size: 16px;	
	padding-bottom: 6px;
	
}
h3 {
	font-size: 14px;
	padding-bottom: 3px;	
}
p {
	line-height: 1.5em;
}
li {
	line-height: 1.5em;
}
a {
	color: #666;
}
ul {
		list-style-position: inside;
}
td,th {
	padding: 5px;
}

p.align-left {
	text-align: left;
}
p.align-right {
	text-align: right;
}
p.align-center {
	text-align: center;
}
p.align-justify {
	text-align: justify;
}
fieldset {
	margin: 10px 0px;
	border: 0;
}
img  {
	border: 0;
}
#container {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: auto;
	min-height: 1000px;
	background-color: #efefef;
	padding: 15px 0 0 0;
}
#container > div {
	position: relative;
	padding: 15px;	
	background-color: #fff;
	margin: 0px 30px 0px 30px; /** define margins for direct container children **/
}

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #fff;
	height: 125px;
}
#header-top {
	position: fixed !important;
	background-color: #efefef !important;
	/*margin-top: -30px !important;*/
	margin: 0 auto !important;
	width: 100%;
	height: 30px;
	padding: 0 !important;
	z-index: 9999;
}
#headet-top > ul {
}

#header-main {
	/*margin-left: 0;
	margin-right: 0;*/
	width: 980px;
	margin: 0 auto !important;
	
	padding: 27px 15px 27px 15px !important;
	/*
	background: transparent url(../images/profibus_logo.jpg) no-repeat 15px 25px;
	*/	
	z-index: 1001; /* contains the flyout navigation, should overlap all other levels */
	position: relative;
	top: 30px;

}
#header-main > img {
	position: absolute;
	top: 15px;
	left: 920px;
}

#footer-main {
	clear: both;
}

/****************************************** 
 add container specific styles (see also backendlayout.css)
*******************************************/
#content-left, #content-right, #content-main {
	background-color: transparent !important;
	padding: 0 !important;
	margin-bottom: 15px !important;
}
#content-theme, #content-left > div, #content-right > div, #content-main > div {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fff;
	padding: 15px;
	margin-bottom: 15px;
}
#content-left > div.csc-default, #content-right > div.csc-default, #content-main > div.csc-default {
	float: left;
	width: 266px;
}

#content-right div.sociallinks {
	text-align: center;
}
#content-right div.sociallinks ul.links {
	padding: 0px;
	margin: 0px;
	/* float: right; */
}
#content-right ul.links li {
	display: inline-block;
}


#footer-main a,
#footer-bottom a,
#footer-main a span,
#footer-bottom a span {
	color: #fff !important;
	text-decoration: none !important;
}

#footer-main {
	height: 24px;
	padding: 28px 30px !important;
	background: transparent url(../images/footer-gradient-80.jpg) repeat-x 0 0 !important;
}
#footer-main > p,
#footer-main > ul {
	float: left;
}
#footer-main > ul > li {
	display: inline-block;
} 
#footer-main,
#footer-main a,
#footer-main p {
	color: #fff;
	font-size: 11px;
}
#footer-main p  {
	font-size: 18px;
	margin-right: 30px;
}
#footer-main ul {	
	padding-top: 6px;
}
#footer-main ul.links {
	padding-top: 0px;
	margin-right: 0px;
	float: right;
}


#footer-bottom {
	float: left;
	clear: both;
	padding: 30px !important;
	background-color: #666 !important;
}
#footer-bottom,
#footer-bottom a,
#footer-bottom h3{
	color: #fff;
	font-size: 11px;
}
#footer-bottom > div,
#footer-bottom > ul {
	/*display: inline-block;*/
	float: left;
	width:	160px;
}
#footer-bottom > div {
	width: 50%;
	vertical-align: top;
}
#footer-bottom > ul {
	padding-top: 18px;
	margin-left: 45px;
}

/************************************ 
 reset margins for certain containers
*************************************/

#container #header-top,
#container #header-main,
#container #footer-main,  
#container #footer-bottom {
	margin-left: 0;
	margin-right: 0;
}

}