@charset "utf-8";

/* reset whitespace */
* {
	padding:0;
	margin:0;
}

html, body {
	padding: 0;
	margin: 0;
	min-height: 101%;

}

body { 
	font-size:62.50%;
	font-family: "skolar-1", "skolar-2", "Times New Roman", Times, serif;
	text-align:center;
	margin: 0 0 3em 0;
}

html > body {
  	font-size: 10px;
}

* html body { background:url(../images/png_shadows/bottom.gif) bottom left repeat-x; }

a {
	outline: none;
	text-decoration:none;
}
a:link , a:visited { color:#000; text-decoration:none; }
a:hover , a:active { color:#ff6600; }

a img { border: 0; } 

#mainWrapper { width: 96.90em; position:relative; margin:0 auto; text-align:left; }

.fixfloat { clear:both; width:1px; height:1px; line-height:1px; font-size:1px; overflow:hidden; }
.font-lowercase { text-transform: lowercase !important; }


/* Head */
/* ------------------------------------------------------- */
#head { position:absolute; top:0px; right:-2em; width:25.10em; height:9.70em; background:url(../images/logo.gif) no-repeat; z-index:50; }
#head h1 { font-size:10px;}
#head h1 span { display:none; }
#head h1 a { display:block; width:100%; height:9.70em; }



/* Navigation - Main*/
/* ------------------------------------------------------- */

#mainnav { position:absolute; top:0px; left:0px; width:14.90em; padding-top:19em; min-height:50em; }
* html #mainnav { height:50em; }

#mainnav ul { border-top: 1px solid black; list-style-type:none; font-family:Arial, Helvetica, sans-serif; }
#mainnav li { border-bottom: 1px solid black; list-style-type:none; padding-top:0.80em; text-transform:uppercase; }
#mainnav ul ul { border-top:none; }
#mainnav ul ul li:first-child { margin-top:1em; }
#mainnav ul ul li { border:none; text-transform:none; padding:0; font-weight:normal; }

#mainnav li a { display:block; padding-bottom:0.2em; font-size:1.10em; line-height:1.20em; text-decoration:none; color:#000000; }
* html #mainnav li a { display:inline-block; width:100%; }

#mainnav li a:link, #mainnav li a:visited { font-weight:inherit; color:inherit; }
#mainnav li a:hover, #mainnav li a:active { color:#ff6600; }
#mainnav li:hover a, #mainnav li:active a { color:#ff6600; }

#mainnav li li a:link, #mainnav li li a:visited { font-weight:normal; color:black; }
#mainnav li li a:hover, #mainnav li li a:active { color:#ff6600; }

#mainnav ul li a.current { color:#ff6600 !important; } 	/* classe .current zeigt aktuell aktive Nav Punkte */


/* Navigation - subNav */
/* ------------------------------------------------------- */

#subNav { min-height: 20.70em; }
* html #subNav { height: 20.80em; }

#subNav ul { border-top: 1px solid black; list-style-type:none; font-family:Arial, Helvetica, sans-serif; }
#subNav li { border-bottom: 1px solid black; list-style-type:none; padding-top:0.80em; text-transform:uppercase; line-height:1.40em; }
#subNav ul ul { border-top:none; }
#subNav ul ul li:first-child { margin-top:1em; }
#subNav ul ul li { border:none; text-transform:none; padding:0; font-weight:normal; }

#subNav li a { display:block; padding-bottom:0.2em; font-size:1.10em; line-height:1.20em; text-decoration:none; color:#000000; }
* html #subNav li a { display:inline-block; width:100%; }

#subNav li a:link, #subNav li a:visited { font-weight:inherit; color:inherit; }
#subNav li a:hover, #subNav li a:active { color:#ff6600; }
#subNav li:hover a, #subNav li:active a { color:#ff6600; }

#subNav li li a:link, #subNav li li a:visited { font-weight:normal; color:black; }
#subNav li li a:hover, #subNav li li a:active { color:#ff6600; }

#subNav ul li a.current { color:#ff6600 !important; } 	/* classe .current zeigt aktuell aktive Nav Punkte */



/* Content */
/* ------------------------------------------------------- */
#contentWrapper { position:static; margin:0 23.70em 0 15.90em; } 

#conHead { min-height:19em; }
* html #conHead { height:19em; }

cite { font-style:italic; }
.orange { color:#ff6600 !important; }
#conHead a#homeImage { height: 39.1em; width: 57.2em; display: block; cursor: default; }

/* Content conHead -> picRows */
/* ------------------------------------------------------- */

#picRows { min-height: 37em; }
* html #picRows { height: 37em; }

#picRows a { display:block; float:left; margin-left:1.6em; }

#picRows a.firstPic { margin:0; }
#picRows a.lastPic { float:right; margin:0; }

#picRows p { clear:both; float:left; width:100%; margin-bottom:1em; }
* html #picRows p { margin-bottom:.90em; }

/* Content conHead -> picRows -> jobmenu */
/* ------------------------------------------------------- */

#jobmenu { border:1px solid black; border-width:1px 0; clear:both; line-height:2.30em; height:2.30em; overflow:hidden; font-family:Arial, Helvetica, sans-serif; }
#jobmenu a { background-color:transparent; display:inherit; float:none; margin:0; }

#jobmenu  #joblist { float:left; }
#jobmenu  #jobdetails { float:right; text-transform:uppercase; }

#jobmenu  #joblist a { display:block; height:15px; width:13px; overflow:hidden; float:left; background:url(../images/job_icon.gif) 0 0 no-repeat; margin-top:.40em; margin-right:.40em; }
#jobmenu  #joblist a:hover, #jobmenu  #joblist a.current { background-position:0px -15px;}
#jobmenu  #joblist a span { visibility:hidden; }

#jobdesc h3 { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:1.10em; margin: .50em 0; }




/* Content introText */
/* ------------------------------------------------------- */
#introText { margin:0 0 1em; padding-top:.70em; font-family:Arial, Helvetica, sans-serif; min-height:18.50em; border-top:1px solid black; clear:both; }
#contentWrapper #introText { min-height:18.90em; }
* html #introText { height:18.50em; }
#introText p { font-size:1.50em; font-weight:bold; margin-bottom: .40em; color:#999999; line-height:1.30em; }

#introText.style01 p { color:#000000; }


/* Content infoText */
/* ------------------------------------------------------- */
#infoText { border-top:3px solid black; clear:both; width:100%; }

#infoText h3 { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:1.10em; margin: .50em 0; clear:both; }
#infoText h3.borderBottom { padding-bottom: 0.1em; border-bottom: 1px solid #000; }
#infoText h3.noUpperCase { text-transform: none; }
#infoText p { margin:.50em 0; line-height:1.60em; font-size:1.20em; }


#infoText img { float:left; margin: .70em 1em 0 0; line-height:1.60em; }

#infoText a { text-decoration: none; color: #666; }
#infoText a:hover { color: #ff6600; }

#infoText a.moreinfo { padding-left:10px; background:url(../images/info_link_f.gif) left center no-repeat; text-decoration:none; color: #000; }
#infoText a:hover.moreinfo { background-image:url(../images/info_link_n.gif); color: #ff6600; }

#infoText h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; margin: 5px 0; }

#infoText h3.toggler, #infoText h3.togglerStyleNoSwoosh { cursor:pointer; border-top:1px solid black; font-weight:normal; padding:.40em 0 .20em; margin:0; position: relative; }
#infoText h3.toggler#news01, #infoText h3.togglerStyleNoSwoosh#news01 { border-top:none; }
#infoText h3.toggler span, #infoText h3.togglerStyleNoSwoosh span { position: absolute; right: 0; }
#infoText h3:hover.toggler, #infoText h3:hover.togglerStyleNoSwoosh { color:#ff6600; }
#infoText h3.toggler.noBorder, #infoText h3.togglerStyleNoSwoosh.noBorder { border: 0; }
#infoText h3.extraBorder { border-top: 3px solid black; }

#infoText h3 span.font-lowercase { position: relative; }

.arial { font-family: Arial, Helvetica, sans-serif !important; }
.georgia { font-family: Georgia, "Times New Roman", Times, serif !important; }

#infoText h3.toggler.noLink { cursor: default; }
#infoText h3.toggler.noLink:hover { color: #000; }

#infoText h3 a { text-decoration: none; color: #000; }
#infoText h3 a:hover { color: #ff6600; }

#infoText.imprint h3 { margin-bottom: 0; }
#infoText.imprint p { margin-top: 0; margin-bottom: 1em; }

#infoText div.col23 { float: right; height: 23em; width: 37.7em; }
#infoText div.col33 { float: left; height: 23em; width: 18em; }

#infoText.clearType p { font-family:Arial, Helvetica, sans-serif; }

.newsimage a { height: 13em; display: block; }

/* Content teaser 3Cols */
/* ------------------------------------------------------- */
#teaser3col { padding:1em 0; font-family:Arial, Helvetica, sans-serif;  }
#teaser3col div.col01 { border-top:2px solid black; float:left; height:23em; width:18em; }
#teaser3col div.col02 { border-top:2px solid black; float:left; height:23em; width:18em; margin-left:1.70em; }
* html #teaser3col div.col02 { margin-left: 1.5em; }
#teaser3col div.col03 { border-top:2px solid black; float:right; height:23em; width:18em; }

#teaser3col h3 { font-size:1.10em; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; padding:.50em 0; }
#teaser3col p { margin:.50em 0; line-height:1.40em; }
#teaser3col a { display: block; }
#teaser3col a.moreinfo { display: inline; }

#teaser3col div.col23 { border-top:2px solid black; float: left; height: 23em; width: 37.7em; }
#teaser3col div.col33 { border-top:2px solid black; float: right; height: 23em; width: 18em; }

#teaser3col div.col23 a { margin: 11px 0 0 0; }

p a.moreinfo { padding-left:10px; background:url(../images/info_link_f.gif) left center no-repeat; text-decoration:none; line-height:16px; }
p a:hover.moreinfo { background-image:url(../images/info_link_n.gif); color: #ff6600; }

#teaser3col div.blank { background-color:#30393f !important; border-color:#30393f !important; }
#teaser3col div .colPic { margin-top:.70em; }
* html #teaser3col div .colPic { margin-top:.50em; }

#teaser3col #colspan { border-top:2px solid black; float:left; }
#teaser3col #colspan div { border:none; }


/* Content addInfo */
/* ------------------------------------------------------- */
#addInfo { border-top:2px solid black; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid black; }

#addInfo h4 { font-size: 1.10em; text-transform:uppercase; padding: .50em 0 .20em; border-top: 1px solid black; }

#addInfo ul { list-style-type:none; padding: .30em 0; }
#addInfo ul li { font-size:1.10em; line-height:1.40em; background:url(../images/list01_f.gif) 0px 3px no-repeat; padding-left:7px; }
#addInfo ul li:hover { background-image:url(../images/list01_n.gif); }
#addInfo ul li a:hover { color:#ff6600; }
#addInfo ul li .current { color:#ff6600; }
#addInfo ul li.inactive { color: #ccc; background-image:url(../images/list01_g.gif); }

#addInfo ul.noSlash li { background: none; padding-left: 0; }
#addInfo ul.noSlash li:hover { background: none; }

#addInfo ul.noLink li:hover { background-image:url(../images/list01_f.gif); }

#addInfo p { font-size: 1.10em; margin: .30em 0; line-height: 1.5em; }
#addInfo p.hr { padding: 0.2em 0 0.6em 0; margin: 0; line-height: 0; }

#addInfo div.hr { height: 0.2em; border-bottom: 1px solid black; }

#addInfo2 { border-top:2px solid black; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid black; }

#addInfo2 h4 { font-size: 1.10em; text-transform:uppercase; padding: .50em 0 .20em; border-top: 1px solid black; }

#addInfo2 ul { list-style-type:none; padding: .30em 0; }
#addInfo2 ul li { font-size:1.10em; line-height:1.40em; background:url(../images/list01_f.gif) 0px 3px no-repeat; padding-left:7px; }
#addInfo2 ul li:hover { background-image:url(../images/list01_n.gif);  }
#addInfo2 ul li a:hover { color:#ff6600; }

#addInfo2 p { font-size: 1.10em; margin: .30em 0; }

/* Content picNav */
/* ------------------------------------------------------- */

#picNav { border-top: 1px solid black; font-family:Arial, Helvetica, sans-serif; height:2em; overflow:hidden;  margin-top:.60em; }
#picNav ul { list-style-type:none; }

#picNav ul li { text-transform:uppercase; font-size:1.10em; line-height:2em; color: white; }
#picNav ul li.first { float:left; color: transparent; }
#picNav ul li.last { float:right; color: transparent; }

#picNav ul li.first a { width: 15px; height: 15px; display: block; color: transparent; background: url("../images/prev.gif") no-repeat 4px 3px; } 
#picNav ul li.first a:hover { background-position: 4px -13px; }

#picNav ul li.last a { width: 15px; height: 15px; display: block; color: transparent; background: url("../images/next.gif") no-repeat -1px 3px; }
#picNav ul li.last a:hover { background-position: -1px -13px; }

#picNav ul li a span { visibility: hidden; }

#picNav.hidden { visibility:hidden; }

/* Content contact form buttons */
/* ------------------------------------------------------- */

.element input { font-size: 11px; background-color: #c2c2c2; background-image:url("../images/kontakt/bg_input_normal.gif"); width: 195px; height:14px; margin: 0 3px 0 0; padding: 3px 2px; color: #000; border: 0px solid; border-top: #8f8f8f; border-right: #a2a2a2; border-bottom: #bebebe; border-left: #a7a7a7; }
.element input.large { width: 570px; background-image:url("../images/kontakt/bg_input_large.gif"); }
.element input.mediumlarge { width: 367px; background-image:url("../images/kontakt/bg_input_mediumlarge.gif"); }
.element input.medium { width: 312px; background-image:url("../images/kontakt/bg_input_medium.gif"); }
.element input.small { width: 78px; background-image:url("../images/kontakt/bg_input_small.gif"); }
.element input.captchaText { width: 160px; background-image:url("../images/kontakt/bg_input_captcha.gif"); }
.element textarea { width: 567px; height: 152px; border: 0; background-color: #c2c2c2; padding: 4px 2px; color: #000; background-image:url("../images/kontakt/bg_textarea.gif"); font-family: Arial, sans-serif; font-size: 11px; }

.element input.error { background-color: #f60; background-image:url("../images/kontakt/bg_input_normal_error.gif"); }
.element input.large.error { background-color: #f60; background-image:url("../images/kontakt/bg_input_large_error.gif"); }
.element input.mediumlarge.error { background-color: #f60; background-image:url("../images/kontakt/bg_input_mediumlarge_error.gif"); }
.element input.medium.error { background-color: #f60; background-image:url("../images/kontakt/bg_input_medium_error.gif"); }
.element input.small.error { background-color: #f60; background-image:url("../images/kontakt/bg_input_small_error.gif"); }
.element textarea.error { background-color: #f60; background-image:url("../images/kontakt/bg_textarea_error.gif"); }

.element input.submit { background-color: #f60; background-image:url("../images/kontakt/bg_input_submit.gif"); color: #fff; margin: 8px 0 0 0; padding: 0 0 2px 0; width: 164px; height: 19px; font-size: 10px; }
.element input.submit:hover { background-image:url("../images/kontakt/bg_input_submit_hover.gif"); }

#infoText img.captcha { margin: 0; clear: both; margin: 5px 0 0 0; }

.contactContainerLarge { width: 401px; float: left; margin: 0 0 5px 0;}
.contactContainerSmall { width: 164px; float: left; padding: 5px 0 0 8px; }

/* Content Footer*/
/* ------------------------------------------------------- */
#footer { font-family:Arial, Helvetica, sans-serif; border:1px solid black; border-width:1px 0; padding:.4em 0; clear:both;margin-top: 17em; }
#footer a { font-size:1.10em; color:#000; text-decoration:none; text-transform:uppercase; }

#footer a.contact { margin-left:.2em; padding-left:1.30em; background:url(../images/bg_contact.gif) left center no-repeat; }
#footer a:hover.contact { background-image:url(../images/bg_contact_n.gif); }
#footer a.agb { margin-left:2em; }

#footer a:hover { color:#ff6600; }


/* SubWrapper */
/* ------------------------------------------------------- */
#subWrapper {
	position:absolute;
	top:0px;
	right:0px;
	width:22.10em;
	padding-top:19em;
	height: 473px;
}


/* SubWrapper - News */
/* ------------------------------------------------------- */

#news { font-family:Arial, Helvetica, sans-serif; width: 22em;}
/* #news .newsimage { border-bottom:1px solid black; } */
#news h4 { font-size:1.10em; border-bottom:1px solid black; padding:.70em 0 .30em; font-weight:normal; border-top:2px solid black;}
#news p { line-height:1.40em; margin:.40em 0; }

/* Shadow broder*/
/* ------------------------------------------------------- */

#topShadow { position:fixed; z-index:99; top:0; left:0; width:100%; height:21px; background:transparent url(../images/png_shadows/top.png) left top repeat-x; }
#bottomShadow { position:fixed; z-index:98; bottom:0; left:0; width:100%; height:19px; background:transparent url(../images/png_shadows/bottom.png) left bottom repeat-x; }
#leftShadow { position:fixed; z-index:97; top:0; left:0; height:100%; width:17px; background:transparent url(../images/png_shadows/left.png) left bottom repeat-y; }
#rightShadow { position:fixed; z-index:97; top:0; right:0; height:100%; width:17px; background:transparent url(../images/png_shadows/right.png) left bottom repeat-y; }

* html #bottomShadow { display:none; }
* html #topShadow { position:absolute; behavior: url(/iepngfix.htc); left: -20px; }
* html #leftShadow { position:absolute; behavior: url(/iepngfix.htc); left: -20px; }
* html #rightShadow { position:absolute; behavior: url(/iepngfix.htc); right: -20px; }

/* Clear Classes */
.noMargin { margin: 0 !important; }
.noBorder { border: 0 !important; }
