@charset "utf-8";
/**************************************************************************************************************************************************

	CSS 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;
	text-decoration:none;
	color:#282828;
	line-height:inherit;
	outline:none;
}


article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

form input,
form select,
form textarea {
	color:#333;
}

form textarea {
	width:100%;
}

form label {cursor:pointer;}
/**************************************************************************************************************************************************

	Forms und Buttons
	
***************************************************************************************************************************************************/
#tagcloud a.active, #content ul.blaettern li.active a {
	color:#fff;
	text-shadow: none;
	border:1px solid #c59365;	
	background-color:#ce9e72;
	background: -moz-linear-gradient(
		top,
		#c59365 0%,
		#c59365);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c59365),
		to(#c59365));
}

#tagcloud a:not(.active):active, #content ul.blaettern li:not(.active) a:active {
	padding: 3px 6px 1px 6px;
}

#tagcloud a:not(.active):hover, #content ul.blaettern li:not(.active) a:hover {	
	cursor:pointer;
	background: -moz-linear-gradient(
		top,
		#c6c6c6 0%,
		#ebebeb);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c6c6c6),
		to(#ebebeb));
}

#tagcloud a, #content ul.blaettern li a {
	color: #282828;
	padding: 2px 6px;
	background: -moz-linear-gradient(
		top,
		#ebebeb 0%,
		#e3e3e3);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ebebeb),
		to(#e3e3e3));
	border:1px solid #c5c5c5;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:
		0px 1px 3px rgba(084,075,063,0),
		inset 0px 0px 3px rgba(255,252,235,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(084,075,063,0),
		inset 0px 0px 3px rgba(255,252,235,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.5);
}

.btn:active {
	padding: 4px 8px 2px 8px;
}

.btn:hover {
	cursor:pointer;
	background: -moz-linear-gradient(
		top,
		#9f6e41 0%,
		#e9da9b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9f6e41),
		to(#e9da9b));
}

.btn {
	color: #5c3f13;
	margin:8px 0 20px 0;
	padding: 3px 8px;
	background: -moz-linear-gradient(
		top,
		#e9da9b 0%,
		#9f6e41);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e9da9b),
		to(#9f6e41));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	-moz-box-shadow:
		0px 1px 3px rgba(084,075,063,0),
		inset 0px 0px 3px rgba(255,252,235,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(084,075,063,0),
		inset 0px 0px 3px rgba(255,252,235,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.5);
}

form.styled input:focus { background-color:#8f8d87; }

form.styled input {
	border:none;
	background:#6f6d68;
	padding:0 8px;
	color:#333;
	-moz-box-shadow:inset 0px 1px 1px #222;
	-webkit-box-shadow:inset 0px 1px 1px #222;
	box-shadow:inset 0px 1px 1px #222;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:25px;
	width:130px;
	margin-top:8px;
}


form.contentstyle select, form.contentstyle input {
	margin-bottom: 8px;
	padding: 5px 8px;
	border:1px solid #999;
	box-shadow:inset 1px 1px 1px #ddd;
	-moz-border-radius:5px;
	border-radius:5px;
}


form.contentstyle input#Ort {
	margin-left:10px;
}

form.contentstyle textarea {
	width:450px;
	box-shadow:inset 1px 1px 1px #DDDDDD;
	border:1px solid #999;
	padding: 5px 8px;
	-moz-border-radius:5px;
	border-radius:5px;
}

form.contentstyle label {
	width:130px; display:inline-block; vertical-align: top;
}
/**************************************************************************************************************************************************

	Global Settings
	
***************************************************************************************************************************************************/
body, .weeditor																{font-family: NimbusSanNov-Reg,"Century Gothic",Arial, sans-serif; font-size:16px; line-height:1.5em; color:#333;}
.weeditor																			{font-family:"Century Gothic", Arial, Verdana;}
.clearfix:after 															{content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden;}
*:first-child+html .clearfix  								{min-height: 0;}
* html .clearfix 															{height: 1%;}
.clear																				{clear:both;}
#container, .center														{width:970px;}
.noborder																			{border:none!important;}
hr																						{background-color: #e4d7cb; height: 1px; border:none;}

/***  Positionierung  ***/
#container, .center, #kompetenzen img					{margin:0 auto;}
.nomargin																			{margin:0!important;}
.nopadding, ul#tagcloud li										{padding:0!important;}
h3, .weeditor h3															{margin:0 0 20px 0;}
#container, #kundenliste, .notfound h1											{margin-top:30px;}
#contentnav a, .twitterhead, #content #referenzenalle h2, #content #referenzen h2			{margin-bottom:10px;}
.col_txt, #wissen h4, #tagcloud 	{margin-bottom:20px;}
#content h1, .notfound h1																			{margin-bottom:30px;}
.col_3, .col_2																{margin-bottom:50px;}
#tagcloud a																		{margin:3px;}
.login, #login .col_txt												{padding-left:20px;}
#content p, .weeditor p												{padding:10px 0;}
#content .r_col ul, .weeditor ul							{padding:0 20px;}
.float_left, #sitemap ul, #login, #adresse, #tagcloud a		{float:left;}

/***  Farben und Schriftstyles  ***/
a:hover																																									{color:#ff6400; text-decoration:underline;}
#content h1, .datum, .headoverlay h1, #referenzen h2, #referenzenalle h2, #kundenliste .l_col h3								{color:#ff6400;}
a, h3, .weeditor h3, h5																																	{color:#996736;}
h2, #sticker a, .notfound h1																														{color:#fff;}
h4																																											{color:#787878;}
#content #referenzenalle h3, #content #referenzen h3																		{color:#282828;}
.col_txt, #adresse h4, #adresse, #adresse span																					{color:#ebebeb;}

/* Text klein */
.ico_tags, .ico_quelle, .ico_cal, #sticker a, #kundenliste .overlaybox 																						{font-size:0.875em;} /* 14px */
/* Subnavi - größe ist OPTISCH so groß wie der Fliesstext */
ul.topsubnav li																																					{font-size:0.725em!important;}
#content #referenzenalle h3, #content #referenzen h3																		{font-size:1em;} /* 16px */
/* navigation und Subheadlines */
h3,h5,ul.topnav li, #content #referenzenalle h2, #content #referenzen h2								{font-size:1.188em;} /* 19px */
/* Content Headline und Kompetenzheadlines auf der Homepage */
#content h1,#kompetenzen h3																															{font-size:1.438em;} /* 23px */

.headvid h1, h2, .notfound h1																														{font-size:2.125em;} /* 34px */
h4																																											{font-weight:bold;}
#head h2, .topnav, #contentnav a, .col_txt, #kompetenzen h3, h5													{text-transform:uppercase;}
#kundenliste .overlaybox																																{line-height:1.2em;}

/***  Anzeige  ***/
#kompetenzen img, .twitterhead, #referenzenalle a																				{display:block;}
#tagcloud li																																						{background-image:none!important; display:inline-block!important; float:left!important;}
#content .r_col li, .weeditor li																												{background:url(/_standards/bilder/bullet.gif) no-repeat 0 8px; padding-left:15px;}
#content .l_col li																																			{background:url(/_standards/bilder/bullet_braun.gif) no-repeat 0 8px; padding-left:15px;}
/**************************************************************************************************************************************************


	Header
	
***************************************************************************************************************************************************/
a.toplogo													{position:absolute; margin:-84px 0 0 804px;}
#head															{margin-bottom:40px; position:relative;}
#head .l_col											{width:300px; margin:0;}
#head .r_col											{width:670px; height:260px; background-color:#ff6400; position:relative; margin:0;}
#sticker													{width:68px; height:64px; right:-54px; top:60px; padding:8px 5px 14px 22px; position:absolute; z-index:999; background:url(/_standards/bilder/sticker.png) no-repeat; line-height:1.25em;}
.headvid													{width:970px; height:260px;}
.headoverlay											{background:#fff; margin-top:90px; position:absolute; z-index:999;}
.headoverlay h1										{padding:5px 15px; }	
#nav_agentur											{margin-left:-15px;}
#nav_kompetenzen									{margin-left:102px;}
#nav_referenzen										{margin-left:266px;}
#nav_wissen												{margin-left:414px;}
#nav_kontakt											{margin-left:511px;}
/**************************************************************************************************************************************************

	Content
	
***************************************************************************************************************************************************/
.hilfe														{color:#05e600; font-weight:bold; font-size:0.929em; display:block;}
#contentnav a											{display:inline-block; padding:5px 15px;}
#contentnav a:hover								{background:#996736; color:#fff;}
.l_col														{float:left; width:290px; min-height:50px; margin-right:10px;}
.r_col														{float:left; width:630px; margin:0 20px;}
.headvid h1, h2, .notfound h1			{line-height:1.3em;}
.notfound h1											{padding:25px; background:#FF6400;}
h2.content												{left:20px; bottom:40px; position:absolute; padding-right:45px;}
h5																{padding:0 0 10px 10px; margin-bottom:20px; border-bottom:1px solid #996736;}
#kompetenzen .l_col								{background:url(/_standards/bilder/dropshadow.png) no-repeat bottom center; padding:0 15px 20px 15px;}
#referenzenalle .l_col						{position:relative; height:310px; width:320px; margin-bottom:50px; }
#referenzenalle .l_col .alignbtm	{background:url(/_standards/bilder/dropshadow.png) no-repeat bottom center; position:absolute; height:200px; padding:0 15px 20px 15px; bottom:0px;}
.newsimg													{background:url(/_standards/bilder/dropshadow.png) no-repeat bottom center; margin:15px; padding:15px 15px 15px 15px; bottom:0px; border-top:1px solid #F2F2F2;}

#kompetenzen h3										{text-align:center; margin:0 0 10px 0; color:#ff6400; font-weight:normal;}
#wissen .l_col										{margin-right:10px; width:290px; padding:0 15px;}
#news p														{border-bottom:1px solid #ddd; margin-bottom:10px; padding:0 0 10px 0;}
#themen a													{padding:7px 20px 7px 20px; display:inline-block; background:url(/_standards/bilder/dots.gif) no-repeat 0 11px;}
#themen a:hover										{color:#ff6400; background-position:0 -32px}
#themen li												{border-bottom:1px solid #ddd;}
#referenzen .l_col								{padding:0 15px 20px 15px; margin-right:30px; background:#0F0;}
#referenzen .r_col								{padding:0 15px 20px 15px; margin:0; background:#0F0;}
#referenzen .r_col,#referenzen .l_col {width:435px; background:url(/_standards/bilder/dropshadow_home.png) no-repeat bottom center; }
#referenzen .r_col a,#referenzen .l_col a { display:block; text-decoration:none; }
#content #referenzenalle h2, #content #referenzenalle h3				{padding:0 15px;}
.col_3, .col_2										{position:relative; left:-5px; width:980px;}

#referenzen .setposition					{width:435px; height:40px; position:absolute; bottom:20px; overflow: hidden;}
#referenzen .overlaybox						{width:415px; line-height:40px; color: #C69C6D; padding:0 10px; position:absolute; background:#FCFCFC; opacity:0.98; top:40px; text-align:center;}

#referenzenalle .setposition			{width:290px; height:40px; position:absolute; bottom:20px; overflow: hidden;}
#referenzenalle .overlaybox				{width:270px; height:40px; padding:0 10px; position:absolute; background:#FCFCFC; opacity:0.98; top:40px;}
#referenzenalle .overlaybox a			{color:#C69C6D; text-align:center; line-height:40px; text-decoration:none;}
#referenzenalle .overlaybox a:hover { text-decoration:none; }

#kundenliste .l_col								{width:181px; height:150px; padding:0 15px 20px 15px; margin:0 13px 20px 0; background: url(/_standards/bilder/dropshadow_kundenliste.png) no-repeat bottom center; position:relative;}
#kundenliste .setposition					{width:181px; height:155px; position:relative; overflow: hidden;}
#kundenliste .overlaybox					{width:161px; height:135px; padding:10px; position:absolute; background:#FCFCFC; opacity:0.98; top:155px;}
#kundenliste .l_col img						{position:absolute; bottom:0; color:#fff;}	
#kundenliste .l_col a							{color:#C69C6D;}
#kundenliste .l_col h3						{font-size:1em; margin:0;}
#kundenliste .l_col p							{padding:10px 0 3px 0; }
#kundenliste .extlink							{background-position:0 2px;}
#kundenliste .intlink							{ padding:0 5px 0 12px; background:url(/_standards/bilder/ico_intlink_light.png) no-repeat 0 3px;}
.col_4														{position:relative; left:-5px; width:660px;}
h3 a:hover												{text-decoration:underline;}
h3.collapse												{margin:0; padding:5px 0 5px 18px; background:url(/_standards/bilder/collapse.gif) no-repeat -7px 7px;}
h3.collapse:hover									{color:#ff6400; cursor:pointer;}
h3.collapse:not(.active):hover		{background-position:-7px -119px;}
h3.active													{color:#ff6400; background-position:-7px -182px;}
.ico_cal													{color:#595959; padding:0px;}
.ico_tags													{color:#595959; padding:0px;}
.ico_quelle												{}
.dot															{color:#282828; padding:0px;}
.extlink, .weeditor .extlink			{display:block; padding:0 20px 0 22px; background:url(/_standards/bilder/ico_extlink.png) no-repeat 0 4px;}
.intlink, .weeditor .intlink			{display:block; padding:0 20px 0 22px; background:url(/_standards/bilder/ico_intlink.gif) no-repeat 0 4px;}
.backlink, .weeditor .backlink		{display:block; padding:0 20px 0 22px; background:url(/_standards/bilder/ico_backlink.gif) no-repeat 0 4px;}

#showcase													{position:relative; left:-5px; width:610px; padding:0 15px 20px 15px; background:url(/_standards/bilder/dropshadow_referenzen.png) no-repeat bottom center; margin-top:20px;}
.c_img														{ margin-bottom:20px;}
ul.thumbbox	li 										{margin-right:20px; display:block; float:left; background:none!important; margin:0 20px 0 0; padding:0!important; }
ul.thumbbox 											{margin:0!important; padding:0!important;}
#content ul.blaettern							{margin:0; padding:0;}
#content ul.blaettern li					{padding:0; margin-right:5px; background:none; float:left; }
#content ul.blaettern li a				{display:block;} 											
.notfound #logo										{display:block; text-align:right;}
.notfound p												{margin-bottom:30px;}
/**************************************************************************************************************************************************

	Footer
	
***************************************************************************************************************************************************/
#footer														{padding-bottom:70px; background:#4e4d4b; margin-top:20px; }
#footer a													{display:inline-block; color:#c69c6d; padding:3px 0;}
#footer a:hover										{text-decoration:underline;}
#sitemap													{width:520px;}
#sitemap ul												{padding-bottom:20px;}
#sitemap #sitemap_agentur					{width:25%;}
#sitemap #sitemap_leistungen			{width:29%;}
#sitemap #sitemap_referenzen			{width:25%;}
#sitemap #sitemap_wissen					{width:21%;}

.col_txt													{width:100%;display:inline-block;padding:30px 0 15px 0; border-bottom:1px solid #967c5f;}
#login														{width:200px;}
.logoborder												{display:block; width:100%; padding-top:20px!important; border-top:1px solid #967c5f;}
#socialbar												{position:relative; height:100px; bottom:-45px;}
#social_overlay										{position:absolute; z-index:99; bottom:0px; background-color:#4E4D4B; height:25px; width:100%;}
#icons_social											{position:absolute; z-index:9; bottom:15px; right:15px;}
#icons_social a										{display:block;}
#icons_social div									{float:left; margin-left:10px;}
#social_twitter										{position:relative; bottom:0;}
#social_xing											{position:relative; bottom:0;}
#social_facebook									{position:relative; bottom:0;}
#social_rss												{position:relative; bottom:0;}