@import url(menu.css);
/* CSS Document */
/*   GENERAL   */
*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body	{
	margin:0;
	overflow:visible;
}
body	{
	background-color:#333;
	/*	background-image:url(../images/bg_body.jpg); */ /* derzeit noch keine Hintergrundgrafik vorgesehen */
	/*	background-repeat:repeat-x;*/
	text-align:left;
	/*margin-top:15px;
	margin-bottom:15px;*/
}

/*   Ueberschriften   */
h1 {
	display:inline;
	color:#fff;
	font-size: 11px;
	font-weight: normal;
	text-transform:none;
	margin:0;
}
h1.head{
	padding:0  0 0 16px;
}
h1.head2{
	padding: 0  0 0 12px;
}
.clearclass{
	overflow:hidden;
}
* html .clearclass {
	height:1%;
}
#content_main h1,
#content_main_start h1{
	display:block;
	color:#535353;
	font-size:20px;
	font-weight: normal;
	text-transform:none;
	margin:0;
	padding:20px 0 0 14px;
}
h2 {
	font-family: Verdana;
	color:#f60;
	font-size:22px;
	font-weight: normal;
	margin:0;
	padding:0 0 15px 16px;
	padding-right:35px;
}
.headline{
	font-family: Verdana;
	color:#f60;
	font-size:22px;
	font-weight: normal;
	margin:0;
	padding:0 0 15px 16px;
	padding-right:35px;
}
.oberzeile{
	font-family:Arial, Helvetica, sans-serif;
	color:#535353;
	font-size:14px;
	font-weight: normal;
	text-transform:none;
	margin:0;
	padding:0 35px 0 16px;
	line-height:1.5em;
}
p.kleingeschrieben{
	font-size:10px;
}
h3,h3 a {
	font-family: Verdana;
	color:#f60;
	font-weight: bold;
	padding-right:35px;
}
h4, h4 a {
	font-family: Verdana;
	color:#f60;
	font-size:10px;
	font-weight: bold;
	margin:0;
	padding:0 0 15px 16px;
}
#content_main_start h3, #content_main h3 {
	font-size:13px;
	/*line-height:28px;
	text-transform:uppercase;*/
	margin:0;
	padding:0;
	padding-left: 16px;
	padding-right:35px;
	margin: 5px 0 13px 0;
}

.content_right_start h3, .content_right h3	{
	font-size:12px;
	margin-top:5px;
	padding:0;
	/*padding-left: 8px;*/
	margin-bottom:10px;
	padding-right:35px;
}
/*
#content_main h3 a,
#content_main_start h3 a,
h4 a,
.content_right_start h3 a,
.content_right h3
{
	margin:0;
	padding:0;
}
*/
p.headline,
.news-single-item h2.news_header {
	font-family: Verdana;
	color:#f60;
	font-size:22px;
	font-weight: normal;
	margin:0;
	padding:0 0 15px 16px;
	text-align:left;
}

/*     Absaetze   */
p	{
	color: #000;
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding: 0 35px 10px 16px;
	text-align:left;
}
p.bodytext{
	padding-right:35px
}
/*   Listenformatierung   */
ul 	{
	list-style-type:none;
}
li	{
	font-size:12px;
	font-weight:normal;
	color:#f60;
}
li.orange {
	font-weight:bold;
	color: #f60;
}
/*     Links **/
a 	{
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
}

/*    Formulare  */
form  {
	margin-top:0px;
}
input  {
	height:15px;
	font-size: 12px;
}

/* ----------- GENERAL LAYOUT -------------- */
/* CONTAINER, DER DIE GESAMTE SEITE ENTHAELT  */

#container,#container2{
	/*background-color:#F0F1F2;*/
	background-color:#fff;
	height:auto;
	margin:0 auto;
	width:818px;
	padding:0;
	/*border: 1px solid #fff;*/
}
#container{
	border-left: 1px solid #E1DED9;
	border-right: 1px solid #D7D4CD;
}
#container2{
	background-image:url(../grafik/logo.jpg);
	background-repeat:no-repeat;
	height: 87px;		/* hoher gemacht wegen Text unter Logo */
	position:relative;
	background-color:#535353;
	border:none;
}
/* KOPFBEREICH ENTHAELT LOGO UND TOP-NAVI    */
#header{
	background-color:#535353;
	width:100%;
	/*	height: 77px;*/
	height: 87px;		/* hoher gemacht wegen Text unter Logo */
	position:relative;
}
#logoheader{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	float:left;
}
#logo{
	background-color:transparent;
	width:420px;
	float:left;
	margin-top:55px;  /* Abstand Text von oben */
	z-index:20;
	position:relative;
}

#navi_top  {
	display: inline;
	width:380px;
	height: 77px;
	text-align: right;
	padding-right: 15px;
	background-color:#535353;
	float:right;
}

/*   BEREICH FUER ANIMATIONEN ODER BILDER   */
/*
#flash {
	width:820px;
	height: 438px;
}
*/
/*   LAYOUT DES SEITENINHALTS    */
#content {
	width: 100%;
	height: 800px;
	position: relative;
	background-color:#f00;
	border: 2px solid red;
}
/*  fuer die Startseite  */
#content_main_start{
	width:614px;
	float: left;
	min-height:500px;
}
.content_right_start{
	width:182px;
	margin-left:617px;
}
/* fuer alle anderen Seiten    */
#content_main{
	width:556px;
	min-height:500px;
	float: left;
	min-height:500px;
	margin-top:16px;
	overflow:hidden;
}
#content_main img {
	margin-bottom:15px;
	padding:0;
}
#content_main h3.h3gross{
	font-size:16px;
}
.content_right{
	width:222px;
	margin-left:560px;
	margin-top:16px;
	border: 1px #D7D4CD solid;
	padding:5px 8px;
	min-height:450px;
	overflow:hidden;
	/*background-color:#D7D4CD;*/
}
.content_right p{
	padding:0;
	font-size:11px;
	line-height:1.4em;
}
/*    FUSSZEILE MIT NAVI   */
#footer{
	background-color:#535353;
	height:20px;
	margin: 10px 0 0 0;
	padding: 0px;
	clear:both;
}

#printonly {
	display:none;
}

/*CLASSES*/
/*  ################ Darstellung der Boxen der rechten Spalte   ######################   */
.content_right .box,
.content_right_start .box {
	background-color: #58585A;
	color: #fff;
	font-size:14px;
	margin:3px 0 15px 0;
	padding:10px;
	overflow:hidden;
}
* html .content_right .box,
* html .content_right_start .box{
height:1%; 
}
*+ html .content_right .box,
*+ html .content_right_start .box{
margin:8px 0 15px 0;
}
.content_right .box p,
.content_right_start .box p  {
	line-height:1.2em;
	color: #fff;
	font-size:14px;
	padding:0;
}
.box a {
	color: #fff;
	font-size:14px;
}
.content_right .box p.box_headline1,
.content_right .box .box_headline1,
.content_right_start .box p.box_headline1,
.content_right_start .box .box_headline1{
font-size:22px;
font-weight:normal;
}
.content_right .box p.box_headline2,
.content_right .box_headline2,
.content_right_start .box p.box_headline2,
.content_right_start .box_headline2
{
font-size:12px;
font-weight:bold;
color:#FF6600;
}
.content_right .box p.box_headline3,
.content_right .box_headline3,
.content_right_start .box p.box_headline3,
.content_right_start .box_headline3{
font-size:40px;
font-weight:bold;
}
.content_right .box p.box_schrift1,
.content_right_start .box p.box_schrift1{
font-size:16px;
font-weight:bold;
}
.content_right .box p.box_schrift2,
.content_right_start .box p.box_schrift2{
font-size:12px;
font-weight:normal;
}
.content_right .box h4,
.content_right .box h3,
.content_right .box h3 a,
.content_right .box h2,
.content_right .box h1,
.content_right .box h4 a,
.content_right_start .box h4,
.content_right_start .box h3,
.content_right_start .box h3 a,
.content_right_start .box h2,
.content_right_start .box h1,
.content_right_start .box h4 a{
padding:0;
color:#fff;
}
.content_right .box h3,
.content_right .box h3 a,
.content_right_start .box h3,
.content_right_start .box h3 a{
font-size:14px;
font-weight:bold;
}
.content_right .box h4 a,
.content_right .box h4,
.content_right_start .box h4 a,
.content_right_start .box h4{
font-size:12px;
font-weight:bold;
}
.content_right h4,
.content_right h4 a,
.content_right_start h4,
.content_right_start h4 a{
padding:5px 0;
}


/* ################### diverses ###################### */
.clear{
	clear:both;
}
.fett{
	/*color: #737373;*/
	color: #787878;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
}
.orange{
	color: #f60;
	font-weight: normal;
}
.black{
	color: #000;
}
.smaller {
	font-size:11px;
}
.nosee{
	display:none;
}

/*################ Mail#############*/


.tx-thmailformplus-pi1 fieldset{
	border:none;
	margin-left:0;
	padding-left:0;
}
.tx-thmailformplus-pi1 p{
	position:relative;
	padding-top:5px;
}

.tx-thmailformplus-pi1 input#vorname,
.tx-thmailformplus-pi1 input#nachname,
.tx-thmailformplus-pi1 input#telefon,
.tx-thmailformplus-pi1 input#firma,
.tx-thmailformplus-pi1 input#funktion,
.tx-thmailformplus-pi1 input#strasse,
.tx-thmailformplus-pi1 input#plz,
.tx-thmailformplus-pi1 input#web,
.tx-thmailformplus-pi1 input#datei,
.tx-thmailformplus-pi1 input#email{
	position:absolute;
	top:0;
	left:160px;
	width:170px;
}
.tx-thmailformplus-pi1 input,
.tx-thmailformplus-pi1 textarea{
	border:1px #535353 solid;
}

.tx-thmailformplus-pi1 input{
	height:20px;
}
.tx-thmailformplus-pi1 #schicken{
	height:25px;
	background-color:#535353;
	color:#fff;
	border:0;
	position:relative;
	left:64px;
}
.tx-thmailformplus-pi1 #ptext{
	overflow:hidden;
}
* html .tx-thmailformplus-pi1 #ptext{
	height:1%;
}
.tx-thmailformplus-pi1 #ptext label{
	float:left;
}
.tx-thmailformplus-pi1 #ptext textarea{
	position:relative;
	left:4px;
}
.error_text{
	position:relative;
	left:16px;
	color:#FF6600;
}
#textunter{
font-weight:bold;
}
.mailinput label{
position:relative;
top:-5px;
left:0;
}
/*###################### Mail Ende  ###############################*/
#main ul{
	list-style-type: disc;
	margin-top:0;
}
#main ul li{
	color: #000;
	line-height:1.5em;
}
#main a{
	text-decoration:underline;
}
#main a:hover{
	text-decoration:none;
}
#page{
	/*width:995px;
	margin: 0 auto;*/
	background-color:#fff;
	width:100%;
}

.displayImage{
/*display:none;*/
position:absolute;
top:0;
left:-1500px;
z-index:-100;
}

.tx-srquicktime-pi1{

margin-left:16px;
}
/*################## News ################### */
.news-list-morelink,
.news-single-category,
.news-single-backlink,
.news-latest-date,
.news-latest-morelink,
.news-latest-gotoarchive,
.news-latest-category{
padding-left:16px;
}
.news-list-container{
margin-bottom:15px;
}
.content_right .news-list-morelink{
padding-left:0;
}
.news-list-morelink a,
.news-single-backlink a,
.news-latest-morelink a,
.news-latest-gotoarchive a{
color: #ff6600;
}
#main .news_header a{
text-decoration:none;
font-weight:bold;
}
#main .news_header a:hover{
text-decoration:underline;
}
#flash p{
padding:0;
margin:0;
}
#main dl{
margin-left:0;
}
#main div.csc-textpic-clear{
clear:none;
}
#main div.csc-textpic {
overflow:hidden;
margin-bottom:10px;
}
 *+ html #main div.csc-textpic{
margin-bottom:15px;
}
* html #main div.csc-textpic{
height:1%;
}
.contenttable p{
text-align:center;
}
#main .content_right .box .news-list-container h3 a{
font-size:22px;
font-weight:normal;
}
#main .content_right .box .news-list-container a{
color:#fff;
}


/* LOGO IMG BUGFIX - Herkunft unklar */
#logo img {
	display:none;
}
/* Follow us - Icons */
.icon_facebook, .icon_twitter, .icon_xing { margin-top:7px; border:0; }
.icon_facebook {		background:transparent url(../grafik/icon_facebook.png) no-repeat scroll left top; }
.icon_twitter {			background:transparent url(../grafik/icon_twitter.png) no-repeat scroll left top; }
.icon_xing {			background:transparent url(../grafik/icon_xing.png) no-repeat scroll left top; }
.icon_facebook:hover {	background:transparent url(../grafik/icon_facebook_hover.png) no-repeat scroll left top; }
.icon_twitter:hover {	background:transparent url(../grafik/icon_twitter_hover.png) no-repeat scroll left top; }
.icon_xing:hover {		background:transparent url(../grafik/icon_xing_hover.png) no-repeat scroll left top; }
