/* @group basics */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-x: hidden;
}

body {
	font: 12px/1.5 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
	color: #333;
	background: url('images/body.gif') #203b92 repeat-x;
	
}

p {
	margin-bottom: 1em;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

small {
	font-size: 95%;
}

a:link, a:visited {
	color: #203b92;	
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a img {
	border:1px solid #e7e7e7;
}

a:hover img {
	border:1px solid #203b92;
}

img {
	border: 0;
}

h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em;
	font-weight: bold;
	line-height: 1.1;
	color: #203b92;
	text-shadow: 0 0 1px transparent;
}

h2 {
	font-size: 180%;
}

h3, h4, h5, h6 {
	padding-top: 1em;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
	color: #333;
}	

h5 {
	font-size: 100%;
	color: #666;
	border-bottom: 1px dotted #cccccc;		
	text-transform: uppercase;				
	text-align: right;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}

table {
	margin-bottom: 1em;
	width: 100%;
	padding: 0;
}

td {
	padding: 0 1em 0 0;
	vertical-align:top;
}

td.last {
	padding-right: 0 !important;
}

ul, ol {
	padding-left: 2em;
	margin-bottom: 1em;
}

ul ul, ol ol {
	margin:0.4em 0 0 !important;
}

li {
	padding-left: 0;
	margin-bottom: 0.5em;
}

li li {
	margin-bottom: 0;
}

hr {
	height: 1px;
	background: none;
	border: none;
	border-top: 1px dotted #e7e7e7;
}

a.up {
	background: #fff;
}

a.up img {
	padding: 6px;
}

.column {
	width: 300px;
	float: left;
}

.column-content {
	padding: 25px;
	padding-top: 10px;	
}

.hotline {
	background: #0cb14b;
	padding: 5px;
	text-align: center;
	font-size: 110%;
	color: #fff;
}

.hotline strong {
	font-size: 120%;
}

.group:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.group { display: inline-block; }

/* @end */

/* @group header */
#wrapper {
	position: relative;
	width: 900px;
	margin: auto;
	background: url('images/wrapper.jpg') #fff;
}

#header {
	background-color: #fff;
	height: 150px;
}

#header a {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	border: 1px solid #ccc;
	padding: 3px;
	text-indent: -9999px;
	color: #fff;
	overflow: hidden;
	height: 60px;
	width: 258px;
	background: url('images/logo-main.jpg') 3px 3px no-repeat;
}

#header a:hover {
	border-color: #203b92;
}

/* @end */

/* @group navigation */
#right ul {
	list-style-image: url('images/bullet.gif');
	list-style-position: inside;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}	

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#navigation {
	line-height:	1.0;
	background-color: #203b92;
	border-bottom:	4px solid #203b92;
	top: 108px;
	width: 900px;
	position: absolute;
	left:0;
}
.sf-menu {
	position:		relative;
	width:			900px;
}
.sf-menu a, .sf-menu a:visited {
	display:		block;
	float:			left;
	padding:		15px 15px 11px;
	text-decoration:none;
	color:			#fff;
}

.sf-menu li {
	width:			auto;
	display:		inline;
	position:		relative;
	
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu .menu-current a, .sf-menu .menu-parent a {
	font-weight: bold;
	background: #374f9d;
	color:#fff;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#003886;
	outline:		0;
	text-decoration:none;
}

#magic-line { position: absolute; bottom: -4px; left: 0; width: 100px; height: 4px; background: #fff; }

/* @end */

/* @group pln-visual */
#pnl-visual {
	width: 900px;
	height: 300px;
	position: relative;
	z-index: 1;
	background: #203b92;
}
			
			#slides {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 10;				
			}
			
			#pnl-visual-navigation {
				position: absolute;
				left: 0;
				top: 0;
				width: 250px;
				height: 300px;
				z-index: 20;
			}		

			#pnl-visual-navigation a {
				padding: 20px 10px;
				margin: 10px;
				background-color: #172d5f;
				color: #9ad;	
				border: 1px solid #285794;
				cursor: pointer;
				display: block;
				width: 100%;
			}
			
			#pnl-visual-navigation a:hover {
				text-decoration: none;
			}

			#pnl-visual-navigation strong {
				color: #fff;
			}	
			
			.pnl-slide {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 10;
				color: #fff;
				font-size: 95%;
				line-height: 1.3;
			}
			
	
			
			.pnl-slide h2 {
				font-weight: normal;
				color: #fff;
				background: #0cb14b;
				padding: 5px;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			div.pnl-slide-content p {
				color: #fff;
				padding: 5px;
				position: absolute;
				top: 60px;
				left: 00px;
			}			
			
			.pnl-slide img {
				position: absolute;
				left: 0;
				top: 0;
				height: 300px;
				width: 900px;
			}
			
			.pnl-slide-content {
				margin-left: 330px;
				position: absolute;
				left: 0;
				top: 40px;
				z-index:100;
				width: 350px;
	
			}
			
			.pnl-slide-content  a {
				color: #fff;
				
			}
/* @end */

.column-content p {
	
}

/* @group footer */
div#footer {
	clear: both;
	padding: 20px;
	background-color: #203b92;	
	color: #99aedd;
	font-size: 11px;
	line-height: 15px;
	position: relative;
}

div#footer a:link,
div#footer a:active,
div#footer a:visited {
	color: #fff;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

/* @end */

/* @group left */
#left {
	position: relative;
	width: 599px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: left;
	overflow: hidden;
}

#left-content ul li {
	list-style-image: url('images/bullet.gif');
}

#left-content ol li {
	list-style-image: url('images/bullet.gif');
	margin-bottom: 1em;
}

#left-content {
	padding: 15px 25px 30px;
}

.linkbuttons {
	padding: 0.7em 0;
}

.linkbuttons li {
	list-style-type: none;
	display: inline;
}
.linkbuttons a {
	background: #27a22d;
	font-size: 120%;
	font-weight: bold;
	padding: 0.7em 1em;
	color: #fff;
	margin-right: 1em;
}

.linkbuttons a:hover {
	text-decoration: none;
	background: #203b92;
}

.industrie a {
	background: #203b92;
}

/* @end */

/* @group right */
#right {
	width: 301px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: right;
	position: relative;
}

#right-content {
	padding-top: 10px;
	padding: 25px;
}

#right-content ul, #right-content ol {
	margin: 0 0 2em;
	padding: 0;
}

#right-content li {
	margin: 0;
	border-bottom: 1px solid #e7e7e7;
	padding: 3px 0;
}

#right-content li li {
	border: none;
	margin-left: 1em;
	padding: 0;
}
/* @end */

div.clearfix {
	clear: both;
}

div#navigation {
		
}

div#breadcrumbs {
	padding: 5px 15px ;
	border-bottom: 1px solid #e7e7e7;
}

/* @group forms */
#search {
	position: absolute;
	right: 15px;
	top: 15px;
}


input, textarea, .btn {
	border: 1px solid #ccc;
	padding: 3px 5px;
	margin: 0 0 1em 10px;
}
input:focus, textarea:focus {
	border-color: #203b92;
}

textarea {
	resize: vertical;
}

.btn, input[type=submit], input[type=reset] {
	background: #ddd url('images/gradient.png');
	color: #222 !important;
}
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=reset]:hover {
	color: #203b92 !important;
	text-decoration: none;
	cursor: default;
	border-color: #203b92;
}

.field_title {
	width: 25%;
	vertical-align: top;
	text-align:right;
}

.field_radio {
	margin-right: 10px;
	border: none;
}
.required {
	color: #f00;
}
.textfield {
	width: 200px;
}
.textarea {
	width: 90%;
	height: 100px;
}
.field_heading {
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-top: 10px;
	color: #666;
}
.select {
	
}
.checkbox_label {
	cursor: pointer;
}
.email {
	width: 200px;
}
/* @end */

/* @group special-styles */
.rohrbau h2, .rohrbau h3,.rohrbau h4 {
	color: #e20031;
}

.iso h2, .iso h3,.iso h4 {
	color: #00b1e6;
}

.umwelt h2, .umwelt h3, .umwelt h4 {
	color: #27a22d;
}

.iso #header a {
	background-image: url('images/logo-iso.jpg');
}

.rohrbau #header a {
	background-image: url('images/logo-rohr.jpg');
}

.umwelt #header a {
	background-image: url('images/logo-umwelt.jpg');
}

.azubi p {
	color: #444;
}

.azubi h2, .azubi h3, .azubi h4 {
	text-transform: uppercase !important;
	font-weight: bold !important;
	letter-spacing: -0.08em !important;
	line-height: 1.0 !important;
	margin: 0 0 0.7em !important;
}

.azubi h2 {
	font-size: 400% !important;
	color: #203b92 !important;
	margin-bottom: 0.2em !important;
}

.azubi h3 {
	font-size: 120% !important;
	padding-top: 0;
	margin-bottom: 1em !important;
	letter-spacing: 0.02em !important;
}

.azubi h4 {
	font-size: 150% !important;
	padding-top: 0.2em;
	color: #27a22d !important;
}

.azubi h4:before {
	content: '[ ';
	font-size: 150%;
}

.azubi #wrapper {
	background-image: none;
}

.azubi #left {
	background: #fff url('images/dv1156008.jpg') top left no-repeat;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
.azubi #right {
	background: #fff url('images/dv1156008.jpg') top right no-repeat;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

.azubi #left a, .azubi #right a {
	color: #27a22d;
}

.azubi .adr {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 250px;
}

.azubi #right-content li {
	border: none;
}

.azubi #right a img {
	border: none;
}

.azubi #sub_menu {
	display: none;
}

.bewerben a {
	height: 87px;
	width: 250px;
	background: url('images/bewerben.png') top left no-repeat;
	text-indent: -9999px;
	display: block;
}

.bewerben a:hover {
	background-position: bottom left;
}

.azubi input, .azubi textarea {
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.azubi textarea {
	resize: none;
}

.azubi #breadcrumbs {
	border: none;
}

/* @end */