/*Layout */
body{
	font-family: Arial, Helvetica, SansSerif;
	font-size: 12px;
	line-height: 1.5;
	margin: 5px;
	background-color:#fefefe;/* nicht ganz weiß */
	color:#4d4d4d;
}

p{
	padding:0;
	margin:0 5px 0;
}

a img{
	border:none;
}
a, a:visited, a:link{
	text-decoration:none;
	color:#ff9900;
}
h2{
	border-bottom:1px solid #dddddd;
	font-size:12px;
	margin:2px 0 5px;
	padding:0 0 0 5px;
	text-align:left;
}

h3{
	margin:0 7px 3px 0;
	padding-top:0;
	font-size:12px;
	color:#ff9900;
	border:none;
	clear:both;
}
h4 {
	padding:0;
	margin:0 5px 0;
	font-size:20px;
	line-height:1.3;
}
#Rahmen {
	border: 1px solid orange;
	float: none;
	width: 970px;
	min-height: 550px;
	height:auto;
	margin:auto;
	overflow:hidden;	
	padding:3px;
}
.grauerRahmen{
	border:1px solid #dddddd;
	background-color:#fafafa;
	margin-top:5px;
	margin-left:5px;
	padding:3px;
	float:left;
	overflow:hidden;
}

/* Header */
#header {
	min-height: 58px;
	width: 958px;
	border-bottom:none;
	padding:0;
	margin-top:0;
}
#Logo{
	position:relative;
	left:50px;
	top:13px;
	height:55px;
	width:170px;
	float:left;
}
#ueberschrift {
	font-size: 14pt;
	float:left;
	margin-top:25px;
}
.funktionsleiste {
	float:right;
	color:#ff9900;
	height:12px;
	padding-top:44px;
	margin:0;
	margin-bottom:5px;
}
.funktionsleiste div{
	padding:0px 3px;
	font-size:10px;
	float:left;
}
.trennerOrange{
	border-right:1px solid #ff9900;
}

/* Suchformular */
#suche{
	height:17px;
	padding-top:40px;
}
form[name=SuchForm]{
	height:15px;
	padding:0;
	margin:0 1px 2px 0;
}
form[name=SuchForm] input[type=text]{
	border:1px solid #808080;
	height:13px;
	width:75px;
	background-color:#fafafa;
	border:1px solid #808080;
	margin:0 2px 0 1px;
	padding:0 2px 0 5px;
	font-size:10px;
}/*Ende Suchformular */
#nav-bar {
	margin: 0 0 0 0;
	padding:0 0 0 180px;
	background-color:#ff9900;
	width:778px;
	clear:both;
	height:28px;
}
#bildheader {
	
	width:958px;
	height:110px;
	margin-left:5px;
	padding:0;
}
.image{
	float:left;
	width:180px;
	height:130px;
	margin:5px 3px 3px;
}
/* Header Ende */

/* Inhaltslayout */
.inhalt {
	margin:0;
	padding:0;
	width:568px;
	float:clear;
}
#singleContent{
	width:783px;
	margin:0;
	padding:0;
	border:solid 1px #dddddd;
	min-height:;
}

/* homepage */
.kleines-element {
	width: 176px;
	height:167px;
	margin-left:5px;
	padding:3px 5px;
}

.grosses-element {
	width: 759px;
	height:167px;
	margin-left:5px;
}
.grosses-element h2{
	padding-left:5px;
	margin-left:5px;
	border-bottom:1px solid #dddddd;
}
/* Uebersichtsseite */
.oberes-element {
	width:771px;
	border: 1px solid #dddddd;
	/*padding:5px;*/
	height:120px;
}
.unteres-element{
	width:385px;
	margin-right:0;
	margin-left:5px;
	padding:0;
}
.halbeBreite {
	width:375px;
	margin-right:0;
	margin-left:5px;
	padding:3px 5px;
}
.unteres-element p, .unteres-element ul{
	height:105px;
	margin: 5px;
	padding:0 5px;
}
.schmales-element{
	width:245px;
	padding:5px;
	margin-left:4px;
	min-height:217px;
}
.normales-margin{
	margin-left:5px;
}
/* Inhaltslayout Ende*/


/*Layout Ende */
/*MENU*/
.menu {
	border-left:2px solid white;
	height:26px;
	margin:0;
	font-size:16px;
	color:white;
	padding:2px 17px 0;
	float:left;
}
.menu-intra{
	padding:2px 10px 0;
	border-left:2px solid white;
	height:26px;
	margin:0;
	font-size:16px;
	color:white;
	float:left;
}
.menu:hover, .menu-intra:hover{
	background-color: white;
	color: #ff9900;
}
.menu a, .menu-intra a{
	text-decoration:none;
	color:white;
}
.menu a:hover, .menu#actual a, .menu-intra a:hover, .menu-intra#actual a, .menu:hover a, .menu#actual, .menu-intra:hover a, .menu-intra#actual {
	color:#ff9900;
	background-color: white;
}

/* Sub-Navigation */
.sub-navigation{
	width: 174px;
	min-height: 365px;
	float: left;
	text-decoration: none;
	padding:0;
	margin-left:5px;
}
.sub-navigation div{
	float:none;
	width:auto;
	margin-right:5px;
	padding-left:3px;
}
.submenu{
	margin: 5px 5px 10px;
	border-bottom: 1px solid #DDDDDD;
}
.submenu_act{
	margin: 5px 5px 10px;
	border-bottom: 1px solid #DDDDDD;
}
.submenu a{
	color: #808080;
	text-decoration: none;

}
.submenu_act a{
	color: #FF9900;
	text-decoration: none;
} 
.submenu_2{
	margin: 5px 0px 10px 15px;
	border-bottom: 1px solid #DDDDDD;
}
.submenu_2 a{
	color: #808080;
	text-decoration: none;
}
.submenu_2act{
	margin: 5px 0px 10px 15px;
	border-bottom: 1px solid #DDDDDD;
}
.submenu_2act a{
	color: #FF9900;
	text-decoration: none;
} 
.submenu_3{
	margin: 5px 0px 10px 25px;
	border-bottom: 1px solid #DDDDDD;
}
.submenu_3act{
	margin: 5px 0px 10px 25px;
	border-bottom: 1px solid #DDDDDD;
}
.submenu_3 a{
	color: #808080;
	text-decoration: none;
}
.submenu_3act a{
	color: #FF9900;
	text-decoration: none;
}
.sub-navigation a:hover{
	color: #ff9900;
}

/* CSS Styled contents */
h1{
	font-size:13pt;
	text-align:center;
	margin:0;
}
.csc-header{
/*	margin:0;
	padding:1px 3px 1px;*/
	float:none;
}

/* Contentelements */
/* flex.-element 1: übersicht */
.content div{
	float:none;
	margin:5px;
}
.titel{
	font-weight:bold;
	color: #FF9900;
	margin:0;
	padding:5px 10px;
	float:none;
	width:100%;
}
/*Bild zum Contentinhalt auf der übersichtsseite*/
.businessbild{
	height: 130px;
	width:385px;
	overflow:hidden;
}
.contenttext{
	height: 110px;
	width:375px;
	padding:5px 10px 0 10px;
	margin:0;
}
.link{
	width:100%;
	margin:0;
	padding:0 10px;
	text-decoration: none;
}
.dunkelgrau {
	color: #4d4d4d;
}
.screenshots{
	text-align:center;
	width: 247px;
	padding:0;
	margin:8px 0 20px;
	/*min-height:310px;*/
	float:left;
}
.screenshots img{
	border:none;
	margin-bottom:16px;
}
.detailText{
	width: 500px;
	height: auto;
	float: left;
	margin-top:3px;
}
#Willkommen{
	float:left;
	width:560px;
	margin-left:7px;
}
#Willkommen p{
	margin-top:3px;
}
.contentbereich {
	float:left;
	margin:0;
	padding:0;
	width:784px;
}

.contentbereich ul li {
	list-style-image:url(arrow_right.png);
	}
	
.ganzseitig{
	width:757px;
	padding:5px 10px;
}

/*Minijoboffers*/
.job-key{
	width:25%;
	float:left;
	margin:5px; 
/*	padding:5px;*/
}
.job-value{
	float:left;
	background-color:#eaeaea;
	margin:5px;
	padding:5px;
	width:71%;
}

/*Login Form */
.zeile{
	clear:both;
	margin:15px 0px;
}
label{
	display:block;
	float:left;
	width:12em;
	padding-top:2px;
}
.beschriftung{
	display:block;
	float:left;
	width:15em;
}
.beschreibung{
	border:1px solid #dddddd;
	background-color:white;
	width: 375px;
	min-height:60px;
}
.zeile input, .zeile input[type=text]{
	background-color:#fafafa;
	border:1px solid #4d4d4d;
	color:#4d4d4d;
}
.size-m {
	height: 250px;
}
.border-bottom{
	border-bottom:1px solid #dddddd;
}
/* Begriffe */
.begriffe-liste{
	height:70px;
	width:385px;
	margin-right:0;
	margin-left:5px;
	padding:0;
}
/*Referenzen-Layout*/
.referenzen{
	margin: 0 auto;
	width: 520px;
	height: 1060px;
	/*border: 1px solid #808080;*/
}

.ref-img-left{
	border: 1px solid #dddddd;
	float: left;
	margin-bottom: 5px;
}
.ref-img-right{
	border: 1px solid #dddddd;
	float: right;
	margin-bottom: 5px;
}
.abtauchen{
        position: absolute;
        left: 10px;
        bottom: 4px;
        width: 360px;
}
.abtauchen span {
        text-align: right;
        float: right;
}
/* Tabelle für variantenvergleich */
.vergleich{
	border-collapse:collapse;
	margin:5px;
}
.vergleich th{
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.vergleich td{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.vergleich tfoot td{
	border-top:1px solid #dddddd;
	border-left:none;
	border-right:none;
}
.feature{
	text-align:center;
}
/*Kontaktformular fix*/
.csc-mailform-field{
min-height:24px;
clear:both;
}

/* Sonstige Klassen */

.center {
	float: right;
	left: 50%;
}

.abstand-unten {
	margin-bottom: 8px;
	text-align: left;
	}
	
.tx_powermail_pi1_submitmultiple_back, .tx_powermail_pi1_formconfirmation_back {
	float: left;
	margin-top: 10px;
	}
.tx_powermail_pi1_submitmultiple_forward,.tx-powermail-pi1_confirmation_submit {
	float: right;
	margin-top: 10px;
	}
.powermail_pagebrowser:before {
	content: "Schritt:  ";
	}

/* Tabelle */

.contenttable {
	width:500px;
	margin-bottom:10px;
}

.tr-0 {
background:#ccc;
color:#fff;
}

.tr-odd {
background:#fff;
height:24px;
border-bottom:1px #333 dashed;
}

.tr-even {
height:24px;
border-bottom:1px #333 dashed;
}

.td-0 {
padding:left:5px;
}

.td-1 {
text-align:center;
padding:left:5px;
}

.td-2 {
text-align:center;
padding:left:5px;
}

.td-3 {
text-align:center;
padding:left:5px;
}

/* Powermail */

.powermail_mandatory_js {
font-weight: bold;
display: inline;
color: red;
}