/*############## RESET ##############*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*############## Layout Settings ##############*/

* { margin: 0; }
html { background:url(../img/layout/bg_content.jpg); }
body { background:url(../img/layout/bg_body.jpg) repeat-x; font:14px/20px Arial, Helvetica, sans-serif; color:#5b5b5b }
html, body { height: 100%; }

/*############## Footer ##############*/

#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -13px; }
.footer, .push { height: 13px; }

/*############## Clear Fix ##############*/

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear { clear:both }
strong { font-weight:bold }

/*############## Fonts ##############*/

	@font-face { font-family: 'PTSansRegular'; src: url('../font/PTS55F-webfont.eot'); src: url('../font/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('../font/PTS55F-webfont.woff') format('woff'	), url('../font/PTS55F-webfont.ttf') format('truetype'), url('../font/PTS55F-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; }
	@font-face { font-family: 'PTSansBold'; src: url('../font/PTS75F-webfont.eot'); src: url('../font/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('../font/PTS75F-webfont.woff') format('woff'), url('../font/PTS75F-webfont.ttf') format( 'truetype'), url('../font/PTS75F-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; }

/*############## Typo ##############*/

	a, a:visited { color:#4f4e4e ; 
-webkit-transition: color 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out; }

	a:hover, a:active { color:#da6503 !important;
-webkit-transition: color 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;}
		
	p {margin-bottom:10px;}
	a.sans	{font: 14px/12px 'PTSansBold', Arial, sans-serif; text-decoration:none; border-bottom:1px dotted #999}
	div.data p { font: 11px/18px Arial, Helvetica, sans-serif; text-align:justify}


/*############## Layout ##############*/

	/*  Main  */
	.header { height:255px; width:980px; margin:0 auto; background:url(../img/layout/bg_header.jpg) no-repeat top center; position:relative }
	.footer { background:url(../img/layout/bg_footer.jpg) }

	/*  Content Bereich  */
	.container { margin:0 auto; width:960px; background:url(../img/layout/bg_sidebar.png) repeat-y; background-position:700px top }
	.content { min-height:350px; width:583px; padding:0 0 0 90px; margin-right:32px; float:left }
	
	/*  Sidebar Bereich  */
	.sidebar { display:block; width:230px; padding:87px 0 0 25px; float:left; position:relative; }
	.sidebar a { text-decoration:none }
	.sidebar_end {background:url(../img/layout/bg_sidebar_end.png) no-repeat; background-position:700px top; height:37px; clear:both; width:960px; margin:0 auto}
	div.sidebar div p { font: 16px/20px 'PTSansRegular', Arial, sans-serif; }
	div.sidebar div p:first-line { font: 20px/20px 'PTSansBold', Arial, sans-serif; }
	div.sidebar div p:hover { color:#da6503 }
	
	h3.sernologo { display:block; width:220px; height:87px; background:url(../img/layout/sernologo.png) top center no-repeat; text-indent:-9999px; margin-bottom:30px; position:absolute; top:-30px }
	h3.sernologo:hover { background-position:bottom }
	div.sidebar div#offnu { margin:40px 0 20px 0 }
	
	div#offnu .dido { margin-left:40px }
	div#offnu .mon { margin-left:70px }
    div#offnu .fre { margin-left:78px }
	div#offnu .sam { margin-left:76px }
	div.sidebar div#karte { width:186px; height:155px; margin:18px 20px; position:relative; text-indent:-9999px; background:url(../img/layout/map.png) top center no-repeat; }
	.map_off { background:url(../img/layout/map.png) bottom center no-repeat; display:block; width:186px; height:155px; opacity:0; position:absolute; top:0; right:0 }
	div.sidebar div.map_rud, div.map_mar { width:30px; height:40px; z-index:100 }
	
	div.map_rud { top:75px; left:79px; background:url(../img/layout/map_pick_r.png) no-repeat; position:absolute; }
	div.map_mar { top:66px; left:89px; background:url(../img/layout/map_pick_m.png) no-repeat; position:absolute; }


/*############## headlines ##############*/
	
	h2 { font: 38px 'PTSansRegular', Arial, sans-serif; color:#da6503; margin:30px 0 15px 0; }
	h2.info {margin:10px 0 10px 0;  color:#5b5b5b; }
	h2 span { font: 38px 'PTSansBold', Arial, sans-serif; color:#da6503; }
	h3 { font: 18px 'PTSansBold', Arial, sans-serif; color:#5b5b5b; }
	h4 { font: 18px 'PTSansBold', Arial, sans-serif; color:#da6503; margin:20px 0 5px 0; }
	h5 { font: 16px 'PTSansBold', Arial, sans-serif; color:#da6503; margin:15px 0 0 0; }

/*############## navigation ##############*/

	ul.navi { margin-left:90px; }
	ul.navi li { float:left; display:block; margin-top: 215px; }
	ul.navi li a { display:block; text-align:center; height:33px; font:16px/33px 'PTSansRegular', Arial, sans-serif; text-decoration:none; text-transform:uppercase }
	
	.hom { width:70px; padding-right:10px } .ang { width:136px }.pro { width:128px }.tea { width:128px }.lei { width:139px }
	
	ul.navi li a:first-letter { font-size:18px; }
	body#angebote .ang, body#index .hom, body#produkte .pro, body#team .tea, body#leistung .lei { color:#da6503 !important; font:16px/33px 'PTSansBold', Arial, sans-serif; }
	
	ul.subnav { display:block; width:230px; margin:20px 0 0px 0; list-style:none  }
	ul.subnav li a { float:left; display:block; padding:2px 5px; text-align: center; color:#999; }
	ul.subnav li a.last { padding-right: 0 !important }
	
/*############## elements ##############*/

	.btTop { width:64px; height:64px; }
	.tams_branding {width:60px; height:35px; background:url(../img/tamsgmbh_branding.png) no-repeat; text-indent:-9999px}
	#serno { background:url(../img/kopf.png) no-repeat; height:228px; width:38px; position:absolute; top:214px; left: 40px; z-index:1; text-indent:-9999px }
	#frau { background:url(../img/frau01.png) no-repeat; height:217px; width:213px; position:absolute; left: 730px; }
	.ok			{background:#C1E3B0; border:1px solid #457B2B;}
	.bad		{background:#E7C7C7; border:1px solid #B12525;}
	.ok, .bad 	{display:block; padding:5px 15px; font:10px/10px; text-align:justify}
	
	.grid { width:285px; float:left; display:block;  }
	.grid2 { width:355px; float:left; display:block;  }
	.img { background:#FFF; border:1px solid #EBEBEB; padding:3px; margin:5px 0; -moz-box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc; }
	
	.teamGrid	{width:135px; float:left; margin:0 14px 15px 0; display:block}
	.teamGrid p { font: 16px 'PTSansRegular', Arial, sans-serif;padding-left:5px; margin-top:-2px }
	.teamImg { border:3px solid #fff; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc; }
	.last { margin-right:0 !important}

	
	#produkt_info	{padding:20px 20px 0 0; background:url(../img/layout/bg_content.jpg);  font: 16px 'PTSansRegular', Arial, sans-seri)}
	.colum	{width:280px; margin-right:20px; margin-bottom:20px; display:block; float:left;}
	.colum a.cap {height:276px; font: 20px/18px 'PTSansRegular', Arial, sans-serif !important; color:#2E2E2E; text-decoration:none !important}
	
	
	table#jobs {
		width:100%; margin-bottom:40px
	}
	
	td.highlight { border-bottom:1px solid #333; padding:5px 0;}
	table#jobs td {padding:10px 5px; border-bottom:1px solid #CCC}
	table#jobs tr:hover {background:rgba(255,255,255,0.7) }
	
/*############## Formular ##############*/
	div.formular {float:right}
	#contactform { padding: 0 10px 10px; width:250px;}
	#contactform label { display: block; color: #797979; line-height: 1.4em; }
	#contactform label span { color: #da6503 !important; font-size:1.3em; font-weight:bold; line-height: 1.4em; }
	#contactform div { margin-bottom:15px }
	#contactform select { width: 65px; padding: 5px; color: #949494; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; }
	#contactform input#name { margin-left:5px; width:164px; }
	#contactform input, select { display:inline; width:235px; padding: 6px; color: #949494; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; }
	
	#contactform input.error, select.error, textarea.error	{background:#F5E9E9; border:1px solid #B12525;}
	#contactform input.valid, select.valid, textarea.valid	{background:#E7F2DF; border:1px solid #457B2B;}

	#contactform textarea { width:235px; height: 90px; padding: 6px; color: #adaeae; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 12px; border: 1px solid #cecece; }
	#contactform #send { background: #da6503; color: #fff; font-weight: bold; font-style: normal; border: 0; cursor: pointer; font-size:14px; padding:8px; width:250px }
	#contactform #send:hover { background: #e27d28; }

	div.form_job {margin-top:20px}
	#contactform_job { padding: 0; display:block}
	#contactform_job label { display: block; color: #797979; line-height: 1.4em; }
	#contactform_job label span { color: #da6503 !important; font-size:1.3em; font-weight:bold; line-height: 1.4em; }
	#contactform_job div { margin-bottom:15px }
	#contactform_job select {padding: 5px; width:247px !important; color: #949494; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; }
	#contactform_job input#name, input#telefon { margin-left:15px; }
	#contactform_job input, select { display:inline; width:40%; padding: 6px; color: #949494; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border: 1px solid #cecece; }
	
	#contactform input.error, select.error, textarea.error	{background:#F5E9E9; border:1px solid #B12525;}
	#contactform input.valid, select.valid, textarea.valid	{background:#E7F2DF; border:1px solid #457B2B;}

	#contactform_job textarea { height: 90px; width:90%; padding: 6px; color: #adaeae; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic; font-size: 12px; border: 1px solid #cecece; }
	#contactform_job #send { background: #da6503; color: #fff; font-weight: bold; font-style: normal; border: 0; cursor: pointer; font-size:14px; padding:8px; width:250px }
	#contactform_job #send:hover { background: #e27d28; }


.imix {
	-webkit-transition:height 0.5s ease;
	-moz-transition:height 0.5s ease;
	-otransition:height 0.5s ease;
	transition:height 0.5s ease;
	margin-right:13px;
	width:282px;
	height:110px;
	float:left;
	}
.imix:hover { height:200px !important;}