@charset "utf-8";

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

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: white; background-color: #f0f0f0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html { height: 100%; }
strong { font-weight: bold; }
em { font-style: normal; color: #f43d19; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
label, input[type=button],input[type=submit], button { cursor: pointer; }
q:lang(de) { quotes: '„' '“' '‚' '‘'; }
q:lang(en) { quotes: '“' '”' "‘" "’"; }
abbr[title] { border-bottom: 1px dotted #888 !important; cursor: help; }
a abbr { cursor: pointer !important; }
img { -ms-interpolation-mode: bicubic; }
header, section, article, footer, aside, nav { display: block; }

p 		{ font: 12px/20px Lucida Grande, Verdana, Arial, sans-serif; color: #2c2c2c; }

#header-wrap		{ position: relative; height: 85px; background: url('../images/header.gif') #f43d19; }
#content-wrap		{ position: relative; background: url('../images/header.gif') #fff repeat-x;}
#content			{ position: relative; width: 980px; margin: 0 auto; padding-bottom: 20px; }
#teaser-blank		{ position: relative; height: 30px;background: url('../images/header.gif') #fff repeat-x;}

#header				{ position: relative; width: 980px; margin: 0 auto; }
#header nav			{ position: absolute; top: 38px; left: 22px; }
#header nav li		{ display: block; float: left; margin-right: 6px; }
#header nav a		{ display: block; float: left; height: 30px; font: 17px/30px 'TitilliumText14L400wt', Arial, sans-serif; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); text-decoration: none; color: #fff; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
#header nav a:hover,
#header nav a:focus,
#header nav li.active a	{ background: #fff; color: #f43d19; text-shadow: none; }
#header h1			{ position: absolute; top: 30px; right: 30px; }

#teaser				{ position: relative; width: 980px; height: 360px; margin: 0 auto; overflow: hidden; margin-bottom: 20px; }
#teaser article		{ position: relative; width: 980px; height: 360px; }
#teaser article img	{ position: absolute; z-index: 1; top: 0; left: 10px; }
#teaser article .teaser-text 	{ position: absolute; z-index: 2; top: 145px; right: 0; width: 392px; height: 160px; background: transparent url('../images/teaser-article-text.png') no-repeat left top; }
#teaser article h1			{ font: 34px/44px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; text-shadow: 0px 1px 0px #fff; padding: 10px 20px 5px 20px; }
#teaser article h1 strong	{ font-family: 'TitilliumText14L600wt', Arial, sans-serif; }
#teaser article p			{ padding: 5px 20px; }
#teaser a					{ text-decoration: none;}

#teaser article .teaser-text:hover,
#teaser article .teaser-text:focus { background-position: left bottom; }

#teaser article .teaser-text:hover h1,
#teaser article .teaser-text:focus h1 { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); }

#teaser article .teaser-text:hover p,
#teaser article .teaser-text:focus p { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }

#teaser-pager 				{ position: absolute; z-index: 20; top: 320px; right: 30px; }
#teaser-pager a 			{ display: block; width: 16px; height: 16px; font-size: 1px; text-indent: -9999px; background: transparent url('../images/teaser-bubbles.png') no-repeat left top; float: left; margin-left: 5px;}
#teaser-pager a:hover,
#teaser-pager a:focus 		{ background-position: left -16px;}
#teaser-pager a.activeSlide { background-position: left bottom;}

#services					{ position: relative; width: 960px; height: 195px; margin: 0 auto; overflow: hidden; margin-bottom: 20px; }
#services-panes				{ width: 20000px; }

#services nav					{ display: block; width: 960px; height: 35px; background: url('../images/services-nav-shadow.gif') no-repeat left bottom; }
#services nav li				{ position: absolute; z-index: 10; top: 0; display: block; width: 192px; height: 46px; }
#services-1		{ left: 0; }
#services-2 	{ left: 192px; }
#services-3 	{ left: 384px; }
#services-4 	{ left: 576px; }
#services-5 	{ left: 768px; }
#services nav a				{ display: block; width: 192px; height: 45px; font: 17px/35px 'TitilliumText14L400wt', Arial, sans-serif; text-decoration: none; text-align: center; text-shadow: 0px 1px 0px #fff; color: #676767; background: url('../images/services-nav.gif') no-repeat left top; }
#services nav a:hover, 
#services nav a:focus		{ background-position: left -46px; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }
#services nav a:active,
#services nav a.active		{ background-position: left -92px; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }

#services article				{ position: relative; float: left; width: 960px; height: 160px; background: url('../images/services-article.gif') repeat-x left top; }
#services article img 			{ position: absolute; top: 0; left: 0; }
#services article .services-text 	{ position: absolute; top: 30px; left: 400px; width: 544px; }
#services article h1			{ font: 28px/36px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; padding-bottom: 10px; }
#services article p 	 		{ width: 450px; font-size: 12px;}

#footer					{ position: relative; background: url('../images/footer.gif') repeat-x left top; height: 380px; }
#footer h1				{ font: 17px/24px 'TitilliumText14L400wt', Arial, sans-serif; padding-bottom: 10px; }
#footer h2 				{ font: 12px/16px Lucida Grande, Verdana, Arial, sans-serif; color: #fff; padding-bottom: 15px; }
#footer .item			{ position: relative; display: block; height: 30px; font: 12px/30px Lucida Grande, Verdana, Arial, sans-serif; color: #fff; border-top: 1px solid #949494; }
#footer .item-last		{ border-bottom: 1px solid #949494; }

#contact			{ position: relative; height: 185px; width: 980px; margin: 0 auto; background: url('../images/footer-contact.gif') no-repeat center top; }
#contact h1			{ color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); }
#contact a			{ color: #fff; text-decoration: none; }
#contact a:hover,
#contact a:focus	{ color: #f43d19; }
#contact span.left 	{ float: left; width: 160px; }

#contact-address 		{ position: absolute; width: 158px; left: 30px; top: 10px; }
#contact-phone			{ position: absolute; width: 344px; left: 216px; top: 10px; }
#contact-newsletter		{ position: absolute; width: 392px; right: 0; top: 10px; }
#contact-newsletter h1	{ padding-left: 20px; }

#newsletter-subscription		{ position: absolute; top: 38px; width: 392px; height: 137px; background: url('../images/newsletter-subscription.gif') no-repeat left top; }
#newsletter-subscription label	{ position: absolute; top: 30px; left: 20px; font: 12px/16px Lucida Grande, Verdana, Arial, sans-serif; font-weight: bold; color: #db4e4f; }

#newsletter-subscription-email			{ position: absolute; top: 60px; left: 17px; width: 205px; height: 23px; padding: 7px 7px 0 7px; font: 12px/16px Lucida Grande, Verdana, Arial, sans-serif; background-color: #e7eff6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; color: #306796; }
#newsletter-subscription-email:active,
#newsletter-subscription-email:focus	{ outline: none; background-color: #d1e6f9; }

#newsletter-subscription-submit		{ position: absolute; top: 63px; left: 250px; height: 25px; width: 114px; padding-bottom: 1px; text-align: right; padding-right: 8px; color: #fff; border: none; font: 14px/23px 'TitilliumText14L400wt', Lucida Grande, Verdana, Arial, sans-serif; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); background: url('../images/subscription-form-submit.gif') no-repeat left top; }
#newsletter-subscription-submit:hover,
#newsletter-subscription-submit:focus	{ outline: none; background-position: left bottom; }

#socialmedia		{ position: relative; height: 195px; width: 980px; margin: 0 auto; background: url('../images/footer-socialmedia.gif') no-repeat right top; }
#socialmedia h1		{ color: #686868; text-shadow: 0px 1px 0px #fff; }

#socialmedia-photogallery	{ position: absolute; width: 158px; left: 30px; top: 20px; }
.tx-flickrset-pi1-list-image 						{ float: left; margin-right: 6px; margin-bottom: 6px; line-height: 0;}
.tx-flickrset-pi1-list-image img 					{ width: 45px; height: 45px; }
#socialmedia-photogallery a.more	{ font: 11px/18px Lucida Grande, Verdana, Arial, sans-serif; text-decoration: none; color: #686868; margin: 10px 0; clear: left;}
#socialmedia-photogallery a.more:hover,
#socialmedia-photogallery a.more:focus { color: #f43d19; }

#socialmedia-blog				{ position: absolute; width: 344px; left: 216px; top: 20px; }
#socialmedia-blog ul			{ border-top: 1px solid #d2d2d2; border-bottom: 1px solid #fff; }
#socialmedia-blog li			{ position: relative; display: block; height: 30px; font: 12px/30px Lucida Grande, Verdana, Arial, sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; }
#socialmedia-blog a				{ text-decoration: none; color: #686868; }
#socialmedia-blog a:hover,
#socialmedia-blog a:focus		{ color: #f43d19; }

#socialmedia-profiles			{ position: absolute; width: 392px; right: 0; top: 20px; }
#socialmedia-profiles h1 		{ padding-left: 20px; }

#socialmedia-profiles-links		{ position: absolute; top: 23px; right: 0; width: 372px; height: 38px; background: url('../images/footer-socialmedia-profiles.gif') no-repeat left top; padding-top: 14px; padding-left: 20px; }
#socialmedia-profiles-links li	{ display: inline; margin-right: 7px; }
#socialmedia-profiles-links a		{ position: relative; text-decoration: none; font: 9px/28px Lucida Grande, Verdana, Arial, sans-serif; color: #fff; padding-left: 22px; padding-top: 3px;}
#socialmedia-profiles-links a img	{ position: absolute; top: 0; left: 0;}

#socialmedia nav 		{ position: absolute; bottom: 50px; right: 30px; }
#socialmedia nav li 	{ display: inline; }
#socialmedia nav a		{ font: 11px/18px Lucida Grande, Verdana, Arial, sans-serif; text-decoration: none; color: #686868; margin-left: 6px; }
#socialmedia nav a:hover,
#socialmedia nav a:focus	{ color: #f43d19; }

#copyright { position: absolute; top: 100px; right: 30px; font: 11px/18px Lucida Grande, Verdana, Arial, sans-serif; text-decoration: none; color: #686868; }

#main-content				{ padding: 0 0 20px 30px;}
#main-content p				{ line-height: 20px; padding: 5px 0 8px 0; }
#main-content h1 			{ font: 24px/32px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; padding: 15px 0 10px 0; }
#main-content h1 strong		{ font-family: 'TitilliumText14L600wt', Arial, sans-serif;}
#main-content h2 			{ font: 15px/24px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; padding: 22px 0 6px 0; }
#main-content h2 strong		{ font-family: 'TitilliumText14L600wt', Arial, sans-serif;}
#main-content h3			{ font: 13px/20px Lucida Grande, Verdana, Arial, sans-serif; font-weight: bold; padding: 10px 0 5px 0; color: #2c2c2c;}
#main-content a				{ color: #f43d19; }
#main-content a:hover,
#main-content a:focus 		{ text-decoration: none;}
#main-content ul			{ font: 12px/20px Lucida Grande, Verdana, Arial, sans-serif; color: #2c2c2c; margin-left: 0; list-style-type: none; padding: 5px 0 8px 0; }
#main-content li			{ padding-left: 30px; background: url('../images/li-arrow.gif') no-repeat 10px 3px;}



.columns-3-2			{ position: relative; }
.columns-3-2-left		{ float: left; width: 530px; position: relative;}
.columns-3-2 aside		{ margin-left: 580px; width: 360px;}

.columns-1-1			{ width: 530px; margin: 0; padding: 0; padding-top: 35px; background: url('../images/columns-1-1-shadow.gif') no-repeat left top; }
.columns-1-1-left		{ float: left; width: 328px; margin: 0; padding: 0;}
.columns-1-1-right		{ margin-left: 346px; }
.columns-1-1-left li	{ width: 129px; float: left;}

.columns-5				{ position: relative; margin-bottom: 20px; height: 250px; }
.columns-5-1			{ position: absolute; top: 0; left: 10px; }
.columns-5-2			{ position: absolute; top: 0; left: 206px; }
.columns-5-3			{ position: absolute; top: 0; left: 402px; }
.columns-5-4			{ position: absolute; top: 0; left: 598px; }
.columns-5-5			{ position: absolute; top: 0; left: 794px; }

.columns-5 ul			{ font: 12px/20px Lucida Grande, Verdana, Arial, sans-serif; color: #2c2c2c; margin-left: 10px; list-style-type: none; padding: 5px 0 8px 0; }
.columns-5 li			{ padding-left: 30px; background: url('../images/li-arrow.gif') no-repeat 10px 3px;}
.columns-5 h2 			{ font: 15px/24px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; padding: 16px 0 6px 10px; }
.columns-5-1 ul			{ margin-left: 20px;}
.columns-5-1 h2			{ padding-left: 20px;}

.referenzen-overview-article		{ position: relative; width: 186px; height: 250px; }
.referenzen-overview-article img	{ position: absolute; z-index: 1; top: 0; left: 0; }
.referenzen-overview-article .referenzen-overview-text 	{ position: absolute; z-index: 2; top: 170px; right: 0; width: 186px; height: 70px; background: transparent url('../images/referenzen-overview-text.png') no-repeat left top; }
.referenzen-overview-article h1			{ font: 15px/20px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; text-shadow: 0px 1px 0px #fff; padding: 20px 0 0px 20px; }
.referenzen-overview-article h1 strong	{ font-family: 'TitilliumText14L600wt', Arial, sans-serif; }
.referenzen-overview-article p			{ font-size: 12px; padding: 3px 0 0 20px; }
.referenzen-overview-article a			{ text-decoration: none;}

.referenzen-overview-article .referenzen-overview-text:hover,
.referenzen-overview-article .referenzen-overview-text:focus { background-position: left bottom; }

.referenzen-overview-article .referenzen-overview-text:hover h1,
.referenzen-overview-article .referenzen-overview-text:focus h1 { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); }

.referenzen-overview-article .referenzen-overview-text:hover p,
.referenzen-overview-article .referenzen-overview-text:focus p { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }

.referenzen-overview-article:hover .referenzen-overview-text,
.referenzen-overview-article:focus .referenzen-overview-text { background-position: left bottom; }

.referenzen-overview-article:hover .referenzen-overview-text h1,
.referenzen-overview-article:focus .referenzen-overview-text h1 { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); }

.referenzen-overview-article:hover .referenzen-overview-text p,
.referenzen-overview-article:focus .referenzen-overview-text p { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }

.tagcloud 	{ background: #fff; border: none; padding: 0 0 10px 0; border-bottom: 1px solid #d2d2d2; }
.tagcloud a 	{ font-family: Lucida Grande, Verdana, Arial, sans-serif; color: #686868 !important;}
.tagcloud a:hover,
.tagcloud a:focus { color: #f43d19 !important;}
.tag { display: inline; margin-right: 3px; padding-bottom: 5px;}

.blog-single-image,
.news-single-img { float: left; margin-right: 15px; margin-top: 5px; margin-bottom: 10px;}

.news-single-imgcaption { display: none;}

.news-amenu-container				{ font: 11px/18px Lucida Grande, Verdana, Arial, sans-serif; }
.news-amenu-container ul li a 		{ display: block !important; }
.news-amenu-container ul li			{ position: relative; display: block; height: 30px; font: 12px/30px Lucida Grande, Verdana, Arial, sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; }
.news-amenu-container ul li a		{ text-decoration: none; color: #686868 !important; }
.news-amenu-container ul li a:hover,
.news-amenu-container ul li a:focus	{ color: #f43d19 !important; }
.news-amenu-item-year					{ font-weight: bold !important; border: none !important; }

aside .news-latest li		{ position: relative; display: block; height: 30px; font: 12px/30px Lucida Grande, Verdana, Arial, sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; }
aside .news-latest li a	{ text-decoration: none !important; color: #686868 !important; }
aside .news-latest li a:hover,
aside .news-latest li a:focus	{ color: #f43d19 !important; }

#blog article h2	{ padding-top: 10px; padding-bottom: 10px;}
#blog article.list	{ margin-bottom: 25px;}
.news-meta			{ margin-top: 8px; margin-bottom: 20px;}
.news-meta p		{ color: #686868;}

#contact-form					{ position: relative; margin: 0 auto; width: 960px; height: 360px; background: url('../images/contact-form-background.jpg') no-repeat left top;}
#contact-form label				{ display: none;}
#contact-form h1 				{ font: 24px/32px 'TitilliumText14L400wt', Arial, sans-serif; color: #f43d19; padding: 20px 0 10px 20px; }
#contact-form-name				{ position: absolute; top: 80px; left: 20px; width: 470px; height: 25px;}
#contact-form-email				{ position: absolute; top: 133px; left: 20px; width: 470px; height: 25px;}
#contact-form-message			{ position: absolute; top: 180px; left: 20px; width: 470px; height: 70px;}

#contact-form-name,
#contact-form-email,
#contact-form-message			{ background: transparent; border: none; outline: none; font: 13px/25px Lucida Grande, Verdana, Arial, sans-serif; padding: 0; color: #2777bc;}

#contact-form-info				{ position: absolute; top: 270px; left: 20px; width: 520px;}

#contact-form-submit		{ margin-left: 10px; height: 31px; width: 141px; padding-bottom: 1px; text-align: right; padding-right: 15px; color: #fff; border: none; font: 16px/23px 'TitilliumText14L400wt', Lucida Grande, Verdana, Arial, sans-serif; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); background: url('../images/contact-form-submit.png') no-repeat left top; }
#contact-form-submit:hover,
#contact-form-submit:focus	{ outline: none; background-position: left bottom; }

.tx_spbettercontact_info_positive	{ color: #00b608; font-weight: bold;}
.tx_spbettercontact_info_negative,
.contact-form-error	{ color: #f43d19; font-weight: bold;}

.contact-form-error	{ margin-bottom: 5px;}
.contact-form-submit { line-height: 31px; float: left;}

#ttnews-cat-tree 			{ font: 11px/18px Lucida Grande, Verdana, Arial, sans-serif; }
#ttnews-cat-tree img			{ display: none;}
#treeRoot li a				{ display: none;}
#treeRoot li ul li a 			{ display: block !important; }
#treeRoot li ul li			{ position: relative; display: block; height: 30px; font: 12px/30px Lucida Grande, Verdana, Arial, sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; }
#treeRoot li ul li a			{ text-decoration: none; color: #686868; }
#treeRoot li ul li a:hover,
#treeRoot li ul li a:focus	{ color: #f43d19; }

.clear {clear:both;}

.csc-textpic-center 			{ margin-bottom: 20px; line-height: 0; }
.csc-textpic-center .csc-textpic-single-image {	margin: 0 auto; }
.csc-textpic-imagerow			{ margin-bottom: 10px; line-height: 0;}

aside ul { margin: 0 !important; list-style: none !important;}
.csc-textpic ul { padding: 0 !important;}
aside li,
.csc-textpic li { padding: 0 !important; margin: 0 !important; background: none !important;}

.tx-rzgooglemaps-pi1 { height: 200px; margin: 0 !important;}
#map_canvas	{ height: 200px;}

.csc-textpic-intext-left-nowrap { float: left;}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left;}



#c221 .columns-5, #c399 .columns-5 { height:100px;}


@media screen and (max-device-width: 480px) {
	
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none;} 
	/*
	div#header-wrap		{ height: 120px;}
	div#content			{ width: 480px;}
	
	header#header		{ width: 480px;}
	header#header nav	{ top: 70px;}
	header#header h1	{ top: 20px;}
	
	section#teaser		{ width: 480px; height: 176.33px;}
	section#teaser article		{ width: 480px; height: 176.33px;}
	section#teaser article img	{ width: 480px; height: 176.33px;} 
	section#teaser article div.teaser-text { width: 266px; height: 100px; top: 60px; left: 224px;} 
	section#teaser article h1	{ font-size: 32px; line-height: 40px;}
	section#teaser article p	{ display: none;}
	
	div#teaser-pager	{ display: none;}
	section#services	{ display: none;}
	
	section#contact		{ width: 480px; display: none;}
	section#socialmedia	{ width: 480px; display: none;}
	
	div.columns-3-2-left	{ float: none; width: 460px; position: relative;}
	div.columns-3-2 aside	{ width: 460px;}*/
}