body { background:#ebedec url(/images/bg.gif) repeat-x; height:100%;text-align:center; }


@font-face {
	font-family: 'DIN';
	src: url('/css/DINWeb.eot');
	src: local('☺'), url('/css/DINWeb.otf') format('opentype'), url('/css/DINWeb.woff') format('woff'), url('/css/DINWeb.ttf') format('truetype'), url('/css/DINWeb.svg#webfontZPppeGpg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#page { width:970px;margin:0 auto;text-align:left; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

#side-left { width:235px; }
#side-right { width:182px; padding-top:4px; }
#middle { width:500px; }

/*************** HEADER ****************/
#header { width:100%; }
#header-image { position:relative;height:144px; }
#mitglied-werden { position:absolute;left:-40px;bottom:10px; }
.logout {line-height:22px;}
.logout a { font-family: "DIN", Arial, sans-serif; color:#554740!important; text-decoration:none; text-transform:uppercase; font-size:11px; }
.logout a:hover, .logout a:focus { text-decoration:underline; }

/*************** BAR ****************/
#bar-top { height:19px; overflow:hidden; background:#dd7300; width:100%; }
#bar-top_fsb { height:19px; overflow:hidden; background:#27AED2; width:100%; }

/*************** RIGHT BUTTONS ****************/
a.main-btn {margin-bottom:1px;display:block;}

/*************** CONTENT ****************/
#content { background:white; }
#breadcrumb { background:#61534b; height:19px; width:100%; overflow:hidden; margin-bottom:22px; }
#breadcrumb span  { font-family: "DIN", Arial, sans-serif; color:white; font-size:10px; line-height:17px; display:block; margin-left:10px; }
#breadcrumb span a { font-family: "DIN", Arial, sans-serif; color:white; font-size:10px; line-height:17px;text-decoration:none; }
#text {font-size:1.2em; line-height:1.6em;padding:0 10px 0 10px;}
#text-item {margin-bottom:25px;}
#text h1{font-family: "DIN", Arial, sans-serif; font-size:1.4em; font-weight:normal; margin-bottom:15px;text-transform:uppercase;}
#text h2{font-size:1.0em; font-weight:bold;}
#text h3{font-family: "DIN", Arial, sans-serif; font-size:1.0em;font-weight:normal;margin:20px 0 18px 0;padding-left:10px;padding-right:10px;background: url(/images/subhead_bg.gif) no-repeat;text-transform:uppercase;margin-left:-10px;display:block;width:490px;}
#text h4{font-family: "DIN", Arial, sans-serif; color:#fff;font-size:1.0em;font-weight:normal;margin:20px 0 20px 0;padding-left:5px;background: url(/images/subhead2_bg.gif) no-repeat;text-transform:uppercase;}
#text p{margin-bottom:18px;}
#text ul{margin-top:0px;margin-bottom:18px;margin-left:18px;list-style:disc url(/images/list-minus.gif) outside;}
#text ul.indent{margin-top:0px;margin-bottom:18px;margin-left:0px;list-style:none outside;}
#text ol{margin-top:0px;margin-bottom:18px; margin-left:18px; list-style:outside decimal;}
#text ol li ol, #text ul li ul{margin-top:0px;margin-bottom:0px;}
#text ul li, #text ol li{}
#text hr {height:4px;border:none;background-color:#eee;margin-bottom:18px;margin-top:0}
#text td img {margin-bottom:15px!important;}
#text a{color:#DD7300; text-decoration:none;}
.fsb a{color:#27AED2!important; text-decoration:none!important;}
.fsb a:hover,.fsb a:focus{color:#27AED2!important; text-decoration:underline!important;}
#text a:hover, #text a:focus{color:#DD7300; text-decoration:underline;}

.error {color:#DD7300;}

sup,sub {	height: 0;	line-height: 1;	vertical-align: baseline;	_vertical-align: bottom;	position: relative;	font-size:80%;}
sup {	bottom: 1ex;}
sub {	top: .5ex;}

.news-item h3 {font-family: Arial, sans-serif!important;font-size:1.0em; font-weight:bold!important;background:none!important;margin-bottom:0!important;margin-top:0!important;text-transform:none!important;}

.archiv_link a{font-family: "DIN", Arial, sans-serif; color:#fff!important; font-size:1.0em;font-weight:normal;margin:20px 0 18px 0;padding-left:10px;padding-right:10px;background: url(/images/subhead2_bg.gif) no-repeat;text-transform:uppercase;margin-left:-10px;display:block;width:490px;}
.archiv_link a:hover {font-weight:normal;text-decoration:none!important;color:#333!important;background: url(/images/subhead_bg.gif) no-repeat;}


/*************** INPUTS ****************/
#inputs { width:200px;padding-top:85px;z-index:999; font-size:10px; }
#inputs span { font-family: "DIN", Arial, sans-serif; color:#554740; text-transform:uppercase; font-size:11px;width:42px;display:block;float:left;line-height:21px; }
.mini-input { font-size: 100%;width:125px;height:21px;overflow:hidden;background:url(/images/input-small.gif) no-repeat;border:0; font-size:10px; color:#9a8c85; padding:0 10px; line-height:21px; }
.mini-input:focus { font-size:10px;line-height:10px; }


/*************** HAKEN ****************/
#haken { width:124px; height:113px; position:absolute; right:2px; bottom:-45px;z-index:9999; }
.haken-orange { background:url(/images/haken-orange.png) no-repeat; }
.haken-tuerkis { background:url(/images/haken-tuerkis.png) no-repeat; }



/*************** NAVIGATION ****************/
#navigation { padding:18px 0px 0px 5px; }
#navigation li { width:178px; margin-bottom:4px; }
#navigation li a { font-family: "DIN", Arial, sans-serif; display:block; background: url(/images/navigation_bg.gif) no-repeat 0px 0px; color:#554740;  text-decoration:none; text-transform:uppercase; font-size:11px; padding:4px 10px; }
#navigation li a.aktiv { display:block; background: url(/images/navigation_bg.gif) no-repeat 0px -40px; color:#fff;  text-decoration:none; text-transform:uppercase; font-size:11px; padding:4px 10px; }
#navigation li a:hover, #navigation li a:focus { background: url(/images/navigation_bg.gif) no-repeat 0px -20px; color:#554740;}

#navigation_fsb { padding:18px 0px 0px 5px; }
#navigation_fsb li { width:178px; margin-bottom:4px; }
#navigation_fsb li a { font-family: "DIN", Arial, sans-serif; display:block; background: url(/images/navigation_fsb_bg.gif) no-repeat 0px 0px; color:#554740;  text-decoration:none; text-transform:uppercase; font-size:11px; padding:4px 10px; }
#navigation_fsb li a.aktiv { display:block; background: url(/images/navigation_fsb_bg.gif) no-repeat 0px -40px; color:#fff;  text-decoration:none; text-transform:uppercase; font-size:11px; padding:4px 10px; }
#navigation_fsb li a:hover, #navigation_fsb li a:focus { background: url(/images/navigation_fsb_bg.gif) no-repeat 0px -20px;color:#554740; }

/*************** SUBNAVIGATION ****************/
#subnavigation { margin-top:4px; }
#subnavigation li { width:178px; margin-bottom:0px; line-height:16px; }

#subnavigation li a {	display:block;	color:#554740;	text-decoration:none;	text-transform:none;	font-size:12px;	padding:0px 10px 3px 20px;	background: #F0F2F1;}
#subnavigation li a:hover, #subnavigation li a:focus { color:#DD7300; background: #F0F2F1 url(none);}
#subnavigation li a.subaktiv { display:block; background: #F0F2F1 url(none); color:#DD7300;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 3px 20px; }

#subnavigation li.subfirst a { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px 0px; color:#554740;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 3px 20px; }
#subnavigation li.subfirst a:hover, #subnavigation li.subfirst a:focus { display:block; color:#DD7300;}
#subnavigation li.subfirst a.subaktiv { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px 0px; color:#DD7300;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 3px 20px; }

#subnavigation li.sublast a { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px -20px; color:#554740;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 4px 20px; }
#subnavigation li.sublast a:hover, #subnavigation li.sublast a:focus { color:#DD7300;}
#subnavigation li.sublast a.subaktiv { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px -20px; color:#DD7300;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 4px 20px; }

#navigation_fsb #subnavigation li a {	display:block;	color:#554740;	text-decoration:none;	text-transform:none;	font-size:12px;	padding:0px 10px 3px 20px;	background: #F0F2F1 url(none);}
#navigation_fsb #subnavigation li a:hover, #navigation_fsb #subnavigation li a:focus { background: #F0F2F1 url(none) no-repeat 0px -20px; color:#27AED2;}
#navigation_fsb #subnavigation li a.subaktiv {	display:block;	color:#27AED2!important;	text-decoration:none;	text-transform:none;	font-size:12px;	padding:0px 10px 3px 20px;	background: #F0F2F1 url(none);}

#navigation_fsb #subnavigation li.subfirst a { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px 0px; color:#554740;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 3px 20px; }
#navigation_fsb #subnavigation li.subfirst a:hover, #navigation_fsb #subnavigation li.subfirst a:focus { color:#27AED2;}
#navigation_fsb #subnavigation li.subfirst a.subaktiv { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px 0px; color:#27AED2!important;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 3px 20px; }

#navigation_fsb #subnavigation li.sublast a { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px -20px; color:#554740;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 4px 20px; }
#navigation_fsb #subnavigation li.sublast a:hover, #navigation_fsb #subnavigation li.sublast a:focus { color:#27AED2;}
#navigation_fsb #subnavigation li.sublast a.subaktiv { display:block; background: url(/images/subnavigation_bg.gif) no-repeat 0px -20px; color:#27AED2!important;  text-decoration:none; text-transform:none; font-size:12px; padding:0px 10px 4px 20px; }



/*************** BUTTONS ****************/
#main-buttons { height:351px; }
#buttons { margin-top:4px; }
#empty-button-small { background:#f0f2f1; height:84px; width:178px; }
#empty-button-big { background:#f0f2f1;width:178px; }.text-item {
	margin-bottom: 25px;
}



/************* FORMULARE ***************/
.jobboerse table td { padding:5px; vertical-align:top; }
.jobboerse #hinweis { width:365px; height:120px; overflow:auto;font-size:0.9em;padding-right:10px; }
.jobboerse input.text {  background:url(/images/input-text.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:236px;border:0;}
.jobboerse input.text-475 {  background:url(/images/input-textbig-475px.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:460px;border:0;}
.jobboerse input.text-445 {  background:url(/images/input-textbig-445px.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:383px;border:0;}
.jobboerse input.text-418 {  background:url(/images/input-textbig-418px.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:356px;border:0;}
.jobboerse select {  background:url(/images/input-text.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:236px;border:0;}
.jobboerse input.text-small {  background:url(/images/input-textsmall.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:61px;border:0;}
.jobboerse input.text-middle {  background:url(/images/input-text-big2.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:283px;border:0;}
.jobboerse textarea {  background:url(/images/textarea-bg.gif) repeat-y; height:120px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:383px;border:0;}
.jobboerse .ta-top { height:5px;overflow:hidden;width:403px;background:url(/images/textarea-top.gif) no-repeat;margin:0;padding:0;margin-bottom:-1px; }
.jobboerse .ta-bottom { height:5px;overflow:hidden;width:403px;background:url(/images/textarea-bottom.gif) no-repeat ;margin-top:-5px; }
.jobboerse .textarea-schmaler {  background:url(/images/textarea-jb-bg.gif) repeat-y; height:120px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:364px;border:0;}
.jobboerse .ta-top-schmaler { height:5px;overflow:hidden;width:376px;background:url(/images/textarea-jb-top.gif) no-repeat;margin:0;padding:0;margin-bottom:-1px; }
.jobboerse .ta-bottom-schmaler { height:5px;overflow:hidden;width:376px;background:url(/images/textarea-jb-bottom.gif) no-repeat ;margin-top:-5px; }

.marktplatz table td { padding:5px; vertical-align:top; }
.marktplatz #hinweis { width:365px; height:120px; overflow:auto;font-size:0.9em;padding-right:10px; }
.marktplatz input.text {  background:url(/images/input-text.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:236px;border:0;}
.marktplatz input.text-475 {  background:url(/images/input-textbig-475px.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:460px;border:0;}
.marktplatz input.text-445 {  background:url(/images/input-textbig-445px.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:383px;border:0;}
.marktplatz input.text-418 {  background:url(/images/input-textbig-418px.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:356px;border:0;}
.marktplatz select {  background:url(/images/input-text.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:236px;border:0;}
.marktplatz input.text-small {  background:url(/images/input-textsmall.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:61px;border:0;}
.marktplatz input.text-middle {  background:url(/images/input-text-big2.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:283px;border:0;}
.marktplatz textarea {  background:url(/images/textarea-bg.gif) repeat-y; height:120px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:383px;border:0;}
.marktplatz .ta-top { height:5px;overflow:hidden;width:403px;background:url(/images/textarea-top.gif) no-repeat;margin:0;padding:0;margin-bottom:-1px; }
.marktplatz .ta-bottom { height:5px;overflow:hidden;width:403px;background:url(/images/textarea-bottom.gif) no-repeat ;margin-top:-5px; }
.marktplatz .textarea-schmaler {  background:url(/images/textarea-jb-bg.gif) repeat-y; height:120px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:364px;border:0;}
.marktplatz .ta-top-schmaler { height:5px;overflow:hidden;width:376px;background:url(/images/textarea-jb-top.gif) no-repeat;margin:0;padding:0;margin-bottom:-1px; }
.marktplatz .ta-bottom-schmaler { height:5px;overflow:hidden;width:376px;background:url(/images/textarea-jb-bottom.gif) no-repeat ;margin-top:-5px; }



#supersuche select {  background:url(/images/input-text.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:236px;border:0;}
#supersuche input {  background:url(/images/input-textsmall.gif) no-repeat; height:19px; line-height:19px; font-size:11px; font-family:arial,helvetica,sans-serif; padding:0px 10px 0 10px; width:61px;border:0;}



/*************** JOBBOERSE ******************/
.job { margin-bottom:18px; }
.job .job-header {font-family: "DIN", Arial, sans-serif; font-size:1.0em;font-weight:normal;width:490px; margin-left:-10px;margin-bottom:18px;padding-left:10px;background: url(/images/subhead_bg.gif) no-repeat;text-transform:uppercase;}

/*************** DQS-SIEGEL ******************/
#dqs-siegel {margin-top:25px;margin-left:45px;width:235px;}

.highlight {float:left;margin-right:20px;}
.maxi {}

/*************** METANAVI ********************/
#metanavigation {position:absolute;margin-left:10px;margin-top:25px;}
#metanavigation img  {margin-bottom:20px;}
#metanavigation a { font-family: "DIN", Arial, sans-serif; font-size:11px;font-weight:normal;color:#61534B;text-decoration:none;}
#metanavigation a.meta-active { font-family: "DIN", Arial, sans-serif; font-size:11px;font-weight:normal;color:#DD7300;text-decoration:none;}
#metanavigation a:hover { color:#DD7300 !important;}
.fsb-template #metanavigation a:hover { color:#27AED2 !important;}
.fsb-template #metanavigation a.meta-active { font-family: "DIN", Arial, sans-serif; font-size:10px;font-weight:normal;color:#27AED2;text-decoration:none;}

/*************** SITEMAP *******************/
.sitemap  { list-style:none !important;margin-left:0 !important; }
.sitemap li ul { list-style:none !important;padding-top:5px;margin-left:20px; }
.sitemap li { margin-bottom:20px; }
.sitemap li ul li { margin-bottom:4px; }
.sitemap li a { font-weight:bold;color:#61534B !important;font-size:1.0em; }
.sitemap li ul li a { font-weight:normal;color:#61534B !important;font-size:1.0em; }



#twitter { background:#f0f2f1;width:178px;margin-top:5px;position:absolute;z-index:99; }
#twitter p.dstv-twitter { color: #555555; font-weight:bold;font-size:12px; margin-bottom:5px;}
#twitter-cell { padding:5px 10px; }
#twitter-cell img{ margin-left:-2px;}
#twitter .tweet_time a { color:#555555!important;text-decoration:none; }
#twitter .tweet_time a:hover { color:#DD7300!important;text-decoration:none!important; }
#twitter a { color:#DD7300;text-decoration:none; }
#twitter a :hover{ color:#DD7300;text-decoration:underline; }
#twitter body { font-family: "DIN", Arial, sans-serif; font-size:10px;padding:0;margin:0; }
#twitter ul { list-style:none;margin:0;padding:0; }
#twitter li { margin-bottom:0px;border-bottom: 1px dotted #CCCCCC;font-size:10px;color:#555;padding:10px 0px 15px 0px;clear:both; }
#twitter li a { color:#DD7300 !important;font-weight:bold; }
#twitter li a:hover{ color:#DD7300;text-decoration:underline!important; }
#twitter h1 { font-family: "DIN", Arial, sans-serif;font-size:11px;margin:0;padding:0;margin-top:10px;margin-bottom:10px; }
#twitter .tweet_avatar { display:none;float:left;margin-right:10px; }
#twitter .tweet_time { display:block;font-weight:bold;margin-bottom:2px;font-size:10px; }
li.tweet_even { border-bottom:none !important; }