@font-face {
	font-family: 'ChristopherhandRegular';
	src: url('webfont/comesinhandy-webfont.eot');
	src: local('☺'), url('webfont/comesinhandy-webfont.woff') format('woff'), url('webfont/comesinhandy-webfont.ttf') format('truetype'), url('webfont/comesinhandy-webfont.svg#webfontx69HfUbB') format('svg');
	font-weight: normal;
	font-style: normal;
	
}


@font-face {
	font-family: 'PerspectiveSansRegular';
	src: url('webfont/persans-webfont.eot');
	src: local('☺'), url('webfont/persans-webfont.woff') format('woff'), url('webfont/persans-webfont.ttf') format('truetype'), url('webfont/persans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansItalic';
	src: url('webfont/persansi-webfont.eot');
	src: local('☺'), url('webfont/persansi-webfont.woff') format('woff'), url('webfont/persansi-webfont.ttf') format('truetype'), url('webfont/persansi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBold';
	src: url('persansb-webfont.eot');
	src: local('☺'), url('webfont/persansb-webfont.woff') format('woff'), url('webfont/persansb-webfont.ttf') format('truetype'), url('webfont/persansb-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PerspectiveSansBoldItalic';
	src: url('webfont/persanbi-webfont.eot');
	src: local('☺'), url('webfont/persanbi-webfont.woff') format('woff'), url('webfont/persanbi-webfont.ttf') format('truetype'), url('webfont/persanbi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('webfont/colaborate/ColabThi-webfont.eot');
	src: local('☺'), url('webfont/colaborate/ColabThi-webfont.woff') format('woff'), url('webfont/colaborate/ColabThi-webfont.ttf') format('truetype'), url('webfont/colaborate/ColabThi-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('webfont/colaborate/ColabLig-webfont.eot');
	src: local('☺'), url('webfont/colaborate/ColabLig-webfont.woff') format('woff'), url('webfont/colaborate/ColabLig-webfont.ttf') format('truetype'), url('webfont/colaborate/ColabLig-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('webfont/colaborate/ColabReg-webfont.eot');
	src: local('☺'), url('webfont/colaborate/ColabReg-webfont.woff') format('woff'), url('webfont/colaborate/ColabReg-webfont.ttf') format('truetype'), url('webfont/colaborate/ColabReg-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('webfont/colaborate/ColabMed-webfont.eot');
	src: local('☺'), url('webfont/colaborate/ColabMed-webfont.woff') format('woff'), url('webfont/colaborate/ColabMed-webfont.ttf') format('truetype'), url('webfont/colaborate/ColabMed-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url('webfont/colaborate/ColabBol-webfont.eot');
	src: local('☺'), url('webfont/colaborate/ColabBol-webfont.woff') format('woff'), url('webfont/colaborate/ColabBol-webfont.ttf') format('truetype'), url('webfont/colaborate/ColabBol-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



body, textarea, input, button { font: 14px/1.5 "ColaborateLightRegular", Arial, Helvetica, sans-serif; color: #717171; }
body { background: #fff; }

/* colors -------------------------------
**
** red: #f62a2b
**
**
** ----------------------------------- */

/* Site wrapper ---------------------------------------- */
#site { width: 960px; margin: 0 auto; min-height: 400px; background: #fff; }
#aboveheader { width: 960px; background: #fff; height: 100px; }
#home { float: left; width: 212px; height: 33px; padding: 35px 0 0 0; }
#claim { color: #000000; float: right; width: 400px; height: auto; text-align: right; line-height: 65px; font-size: 65px; background: none; padding: 10px 0 0 0; }

button { display: none!important; }

/* Font-Classes ---------------------------------------- */
.christopher { font: 50px/1 "ChristopherhandRegular", "Brush Script"; }
.sansserif { font: 14px/1.5 Arial, Helvetica, Sans-Serif; }

/* General Classes ------------------------------------- */
.transparent { opacity: .75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: .75; -moz-opacity: .75; }

.underline { text-decoration: underline; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }

/* General Tags ---------------------------------------- */
a { /* color: #717171; */ color: #3f80be; text-decoration: none; }

h1 { color: #000; font-weight: normal; font-size: 24px; line-height: 1; }
h2 { color: #000; font-size: 14px; }
h3 { color: #000; font-size: 14px; }

sup { vertical-align: super; font-size: 0.7em; line-height: 0.6em; }


/* header ----------------------------------------------- */
#header { width: 960px; background: none /* url(../img/header_visual_home.jpg)  right top no-repeat*/; }
#header	#search_box { display: none; }
#header #redbox { float: none; }
#header #redbox h1 { font-family: 'ColaborateLightRegular'; }
#heaer 	#date { display: none; }
#header #headervisual_box { display: none; }
#header #main_menu_shadow { display: none; }
#header #main_menu { display: none; }

#content_box { width: 960px; }
#sidebar_left { display: none; }
#content { float: right; width: 720px; background: #fff; margin: 0 0 25px 0; }

		 #copytext { font: 32px/38px 'Colaborate-ThinRegular', Arial, Helvetica, serif; color: #8c8c8c; }
		 #copytext .christopher { font-size: 40px; line-height: 38px!important; color: #000; padding: 0 4px; }
		
#content #job_offers { margin: 40px 0 0 0; width: 720px; }
		 #job_offers details { padding: 20px 0; background: none; border-top: 1px dashed #9c9c9c; color: #8c8c8c; }		 
		 #job_offers h2 { font-size: 14px; font-weight: bold; margin: 0 0 1.5em 0; }
		 #job_offers p { width: 500px; }
		 #job_offers address { color: #8c8c8c; white-space: normal; float: right; width: 125px; text-align: left; font-style: normal;  } 
		 #job_offers address a { display: block; width: 125px; }


#content #team { margin: 40px 0 0 0; width: 720px; }
		 #team details { float: left; height: 85px; height: auto; min-height: 85px; width: 220px; margin: 0 20px 20px 0; display: inline; padding: 10px 0 0 0; background: none; border-top: 1px dashed #9c9c9c; color: #333; }		 
		 .ie6 #team details {height: 95px; }
		 #team h2 { font-size: 14px; font-weight: bold; margin: 0 0 0 0; }
		 #team p { width: 220px; font-size: 14px; }
		 #team a { color: #8c8c8c; }
		 #team a:hover { color: #f62a2b; } 
		 #team a:active, #team a.active { color: #3f80be; }

/*
		 #team address { color: #8c8c8c; white-space: normal; float: right; width: 125px; text-align: center;  } 
		 #team address p { width: 125px; }
*/

#content #mitarbeiter { background: url(../img/bg_stripes.gif) repeat; padding: 20px; overflow: hidden; width: 680px; }
		 #mitarbeiter article.vcard	{ float: left; width: 470px; height: 146px; background: #fff; padding: 30px 20px; display: inline; color: #8c8c8c; font-size: 16px;  }
		 #mitarbeiter .left { float: left; clear: left; width: 215px; display: inline; background: #fff; }
		 #mitarbeiter .right { float: right; width: 235px; clear: right; display: inline; background: #fff; }
		 #mitarbeiter a { color: #8c8c8c; }
		 #mitarbeiter a:hover { color: #f62a2b; } 
		 #mitarbeiter a:active, #mitarbeiter a.active { color: #3f80be; }
		 #mitarbeiter figure { float: right; text-align: right; width: 160px; height: 100px; height: auto; min-height: 100px; display: inline; overflow: hidden; }
		 #mitarbeiter figure img { display: block; float: right; display: inline; width: 150px; }
		 

#content #bueros_anfahrt { overflow: visible; }
		 #bueros_anfahrt .anfahrt { overflow: visible; background: #fff; margin: 0 0 25px 0; width: 720px; } 
		 #bueros_anfahrt .anschrift { float: left; display: inline; width: 325px; background:#fff; font-style: normal; }
		 #bueros_anfahrt .map { float: right; display: inline; width: 375px; background:#fff; }
		 
		 
#content #ContactForm #contactform_box { position: relative; display: block; overflow: hidden; padding: 20px 20px 0 20px; background: url(../img/bg_stripes.gif) repeat; }		 
		 			  #contactform_box .left { float: left; display: inline; width: 455px;  }
		 			  #contactform_box .right { float: right; display: inline; width: 200px; }
		 			  #contactform_box label { float: left; width: 70px; display: inline; padding: 3px 25px 3px 12px; white-space: nowrap; }
		 			  #contactform_box p { overflow: hidden; background: #fff; margin: 0 0 20px 0; height: 28px; }
		 			  #contactform_box p.textarea {  height: 230px; }
		 			  #contactform_box p.nomargin { margin: 0; }
		 			  #contactform_box input.text { float: right; display: inline; width: 330px; border: 0; background: #fff; vertical-align: middle; padding: 4px; height: 20px;}
		 			  #contactform_box textarea { float: right; border: 0; vertical-align: top; background: #fff; width: 330px; height: 220px; padding: 3px;  }
		 			  #contactform_box button { display: block; text-align: left!important; width: 200px; margin: 0; overflow: visible; color: #fff; background: #f62a2b url(../img/button_icon_white.gif) 170px center no-repeat; border: 0; padding: 3px 12px; }
		 			  #contactform_box .rightbottom { position: absolute; right: 20px; bottom: 0px; width: 200px; }

.errors { border: 1px solid #f62a2b; padding: 15px 20px; margin: 0 0 25px 0; }



#content #pressemitteilungen { border: 0; background: url(../img/bg_striche.gif) 0 -1px no-repeat; padding: 2px 0; }
#content #pressemitteilungen .pressemitteilung { width: 720px; padding: 1px 0 4px 0; overflow: hidden; background: url(../img/bg_striche.gif) 0 bottom no-repeat; }
#content #pressemitteilungen .h2 { float: left; width: 180px; padding: 0 0 0 7px; }
#content #pressemitteilungen .right { float: right; display: inline;  width: 520px; background: none; padding: 0; margin: 0; }
#content #pressemitteilungen a { display: block; background: #fff; padding: 5px 0; overflow: hidden; color: #8c8c8c; }
#content #pressemitteilungen a:hover { color: #f62a2b; background: #D5D4C9; }


#content #competence { border: 0; background: url(../img/bg_dashed.gif) 0 0 no-repeat; padding: 3px 0; margin: 40px 0 0 0; }
#content #competence .leistungen { width: 720px; padding: 2px 0 5px 0; overflow: hidden; background: url(../img/bg_dashed.gif) 0 bottom no-repeat; }
#content #competence h2 { float: left; width: 180px; padding: 4px 0 0 7px; font-weight: normal; }
#content #competence .right { float: right; display: inline; width: 520px; background: none; padding: 0; margin: 0; padding: 5px 0;  }





#content #cases_kunden_brands { border: 0; padding: 0; margin: 0;  width: 720px; }
#content #cases_kunden_brands .left { float: left; display: inline; width: 300px;  background: #fff; margin: 0; background: url(../img/bg_dashed.gif) 0 -1px no-repeat; padding: 2px 0; }
#content #cases_kunden_brands .right { float: right; display: inline; width: 350px; background: #fff; padding: 0; margin: 0; }
#content #cases_kunden_brands .cases_kunde { float: left; clear: left; width: 300px; padding: 1px 0 4px 0; overflow: hidden; background: url(../img/bg_dashed.gif) 0 bottom no-repeat; }
#content #cases_kunden_brands .h2 { float: left; width: 180px; padding: 0 0 0 7px; }
#content #cases_kunden_brands .left a { display: block; background: #fff; padding: 4px 0; overflow: hidden; color: #8c8c8c; }
#content #cases_kunden_brands .left  a:hover { color: #f62a2b; background: #D5D4C9; }
#content #cases_kunden_brands .left  a.active { color: #3f80be; background: #D5D4C9; }
#content #cases_kunden_brands .right a { padding: 0; margin: 0 0 0 0; }

.hidden { display: none!important; }


/*
#content #competence a { display: block; background: #fff; padding: 5px 0; overflow: hidden; color: #333; }
#content #competence a:hover { color: #f62a2b; background: #D5D4C9; }
*/



#content #more_content { margin: 20px 0 0 0; background: url(../img/bg_dashed.gif) 0 0 no-repeat; padding: 20px 0 0 0; }
#content #more_content h3 { margin: 20px 0 0 0; }


#content #more_content2 { margin: 0; padding: 0; }
#content #more_content2 h3 { margin: 20px 0 0 0; }

#arbeitsproben { margin: 20px 0 0 0; }

#back { display: block; margin: 20px 0; }

		 
footer { float: right; display: inline; width: 720px; border-top: 1px solid #8c8c8c; background: #fff; margin: 50px 0 0 0; padding: 0 0 50px 0; }
footer #bird { display: none; }
footer .zeile { width: 720px; border-bottom: 1px solid #8c8c8c; position: relative; padding: 4px 0 0 0; height: 25px; background: #fff; margin: 0;   }
footer .zeile p { margin: 0; padding: 0; color:  #8c8c8c; }
footer .zeile span {  }
footer a { color: #8c8c8c; text-decoration: none; }


/* Sonderstartseite ----------------------------------------------------------- */
#voodoo { background: url(../img/bg_stripes.gif) repeat; padding: 20px;  }
#voodoo_visual { display: none; }

#voodoo_footer { float: none; display: block;  margin: 15px 0 0 0; padding: 0 0 50px 0; width: 960px; border-top: 1px solid #8c8c8c;}
#voodoo_footer .zeile { width: 960px; border-bottom: 0; position: relative; padding: 4px 0 0 0; height: 25px; background: #fff; margin: 0;   }
#voodoo_footer #skip { padding-left: 25px; background: url(../img/skip.gif) 0 0 no-repeat; }
#voodoo_footer .left { width: 300px; }
#voodoo_footer .right { width: 300px; text-align: right; }



#ajaxSearch_output { border: 1px solid #444; padding: 10px; background: #fff; display: block; height: auto; vertical-align: top; }
       .AS_ajax_result { color: #444; margin-bottom: 3px; }
       .AS_ajax_resultLink { text-decoration: underline; }
       .AS_ajax_resultDescription{ color: #555; }
       .AS_ajax_more { color: #555;  }

#ajaxSearch_form { display: none; }

.ajaxSearch_paging { display: block; margin: 30px 0; }
.ajaxSearch_resultsInfo { background: #D5D4C9; font-weight: bold; margin: 20px 0; padding: 3px 5px; }
.ajaxSearch_result { background: none; margin: 0 0 10px 0; padding: 10px 0 0 0; background: url(../img/bg_dashed.gif) 0 top no-repeat; }