/* ------------------------------------ */
/* HTML Elements						*/
/* ------------------------------------ */
* { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #4D4F53; }

body { background-color: #F2F2F2; padding: 0px; margin: 0px; _behavior: url("csshover3.htc"); }

h1 { color: #007F64; }
h2 { color: #007F64; }
h3 { color: #007F64; }
a:hover { color: #007F64; }

ul { list-style-image: url(../images/icons/bullet_green.png); }

h1
{
	font-size: 27px;
	line-height: 31px;
	margin-bottom: 20px;
	font-weight: normal;
	margin-top: 10px;
}

h2
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}
h2.noMarginTop { margin-top: -3px; }
h2.noMarginBottom { margin-bottom: 0; }

h3
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	color: #4d4f53;
}
h3.noMarginTop { margin-top: -3px; }
h3.noMarginBottom { margin-bottom: 0; }
h3 .neu  { background-color: #FF9900; color: White; padding: 0 2px 0 2px; }

h4
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	color: #4d4f53;
}
h4.noMarginTop { margin-top: -3px; }
h4.noMarginBottom { margin-bottom: 0; }

a img { border: 0px; }

ul { line-height: 15px; }

table.kontakt { width: 477px; }
table.registrierung { width: 477px; }


/* FORM */
textarea { width: 465px; height: 130px; }
input.large { width: 225px; margin-bottom: 3px; }
input.registrierung { width: 311px; }
select { margin-top: 3px; }
select.metaSelect { font-size: 11px; }
form { float: left; width: 100%;  }


/* ------------------------------------ */
/* Page Elements						*/
/* ------------------------------------ */
#pageContainer { margin-left: auto; margin-right: auto; width: 969px; background-color: #F2F2F2; }

#header  
{
	background-color: #767577; 
	color: #fff;
	font-size: 12px; 
	font-weight: bold;
	padding: 3px 0 3px 0;
	width: 100%;
	float: left;
	height: 24px;
}
#header .center 
{ 
	padding-top: 5px;
	width: 968px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
	margin-bottom: -5px;
	position: relative;
}
#header .links { float: left; padding-top: 3px; width: 300px; padding-left: 240px; }
#header .links ul { padding: 0; margin: 0; }
#header .links li { float: left; }
#header .links.start { text-align: left; float: left; padding-top: 3px; width: 725px; }
#header .links.start ul { padding: 5px 0 0 0; margin: 0; }
#header .links.start li { float: left; }
#header .dropdown { float: right; }
#header .dropdown img { padding-top: 5px; }
#header .dropdown select { vertical-align: top; }
#header ul { list-style-type: none; padding-bottom: 10px; margin-top: 5px; }
#header li { list-style-image: none; float: left; padding-right: 15px; }

#topnav
{
	float: left;
	width: 100%;
	background-color: #fff;
	height: 103px;
	background-image: url(../images/backgrounds/topnav.gif);
	background-repeat: repeat-x;
	_overflow: hidden;
}
#topnav div.login
{
	float: right;
	width: 200px;
	padding-top: 10px;
	color: #767577;
	font-weight: bold;
}

#topnav .logos 
{ 
	background-image: url(../images/backgrounds/topnav_logos.png);
	background-repeat: no-repeat; 
	width: 968px;
	height: 85px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
}
#topnav .logos.start { background-image: none; }
#topnav .logos a { color: #767577; text-decoration: none; font-weight: bold; font-size: 11px; }

.logo.sage { float: left; margin-top: 35px; }
.logo.dpw { float: right; margin-top: -10px; padding-right: 0px; }
.logo.dpw.print { display: none; }

/* TOP NAVIGATION */
.navMenu 
{ 
	width: 640px; 
	float: left; 
	position: relative; 
	margin-top: 52px; 
	padding-left: 160px; 
}
.navMenu ul 
{ 
	list-style-type: none !important; 
	position: relative;
	margin: 0px;
	padding: 0px; 
}
.navMenu li 
{ 
	float: left;
	position: relative; 
	list-style-image: none !important; 
	padding-right: 5px; 
	padding-left: 5px; 
	background-image: url(../images/leer.gif);
	background-repeat: no-repeat;
	height: 26px;
}
.navMenu li a 
{ 
	background-position: right top; 
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-top: 5px; 
	height: 26px;
	display: block;
	float: left;
	position: relative; 
}

.navMenu li.active { background-image: url(../images/topnav_left.png); }
.navMenu li.active a { background-image: url(../images/topnav_right.png); } 
.navMenu li a span { display: inline; white-space: nowrap; position: relative;  }

/** turn on **/
.navMenu ul li:hover ul { display: block; }

/** start of level 2 **/
.navMenu li ul
{
	display: none;
	position: absolute;
	top: 23px;
	left: 0px;
	width: 180px;
	background-color: #fff;
	z-index: 15;
	padding: 0px 10px 0px 10px;
	background-image: url(../images/backgrounds/topnav_background.gif);
	background-position: left bottom;
}
.navMenu li ul li 
{ 
	background-image: none; 
	clear: left;
	border-bottom: solid 1px #ccc; 
	padding: 0px 0px 0px 0px;
	width: 180px;
}
.navMenu li ul li:last-child { border-bottom: 0 !important; }
/* IE7/6 HACK */
.navMenu li ul li { border-bottom: expression((this.parentNode.lastChild == this)? "0 !important;" : "solid 1px #ccc;"); }

.navMenu li ul li a { background-image: none !important; font-size: 12px !important; }
.navMenu li ul li a:hover { color: #007F64 !important; }

#main
{
	float: left;
	width: 969px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

/* HOME PAGE */
.flash  
{
	background-color: #f2f2f2;
	float: left;
	width: 969px;
	height: 262px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -3px;
	position: relative;
	z-index: 5;
}

.productBoxes
{
	float: left;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	_margin-bottom: -10px;
}

.productBox
{
	float: left;
	width: 153px;
	margin-right: 10px;
	font-size: 11px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	_overflow: hidden;
}
.productBox div.top
{
	float: left;
	width: 143px;
	height: 68px;
	background-image: url(../images/backgrounds/productBox_top.png);
	background-repeat: no-repeat;
	padding: 10px;
}
.productBox div.content 
{ 
	float: left;
	width: 131px;
	font-size: 11px;
	background-color: #F8F8F8;
	border-left: solid 1px #E2E2E2;
	border-right: solid 1px #E2E2E2;
	margin-top: -10px;
	padding: 5px 10px 5px 10px;
}
.productBox div.bottom
{
	float: left;
	width: 153px;
	height: 5px;
	background-image: url(../images/backgrounds/productBox_bottom.png);
	background-repeat: no-repeat;
}
.productBox.last { margin-right: 0; }
.productBox h3, .productBox h3 a { padding-top: 25px; margin-bottom: 0px; font-size: 11px; }
.productBox.bewerber h3, .productBox.bewerber h3 a { color: #64902B; margin-top: -25px; text-decoration: none; }
.productBox.lohn h3, .productBox.lohn h3 a { color: #DD73A6; margin-top: -25px; text-decoration: none; }
.productBox.zeit h3, .productBox.zeit h3 a { color: #F39900; margin-top: -25px; text-decoration: none; }
.productBox.reise h3, .productBox.reise h3 a { color: #60237B; margin-top: -25px; text-decoration: none; }
.productBox.bildung h3, .productBox.bildung h3 a { color: #B3071B; margin-top: -25px; text-decoration: none; }
.productBox.manager h3, .productBox.manager h3 a { color: #0098D4; margin-top: -25px; text-decoration: none; }

.homeContent { width: 969px; float: left; margin-bottom: -15px; }

.homeBox 
{ 
	float: left; 
	width: 479px; 
	height: 225px; 
	position: relative; 
	background-image: url(../images/backgrounds/home_leftbox.png);
	background-repeat: no-repeat;
	line-height: 17px;
}
.homeBox div.image { float: left; width: 106px; margin-right: 10px; margin-top: 5px; }
.homeBox div.teaser { float: left; width: 330px; height: 165px; overflow: auto; margin-top: -5px; }
.homeBox div.teaser .firstHeadline { padding-top: 0; margin-top: -3px; }
.homeBox div.news { float: left; width: 450px; height: 165px; overflow: auto; padding-top: 0; }
.homeBox div.news h4 { margin-bottom: 0; margin-top: 0; }
.homeBox div.news h4.noMarginTop { margin-top: -3px; }
.homeBox.right 
{ 
	width: 480px;
	margin-left: 10px;
	background-image: url(../images/backgrounds/home_rightbox.png);
	background-repeat: no-repeat;
}

.homeBox div.top  
{
	float: left; 
	width: 479px;
	line-height: 5px;
}
.homeBox div.content
{
	float: left;
	width: 457px;
	padding: 10px;
}

.startBox { float: left; width: 231px; height: 225px; position: relative; margin-right: 15px; _margin-right: 13px; }
.startBox.last { margin-right: 0; }
.startBox div.top  
{
	float: left; 
	width: 231px;
	height: 5px;
	line-height: 5px;
	background-image: url(../images/backgrounds/start_box_top.png); 
	background-repeat: no-repeat;
	background-color: #fff;
}
.startBox div.content
{
	float: left;
	width: 210px;
	background-color: #fff;
	border-left: solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	background-repeat: no-repeat;
	background-position: right 0px;
	padding: 10px;
}
.startBox div.bottom  
{
	height: 5px;
	width: 231px;
	float: left;
	background-image: url(../images/backgrounds/start_box_bottom.png); 
	background-repeat: no-repeat; 
}
.startBox div.leaves, .startBox div.lines, .startBox.last div.logo,
.startBox div.bubbles, .startBox div.circles
{
	float: left;
	position: absolute;
	left: 147px; 
	top: 1px;
}
.startBox div.lines { left: 110px; }
.startBox.last div.logo { left: 174px; top: 5px; }
.startBox div.bubbles { left: 189px; top: -6px; }
.startBox div.circles { left: 154px; top: 1px; }
.startBox h2 { font-size: 18px; font-weight: normal; }
.startBox div.link { margin-top: 10px; }
.startBox div.link img { margin-top: 3px; }
.startBox div.link div.text { width: 190px; }

.startBoxLarge { float: left; width: 969px; position: relative; margin-top: 5px; margin-bottom: -15px; _margin-bottom: -25px; }
.startBoxLarge div.top  
{
	float: left; 
	width: 969px;
	height: 5px;
	line-height: 5px;
	background-image: url(../images/backgrounds/start_largebox_top.png); 
	background-repeat: no-repeat;
	background-color: #fff;
}
.startBoxLarge div.content
{
	float: left;
	width: 948px;
	background-color: #fff;
	border-left: solid 1px #e2e2e2;
	border-right: solid 1px #e2e2e2;
	padding: 10px;
}
.startBoxLarge div.bottom  
{
	height: 5px;
	width: 969px;
	float: left;
	background-image: url(../images/backgrounds/start_largebox_bottom.png); 
	background-repeat: no-repeat; 
}
.startBoxLarge div.list { float: left; width: 175px; margin-right: 18px; }
.startBoxLarge div.list.last { margin-right: 0; }
.startBoxLarge h4 { margin-top: -3px; }
.startBoxLarge a { text-decoration: none; }

/* HOME PAGE ENDE */

.navColumn { float: left; width: 231px; position: relative; top: -3px; left: 0px;  }
.navColumnImage { display: block; }
.navColumn .top 
{ 
	background-image: url(../images/backgrounds/navcolumn_top.png); 
	background-repeat: no-repeat; 
	height: 5px; 
	_margin-bottom: -15px;
	_margin-top: -3px;
}
.navColumn .content 
{ 
	background-image: url(../images/backgrounds/navcolumn_content.png); 
	padding: 10px;
	line-height: 25px;
}
.navColumn .content.start { line-height: normal; }
.navColumn .bottom { background-image: url(../images/backgrounds/navcolumn_bottom.png); background-repeat: no-repeat; height: 5px; }
.navColumn a { text-decoration: none; }
.navColumn ul { list-style-type: none; margin-top: -10px; margin-bottom: -10px; }
.navColumn li { list-style-image: none; margin-left: -40px; _margin-left: -30px !important; line-height: 25px; }
.navColumn ul li ul { padding-top: 5px; padding-bottom: 15px; _margin-left: 30px; }
.navColumn ul li ul li { margin-bottom: -7px; _margin-bottom: 3px; margin-left: -38px; }
.navColumn ul li ul li a { font-size: 11px; }
.navColumn ul li ul li img { padding-bottom: 2px; }

.navColumn li.active a, .navColumn li.active li.active a, .navColumn a:hover { color: #007F64; }
.navColumn li.active li a { color: #4D4F53; }

.middleColumn { float: left; padding: 15px; width: 477px; line-height: 19px; }
.middleColumn hr 
{ 
	border: 0px; 
	height: 1px;
	display: block;
	margin: -5px;
	!margin: -20px;
	color: #E2E2E2;
	background-color: #E2E2E2;
}
.middleColumn li { line-height: 19px; }
.middleColumn .produktLink 
{ 
	float: left; 
	background-image: url(../images/backgrounds/link_border.png); 
	background-repeat: no-repeat;
	height: 26px;
	width: 149px;
	padding: 5px;
	margin-top: 20px;
}
.middleColumn .formBtn { margin-top: 5px; }
.middleColumn h3 { margin-top: -5px; }

.teaserColumn { float: right; width: 231px; margin-top: 20px; _margin-left: -7px; }

.teaser { float: left; padding-top: 10px; width: 231px; }
.teaser .top 
{ 
	background-image: url(../images/backgrounds/teaser_top.png); 
	background-repeat: no-repeat; 
	height: 5px;
	_margin-bottom: -10px;
}
.teaser .content
{ 
	background-image: url(../images/backgrounds/teaser_content.png); 
	padding: 10px;
	font-size: 11px;
}
.teaser .content * { font-size: 11px; }
.teaser .content h1 { font-size: 27px; }
.teaser .content h2 { font-size: 14px; margin-bottom: 5px; }
.teaser .content h3 { font-size: 12px; }
.teaser .content p { margin-top: 0; }

.teaser .bottom 
{ 
	background-image: url(../images/backgrounds/teaser_bottom.png); 
	background-repeat: no-repeat; 
	height: 5px; 
	_margin-bottom: -10px;
}
.teaser a { font-size: 12px; padding-top: 10px; }
.teaser h3 { font-size: 12px; padding-top: 10px; margin-bottom: 0; }
.teaser h3.firstHeadline { padding-top: 0; }
.teaser h4.firstHeadline { padding-top: 0; margin-top: -3px; }
.teaser b { font-size: 11px; }
.teaser .buttons { margin-top: 8px; }
.teaser .buttons img { padding-top: 2px; }
.teaser .stepPic { float: left; padding-right: 5px; }
.teaser .stepText { float: left; font-size: 11px; width: 177px; }

.teaser.start a { font-size: 11px; padding-top: 0; }

.article { padding: 10px; width: 457px; }
.article.leftPadding { padding-left: 32px; }
.article.alternate { background-color: #fff; }
.article .pic { float: left; width: 120px; margin-right: 10px; margin-top: 10px; }
.article .text { float: left; width: 326px; margin-top: 10px; }
.article .withButton { margin:0px; padding:0px; width:360px; float: left; }
.article .btn { float: right; }
.article .termin { width: 250px; }
.article .ausgebucht h3 { color: #CC0000; }
.article p { margin-top: 5px; margin-bottom: 5px; }
.article table { padding: 0; }
.article td { vertical-align: top; padding-top: 0; }
.article td img { margin-right: 15px; }

.presse { font-size: 10px; color: #999999; margin-bottom: 15px; width: 457px; line-height: normal; }

ul.sitemap, ul.sitemap ul { list-style-image: url(../images/icons/sitemap_pfeil.png); }
h3.sitemap a { text-decoration: none; color: #007F64; }

#breadcrumb { float: left; width: 969px; padding-bottom: 10px; }

#footer { float: left; width: 969px; border-top: solid 1px #E2E2E2; padding-top: 15px; margin-top: 0px; padding-bottom: 10px; }
#footer div, 
#footer a { font-size: 11px; color: #999999; }
#footer a:hover { color: #4D4F53; }
#footer ul { list-style-type: none; margin-top: 0px; }
#footer li { list-style-image: none; float: left; padding-left: 10px; }
#footerPrint.print { display: none; }

span.checkBoxLine input
{
	float: left;
	display: block;	
	clear: left;
}

span.checkBoxLine label 
{
	float: left;
	width: 80%;	
}


.downloadImage
{
	display: inline-block;
	_display: inline;
	width: 50px;
	margin-right: 5px;
	text-align: left;
	vertical-align: top;
}

.downloadInhalt
{
	display: inline-block;
	_display: inline;
	width: 150px;
}

/*** FORM ITEMS ***/
.formItemControl { clear: left; }
.formItemControlText { clear: left; }

.formItemControlText
{
	clear: left; 
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
	background-color: #fff;
}
.formItemControlText p { margin: 0px; padding: 0px;}

.formItemControl label, .formItemTitel label, .formItemName label, .formItemTelefon label
{
	dispay: block;
	float: left;
	width: 160px;
	padding-right: 10px;	
}

.formItemControl input, .formItemControl select, .formItemControl textarea, 
.formItemTitel input, .formItemName input, .formItemTelefon input
{
	width: 300px; _width: 295px; margin-bottom: 3px;
}
.formItemControl select { width: 305px; _width: 300px; }

.formItemControl.checkBox
{
	padding-left: 170px;		
	clear: left;
}

.formItemControl.checkBox input
{	
	float: left;
	width: auto;
}
.formItemControl.checkBox label
{
	dispay: block;
	width: 270px;
}


.formItemControl.fileUpload input
{
	float: left;
	width: 225px;
	vertical-align: middle;
	margin: 3px 0 3px 0;
}
.formItemControl.fileUpload span { float: right; }

span.radioButtonsHelper 
{
	width: 300px;
	display: block;
	float: left;
}

.radioButtonsHelper input
{
	clear: left;
	width: auto;
}
.radioButtonsHelper label
{
	width: auto;
	float: none;
	display: inline;
}


.radioButtonsHelper.vertical input
{	
	float: left;
	width: auto;
}
.radioButtonsHelper.vertical label
{
	dispay: block !important;
	float: left !important;
	width: 265px;
}

.formItemButton
{
	clear: left;
	margin-top: 10px;	
}


/* ------------------------------------ */
/* Helper Elements						*/
/* ------------------------------------ */
.separator { padding: 0 450px 0 0; }
.newsDivider { float: left; border-top: solid 1px #E2E2E2; width: 420px !important; margin-top: 8px; margin-bottom: -5px; }
.middleDivider 
{ 
    border-top: solid 1px #E2E2E2; 
    height: 1px !important; 
    width: 477px !important; 
    margin-top: 10px; 
    margin-bottom: 10px;
    _margin-bottom: 0px;
    float: left;
}
.teaserDivider { float: left; border-top: solid 1px #E2E2E2; width: 209px !important; margin-top: 10px; margin-bottom: 10px; }
.red { border: solid 1px red; } 
.floatLeft { float: left; }
.floatRight { float: right !important; }
.fullWidth { width: 100%; }
.paddingLeft { padding-left: 3px; }
.noMarginBottom { margin-bottom: -10px; _margin-bottom: -5px; }


/* ------------------------------------ */
/* These are standard sIFR styles...    */
/* do not modify						*/
/* ------------------------------------ */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 27px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 14px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 12px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 12px;
}

.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
	font-size: 12px;
}