body, html { margin : 0; padding : 0; border : 0; background : #C0C1C2; height : 100%; width : 100%; }
hr { display : none; }
p { font : normal 13px/155% Arial, Verdana, sans-serif; color : #10346E; margin : 0; padding : 0 0 15px 0; }
a { color : #10346E; text-decoration : underline; }
a:HOVER { color : #000; text-decoration : none; }
h1 { font : bold 18px/140% Arial, Verdana, sans-serif; color : #10346E; padding: 0 0 5px 0; margin : 0; }
h2 { font : bold 12px/140% Arial, Verdana, sans-serif; color : #10346E; padding: 0 0 5px 0; margin : 0; }
h3 { font : bold 12px/140% Arial, Verdana, sans-serif; color : #10346E; padding: 0 0 5px 0; margin : 0; }
td.small { font : 10px/140% Arial, Verdana, sans-serif; color: #727272; padding: 3px 80px 0 0; }
td.black { font : 12px/140% Arial, Verdana, sans-serif; color: #000000; padding: 5px 80px 0 0; }
td.grey  { background : #eeeeee; }
td.darkblue { background : #123366; }
.ttextt { font : normal 12px/140% Arial, Verdana, sans-serif; color : #000000; }
.titleblue { font : bold 15px/140% Arial, Verdana, sans-serif; color : #10346E; }
.titleblack { font : bold 15px/140% Arial, Verdana, sans-serif; color : #000000; }

#center { width : 990px; height : 100%; position : relative; margin : auto auto; padding : 0; background : url("/sixcms/media.php/schunk01.a.2157.de/background-grey-blue-grey.gif") repeat-y 0 0; }
body > #center { height : auto; min-height : 100%; }

#header { height : 160px; width : 960px; padding : 0 15px 0 15px; background : url("/sixcms/media.php/schunk01.a.2157.de/bg_content.gif") repeat-y 0 0; position : relative; }
#header .logo { border : 0; margin : 0; padding : 0; position : absolute; left : 55px; top : 20px; text-decoration : none;}
#header .logo img {vertical-align: middle;}
#header .navigation { margin : 0; padding : 0; border : 0; list-style-type : none; }
#header .navigation .haupt { margin : 0; padding : 0 0 0 40px; border : 0; list-style-type : none; display : block; position : absolute; top : 115px; left : 15px; width : 920px; height : 45px; background : url("/sixcms/media.php/schunk01.a.2157.de/bg_navi_grey_blue.gif") repeat-x 0 0; z-index : 1; }
#header .navigation .haupt li { display : inline; }
#header .navigation .haupt li a { display : block; height : 24px; padding : 6px 35px 0 10px; margin : 0; font : normal 13px/135% Arial, Verdana, sans-serif; color : #000; text-decoration : none; float : left; border-right : 1px solid #DCDCDC; }
#header .navigation .haupt li a:hover { color : #fff; background : #10346E; }
#header .navigation .haupt li a.aktiv { font-weight : bold; color : #fff; background : #10346E; }
/*######SPRACHWAHL######*/
#header .navigation .sprachwahl { margin : 0; padding : 0; border : 0; list-style-type : none; }
#header .navigation .sprachwahl li a.flaglink_background { width : 40px; height : 30px; margin : 0; padding : 0; position : absolute; top : 115px; left : 15px; z-index : 2; border-right : 1px solid #DCDCDC;}
#header .navigation .sprachwahl li a.changelanguageflag { position : absolute; top : 124px; left : 22px; z-index : 2; border-right : 1px solid #DCDCDC;}

#header .suche { margin : 0; padding : 0; display : block; position : absolute; top : 115px; left : 775px; width : 200px; height : 30px; z-index : 3; }
#header .suche input.text { width : 86px; height : 16px; margin : 6px 0 0 0; padding : 1px 0 0 5px; border : 0; background : #fff; font : normal 11px/135% Arial, Verdana, sans-serif; color : #A2A2A2; float : right; }
#header .suche input.image { margin : 7px 35px 0 10px; padding : 0; border : 0; display : inline; float : right; }
#header .sub { display : block; width : 485px; height : 20px; position : absolute; top : 15px; left : 480px; overflow : hidden; }
#header .sub ul { margin : 0 -2px 0 0; padding : 0; border : 0; list-style-type : none; float : right; }
#header .sub ul li { display : inline; }
#header .sub ul li a { height : 14px; display : block; float : left; font : normal 10px/135% Arial, Verdana, sans-serif; color : #000; text-transform : uppercase; text-decoration : none; padding : 1px 15px 0 13px; background : url("/sixcms/media.php/schunk01.a.2157.de/separate_submenu.gif") no-repeat 100% 0px; }
#header .sub ul li a.aktiv, #header .sub ul li a:HOVER  { color : #0F346E; background : #fff url("/sixcms/media.php/schunk01.a.2157.de/separate_submenu.gif") no-repeat 100% 0px; }

#content { background : url("/sixcms/media.php/schunk01.a.2157.de/bg_content.gif") repeat-y 0 0; width : 960px; padding : 0 15px 0 15px; position : relative; }
#content .startseite { background : #fff url("/sixcms/media.php/schunk01.a.2157.de/bg_startseite.gif") repeat-x 0 100%; height : 740px; position : relative; }
#content > .startseite { height : auto; min-height : 740px; }
#content .startseite .text { width : 230px; padding : 20px 0 0 20px; margin : 0; }
#content .startseite .text .span { width : 230px; padding : 20px 0 0 20px; margin : 0; }

.schunkbox_showtext { width : 800px; height : 285px; position : absolute; left : 40px; top : 225px; z-index : 2; }
.schunkbox_showtext ul {margin-left:10px;}
.schunkbox_showtext ul li {padding: 0 10px 10px 10px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #000;}
.schunkbox_showtext ul li a {padding: 0 10px 10px 10px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #000;}
#schunkbox { width : 628px; height : 283px; border : 1px solid #BEBFC1; background : #fff url("/sixcms/media.php/schunk01.a.2157.de/schunkbox-streifen.gif") repeat-x 0 0; position : absolute; top : 185px; left : 290px; z-index : 2; }
#schunkbox_schatten { display : none; width : 650px; height : 305px; background : url("/sixcms/media.php/schunk01.a.2157.de/schatten-trans.png") no-repeat 0 0; position : absolute; left : 279px; top : 174px; z-index : 1; }
.startseite > #schunkbox_schatten { display : block; }


/* presse aktuell auf der startseite */
#news_startseite { width : 880px; height : 220px; padding : 10px 20px 0 20px; position : absolute; top : 510px; left : 0; }
#news_startseite .spalte1 { width : 320px; padding : 10px 0 0 0; float : left; }
#news_startseite .spalte2 { width : 180px; padding : 50px 30px 0 0; float : left; }
#news_startseite .spalte3 { width : 345px; padding : 3px 0 0 0; float : left; }
#news_startseite h1 { font : bold 12px/135% Arial, Verdana, sans-serif; color : #10346E; margin : 0; padding : 0; }
#news_startseite p { font : normal 12px/135% Arial, Verdana, sans-serif; color : #10346E; margin : 0; padding : 0 0 15px 0; }

/* kontaktformular */
#kontaktformular { width : 465px; margin : 0; padding : 0 0 0 35px; border : 0; }
#kontaktformular label { width : 150px; height : 22px; padding : 3px 0 0 10px; margin : 0 10px 6px 0; border : 0; overflow : hidden; background : #DCDCDC; display : block; font : bold 13px/155% Arial, Verdana, sans-serif; color : #10346E; float : left; }
#kontaktformular input.inputField { float : left ; width : 237px; height : 20px; margin : 0 0 6px 0; padding : 3px 0 0 3px; border : 1px solid #DCDCDC; }
#kontaktformular textarea { float : left ; width : 237px; height : 80px; margin : 0 0 6px 0; padding : 3px 0 0 3px; border : 1px solid #DCDCDC; }
#kontaktformular input.submit { height : 25px; padding : 0; margin : 15px 0 0 170px; border : 0; overflow : hidden; background : #DCDCDC; display : block; font : bold 13px/155% Arial, Verdana, sans-serif; color : #10346E; }
#kontaktformular > input.submit { padding : 0 29px 0 29px; }
/* SONDERLAYOUT: 
   ------------
   Farbiger Rahmen + Hintergrund bei Fehler */
input.errorField { border: 1px solid #cc0000 !important; background: #FFB5B5; }


#footer { width : 960px; height : 50px; padding : 0 15px 0 15px; background : url("/sixcms/media.php/schunk01.a.2157.de/bg-grey-blue-grey-footer.gif") no-repeat 0 0; position : relative; }

#claim_startseite { width : 440px; height : 210px; margin : 0; padding : 0; border : 0; background : #DCDCDC url("/sixcms/media.php/schunk01.a.2157.de/bg_startseite.gif") no-repeat 0 0; position : absolute; top : 0px; left : 520px; }

.invisible { display : block; width : 1px; height : 1px; overflow : hidden; margin : 0 0 0 -999em;  }
.cb { display : block; width : 1px; height : 1px; overflow : hidden; clear : both; margin : -1px 0 0 -1px; }
.linie1 { height : 1px; overflow : hidden; background : url("/sixcms/media.php/schunk01.a.2157.de/linie1.gif") repeat-x 0 0; }

/* headlines */
#headline_presseaktuell { width : 170px; height : 40px; margin : 0; padding : 0; border : 0; background : url("/sixcms/media.php/schunk01.a.2157.de/schriftbild-presseaktuell.gif") no-repeat 0 0; }
#headline_ingenieurparadies { width : 353px; height : 47px; margin : 0; padding : 0; border : 0; background : url("/sixcms/media.php/schunk01.a.2157.de/schriftbild-Willkommen-im-Paradies.gif") no-repeat 0 0; }

/*
 MENÜ mit UNTERPUNKTEN auf Content-Seiten
 -----------------------------------------
 */ 
#subnavi { height : 45px; width : 950px; margin : 0; padding : 0 25px 0 15px; background : url("/sixcms/media.php/schunk01.a.2157.de/bg_content.gif ") repeat-y 0 0;position : relative; overflow:hidden; border : 0; list-style-type : none; }
#subnavi ul, #subnavi div.empty { margin : 0 -10px 0 0 ; padding : 10px 0 0 10px; border : 0; list-style-type : none; 	display : block;  height : 45px;  background-color: #BEBFC1; overflow: hidden;}
#subnavi ul li { display : inline; }
#subnavi ul li a { display : block; padding : 1px 5px 1px 5px; margin : 0 0px 0 0; font : normal 13px/135% Arial, Verdana, sans-serif; color : #000; text-decoration : none; float : left; border-right: 1px solid #DCDCDC; }
#subnavi ul li a:hover { color : #10346E; background : #fff; }
#subnavi ul li a.aktiv { color : #10346E; background : #fff; font-weight : normal;}

/*
 INHALTE von Group-Seiten ("layout_group")
 -----------------------------------------
 */
#content .layout_group { background : #fff ; margin:0; padding:0;}

/* 3-Spalten-Layout 
   ---------------   */
#content .layout_group .sp_left { float:left; width : 250px; padding : 0; margin : 0;}
#content .layout_group .sp_main { background : url("/sixcms/media.php/schunk01.a.2157.de/grey-background.gif") repeat-y 0 0; float:left; width : 500px; padding : 0; margin : 0; }
#content .layout_group .sp_main_xyc_start { repeat-y 0 0; float : left; width : 500px; padding : 0; margin : 0; }
#content .layout_group .sp_main_divisions { background : url("/sixcms/media.php/schunk01.a.2157.de/grey-background.gif") repeat-y 0 0; float:left; width : 500px; padding : 0; margin : 0; }
#content .layout_group .sp_right {float:left; width : 170px; padding : 0; margin : 0;}	

#content .layout_group #clear_spalten {clear:both;height:45px;}
	
p.bildtext {padding: 5px 0 0 0; font : normal 10px/120% Arial, Verdana, sans-serif; color : #A0A0A0;}
font.bildtext_xyc {padding: 5px 0 0 0; font : normal 10px/140% Arial, Verdana, sans-serif; color : #10346E;}

/* nach oben verlegt: allgemeine styles für h1 ... h6 */
/*#content h3 { font : bold 12px/140% Arial, Verdana, sans-serif; color : #10346E; padding: 0 0 5px 0; margin:0;}*/

#content .layout_group .claim { width : 960px; height : 150px; background-color: #DCDCDC;padding:0;margin:0 0 50px 0;}
#content .layout_group .claim img {float:left;padding:0;margin:0;}
#content .layout_group .claim h1 { float:left; font : normal 18px/130% Arial, Verdana, sans-serif; color : #10346E;                           width : 400px; padding: 20px 0 0 40px; margin:0;}
#content .layout_group .claim h2 { float:left; font : normal 15px/130% Arial, Verdana, sans-serif; color : #10346E;                           width : 900px; padding: 0 0 0 10px; margin:0;}

#content .layout_group .sp_left h3{ margin : 0 0 0 0; padding : 0 0 0 10px; border : 0; text-decoration:none;}
#content .layout_group .sp_left p { margin : 0 0 0 0; padding : 0 0 0 10px; border : 0;}
#content .layout_group .sp_left ul.service { margin : 40px 0 0 0; padding : 0 0 0 10px; border : 0; list-style-type : none; }
#content .layout_group .sp_left .service li a { display: block; width : 180px; height : 20px; margin : 0; 
	padding : 0 0 0 25px; font : bold 11px Arial, Verdana, sans-serif; color : #10346E;text-decoration:none;
	background : url("/sixcms/media.php/schunk01.a.2157.de/pfeil-grau.gif") no-repeat 0px 1px; }

  #content .layout_group .sp_left ul.subnavi_2   { margin : 0; padding : 0 0 0 10px; border : 0; list-style-type : none; }
  #content .layout_group .sp_left ul.subnavi_2 li ul,
  #content .layout_group .sp_left ul.subnavi_2 li ul li ul 
  { margin : 0; padding : 0 0 0 20px; border : 0; list-style-type : none; }
  #content .layout_group .sp_left ul.subnavi_2 li ul li a { width : 160px; }
  #content .layout_group .sp_left ul.subnavi_2 li ul li ul li a { width : 140px; }

#content .layout_group .sp_left .subnavi_2 li a { display: block; width : 180px; margin : 0; padding : 0 0 5px 25px; font : normal 11px Arial, Verdana, sans-serif; color : #10346E;text-decoration:none; }
#content .layout_group .sp_left .subnavi_2 li a:hover {text-decoration:underline;}
#content .layout_group .sp_left .subnavi_2 li a.aktiv {font-weight: bold;}

  #content .layout_group .sp_left ul.subnavi_2xyc   { margin : 0; padding : 0 0 0 10px; border : 0; list-style-type : none; }
  #content .layout_group .sp_left ul.subnavi_2xyc li ul,
  #content .layout_group .sp_left ul.subnavi_2xyc li ul li ul 
  { margin : 0; padding : 0 0 0 20px; border : 0; list-style-type : none; }
  #content .layout_group .sp_left ul.subnavi_2xyc li ul li a { width : 160px; }
  #content .layout_group .sp_left ul.subnavi_2xyc li ul li ul li a { width : 140px; }

#content .layout_group .sp_left .subnavi_2xyc li a { display: block; width : 180px; margin : 0; padding : 0 0 5px 25px; font : normal 15px Arial, Verdana, sans-serif; color : #10346E;text-decoration:none; }
#content .layout_group .sp_left .subnavi_2xyc li a:hover {text-decoration:underline;}
#content .layout_group .sp_left .subnavi_2xyc li a.aktiv {font-weight: bold;}

  #content .layout_group .sp_left ul.subnavi_2xyc_start   { margin : 0; padding : 0 10px; border : 1px; list-style-type : none;}
  #content .layout_group .sp_left ul.subnavi_2xyc_start li ul,
  #content .layout_group .sp_left ul.subnavi_2xyc_start li ul li ul 
  { margin : 0; padding : 0 0 0 20px; border : 1px; list-style-type : none;}
  #content .layout_group .sp_left ul.subnavi_2xyc_start li ul li a { width : 160px; }
  #content .layout_group .sp_left ul.subnavi_2xyc_start li ul li ul li a { width : 140px; }

#content .layout_group .sp_left .subnavi_2xyc_start li a { width : 180px; margin : 0; padding : 0; font : normal 15px Arial, Verdana, sans-serif; color : #10346E;text-decoration:none; }
#content .layout_group .sp_left .subnavi_2xyc_start li a:hover {text-decoration : underline;}
#content .layout_group .sp_left .subnavi_2xyc_start li a.aktiv {font-weight: bold;}

#content .layout_group .sp_main h3, #content .layout_group .sp_main h2 {padding-left: 20px; margin:0; }
#content .layout_group .sp_main p {padding: 0 40px 20px 40px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #000;}
#content .layout_group .sp_main ul {margin-left:30px;}
#content .layout_group .sp_main ul li {padding: 0 10px 10px 10px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #000;}

/* abweichende styles DIVISIONS-seite */
#content .layout_group .sp_main_divisions h1 {padding-left: 40px; margin:0; }
#content .layout_group .sp_main_divisions p { padding: 0 40px 50px 40px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #10346E;}
#content .layout_group .sp_main_divisions .division { padding: 0 40px 30px 40px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #000; width : 420px; }
#content .layout_group .sp_main_divisions .division img { display : block; float : left; margin : 0; padding : 0; border : 0; width : 70px; }
#content .layout_group .sp_main_divisions .division .text { float : left; padding : 0 0 0 30px; width : 320px; }
#content .layout_group .sp_main_divisions .division p { margin : 0; padding : 0 30px 7px 0; }
#content .layout_group .sp_main_divisions .division .divlinks { margin : 0; padding : 7px 0 0 0; border : 0; list-style-type : none; }
#content .layout_group .sp_main_divisions .division .divlinks li { display : inline; }
#content .layout_group .sp_main_divisions .division .divlinks li a { height : 20px; display : block; float : left; color : #989898; text-decoration : none; font-size : 11px; padding : 0 15px 0 25px; background : url("/sixcms/media.php/schunk01.a.2157.de/pfeil-rund.gif") no-repeat 0 1px; }
#content .layout_group .sp_main_divisions .division .divlinks li > a { background : url("/sixcms/media.php/schunk01.a.2157.de/pfeil-rund.gif") no-repeat 0 0; }
#content .layout_group .sp_main_divisions .division .divlinks li a.info { background : url("/sixcms/media.php/schunk01.a.2157.de/i-rund.gif") no-repeat 0 0; }
#content .layout_group .sp_main_divisions .division .divlinks li a:HOVER { color : #10346E; }

/* hover-layer auf divisions seite */
.hoverLayer { width : 268px; height : 168px; padding : 15px; background : #fff; 
border : 1px solid #989898; display : none; position : absolute; left : 0; top : 0;
font : normal 12px/140% Arial, Verdana, sans-serif;color : #10346E; }
.hoverLayer h2 { margin : 0; padding : 0 0 3px 0; border : 0; }
.hoverLayer p { margin : 0; padding : 0 0 8px 0 !important; border : 0; }

#content .layout_group .sp_main .teaser {padding:0 10px 10px 20px;}
#content .layout_group .sp_main .teaser img {float:left;margin-right:20px;}
#content .layout_group .sp_main .teaser h3 {padding-bottom: 10px;}

#c_schunkbox { width : 268px; height : 132px; border : 1px solid #BEBFC1; 
background : #DADADA url("/sixcms/media.php/schunk01.a.2157.de/schunkbox-streifen2er.gif") repeat-x ; position : absolute; top : 237px; left : 670px; z-index : 4; }

#c_schunkbox ul { margin : 0; padding : 20px 20px 0 20px; border : 0; list-style-type : none; }
#c_schunkbox li { margin : 0; padding:0; border:1px solid #D2D2D2;height : 45px; overflow:hidden;}
#c_schunkbox li.zweite {border-top: none;}
#c_schunkbox li a { vertical-align:middle; display: block; height : 35px; width : 180px; margin : 0; padding : 5px 0 5px 15px;
font : bold 15px/115% Arial, Verdana, sans-serif; color : #7F8592;text-decoration:none; }
#c_schunkbox li a:hover {color : #10346E; }
#c_schunkbox li.zweite a {padding-top:15px;}

/*
   ######################################
   # Mittlerer Frame - Content & Teaser #
   ######################################
*/

/* ******** MITTLERE BOX FÜR DEN CONTENT ********
   --------------------------------------------- */


div.content_block {font : normal 12px/135% Arial, Verdana, sans-serif; margin: 0; padding: 0; }
div.content_block p {font-size: 12px; }
div.content_block span {font-size: 12px; margin: 20px;}
.content_block h1, .content_block h2, .content_block h3, .content_block h4, .content_block p {margin-left: 1px; margin-right:0px;}

.content_html, .content_html ul , .content_html table {margin-left: 20px;}
.content_text, .content_text ul , .content_text table {margin-left: 20px;}

/* Text mit Bild */
.bild_links img, .bild_float_links img {margin: 0 15px 10px 0;}
.bild_rechts img, .bild_float_rechts img {margin: 0 0 10px 15px;}
.bild_float_links img {float: left;}
.bild_float_rechts img {float: right;}
table.bilder_tabelle {margin: 10px 1px 1px 1px;}
.bilder_tabelle td p {margin: 0;}

/* ********** Styles fuer NEWS (TEASER und DETAIL) *********** */
div.contentrow { 
    padding: 0 40px 10px 40px; font : normal 12px/140% Arial, Verdana, sans-serif; color : #000;
	margin: 0; 
}
.sp_main .contentrowframe_full h3, .sp_main .contentrowframe_full p {margin-left:0 !important; margin-right:0 !important; margin-bottom:0 !important; padding-right:0 !important; padding-left:0 !important;}
.contentrowframe_full a { 
	color: #123366; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 11px;
}
.contentrowframe_full a:hover { 
	font-weight: bold; 
	text-decoration: underline;
}

.contentrow .news_teaserimg { width : 120px; border: 1px solid #123366; float: left; margin: 0 10px 10px 0; text-align:center; }

/* Styles für neue Overlib 2 - Spaltig
*/
.layer2colums { width : 563px; border : 1px solid #989898; position : absolute; }
.layer2colums h1 { font : bold 11px/135% Arial, Verdana, sans-serif; color : #fff; margin : 0 0 15px 0; padding : 2px 0 4px 5px; display : block; background : #989898; }
.layer2colums h1 a { position : absolute; left : 460px; top : 2px; display : block; width : 100px; height : 12px; text-align : right; text-transform : uppercase; color : #fff; text-decoration : none; font-weight : normal; font-size : 10px; }
.layer2colums .category { width : 261px; float : left; padding : 0 10px 17px 10px; }
.layer2colums .img { border : 1px solid #989898; width : 118px; height : 64px; margin : 0; padding : 0; float : left; }
.layer2colums .txt { width : 131px; margin : 0; padding : 0 0 0 10px; float : left; }
.layer2colums .txt h2 { margin : 0; padding : 0; font : bold 11px/135% Arial, Verdana, sans-serif; color : #10346E; }
.layer2colums .txt p { margin : 0; padding : 0 0 2px 0; font : normal 11px/135% Arial, Verdana, sans-serif; color : #000; }
.layer2colums .txt a { margin : 0; padding : 0 0 0 23px; display : block; height : 18px; font : normal 11px/135% Arial, Verdana, sans-serif; color : #989898; text-decoration : none; background : url("pfeil.gif") no-repeat 0 0; }
.layer2colums .txt a:HOVER { text-decoration : underline; }