/*
orange: #ea661d
*/

@font-face {
  font-family: DagnyWebPro;
  src: url(webfonts/DagnyWebPro.eot);
}
@font-face {
  font-family: DagnyWebPro;
  src: url(webfonts/DagnyWebPro.woff) format('woff');
}
@font-face {
  font-family: DagnyWebProLight;
  src: url(webfonts/DagnyWebPro-Light.eot);
}
@font-face {
  font-family: DagnyWebProLight;
  src: url(webfonts/DagnyWebPro-Light.woff) format('woff');
}
@font-face {
  font-family: DagnyWebProBold;
  src: url(webfonts/DagnyWebPro-Bold.eot);
}
@font-face {
  font-family: DagnyWebProBold;
  src: url(webfonts/DagnyWebPro-Bold.woff) format('woff');
}


html {
	height: 100.05%;
	margin:0 0 1px 0;
	padding: 0;
	/*overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;*/
}


body {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin:0;
	padding:0;
	background-color:#000;
	background-image: url(../images/bg.gif);
	background-repeat:repeat-y;
	width:1280px;
}

h1 {
	margin: 0;
	padding:0;
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
}
h2 {
	margin: 0;
	padding:0;
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
}

a {
	text-decoration: none;
	color: #ea661d;
	font-weight:normal;
}
a:hover {
	color: #ea661d;
	font-weight:normal;
}

p {
	padding:0;
	margin:0;
}

.error {
	color: #ea661d;
}


input, textarea, select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	border:1px solid #000;
	padding:2px 2px;
}

.button {
	background-color:#000;
	color:#fff;
	border:1px solid #ea661d;
	padding: 1px 3px;
	font-size:16px;
	cursor:pointer;
	margin:10px 0 0 0;
}


/*specific divs */
#container {
	width:1280px;
	height:100%;
	/*margin:0 auto 0 auto;*/
	margin:0;
	padding: 0;
	
	
	clear:both;
}

#left {
	width:373px;
	padding:0 0 0 10px;
	margin: 0;
	float:left;
	position:relative;
}

#main {
	width:897px;	/*897*/
	min-height: 377px;
	height: auto !important;
	height: 377px;
	margin:0;
	padding:0;
	float:left;
}


#website_logo {
	width:343px;
	height:148px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}



#topmenu {
	float:left;
	width:212px;
	padding:0; 
	margin:0 0 38px 0;
	padding:0 0 0 10px;
}
#topmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#topmenu a {
	display:block;
	background: url(../images/menu_sprite.gif) 0 0;
	margin:0;
	padding:0;
}
#topmenu #mnu_reklamebuero_de { background-position: 0 -336px; width: 212px; height: 31px; margin-bottom:7px; } 
#topmenu #mnu_reklamebuero_de:hover, #topmenu #mnu_reklamebuero_de.active { background-position: 0 -387px; width: 212px; height: 31px; } 
#topmenu #mnu_portfolio_de { background-position: 0 -218px; width: 212px; height: 39px; margin-bottom:4px; } 
#topmenu #mnu_portfolio_de:hover, #topmenu #mnu_portfolio_de.active { background-position: 0 -277px; width: 212px; height: 39px; } 
#topmenu #mnu_casestudies_de { background-position: 0 -116px; width: 212px; height: 31px; margin-bottom:7px; } 
#topmenu #mnu_casestudies_de:hover, #topmenu #mnu_casestudies_de.active { background-position: 0 -167px; width: 212px; height: 31px; } 
#topmenu #mnu_blog_de { background-position: 0 0; width: 212px; height: 38px; margin-bottom:0; } 
#topmenu #mnu_blog_de:hover, #topmenu #mnu_blog_de.active { background-position: 0 -58px; width: 212px; height: 38px; } 



#footer {
	width:363px;
	clear:both;
	padding:0;
	margin:0 0 0 10px;
}
#search {
	margin:0;
	padding: 0;
}
#searchfield {
	top:65px;
	padding-right:18px;
	padding-left:3px;
	border: 1px solid #fff;
	color:#fff;
	font-size:13px;
	line-height:13px;
	width:128px;
	height:15px;
	background-color:#000;
	background-image: url(../images/lupe.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#footer_links {
	clear:both;
	margin:10px 0 0 0;
	padding:0;
	font-size:14px;
	line-height: 17px;
	font-weight:normal;
	color:#fff;
}
#footer_links a {
	font-size:14px;
	font-weight:normal;
	color:#fff;
	margin:0 10px 0 0;
}
#footer_links a:hover {
	color:#ea661d;
}
#footer_links a.active {
	color:#ea661d;
}

#copyright {
	margin:0 0 35px 0;
	padding:100px 0 0 0;
	font-size:14px;
	line-height: 17px;
	font-weight:normal;
	color:#fff;
}


.bs_form {
	margin:15px 0 0 0;	
}


#boxes {
	margin:0;
	padding:0;
	width:278px;
}
.box, .box_last {
	width:252px;	/*278-1-1-12-12*/
	padding:12px 12px 12px 12px;
	margin:26px 0 0 0;
	float:left;
	border: 1px solid #333;
}
.box .header, .box_last .header {
	width:252px;	/*278-1-1-12-12*/
	font-weight:normal;
	padding:0 0 15px 0;
	font-size:18px;
	line-height:16px;
	color:#fff;
	overflow:hidden;
}
.box .content, .box_last .content {
	width:252px;	/*278-1-1-12-12*/
	padding:0;
	margin:0;
	overflow:hidden;
}
.box .media, .box_last .media {
	width:252px;	/*278-1-1-12-12*/
	margin:36px 0 0 0;
	padding:0;
}
.box .text, .box_last .text {
	width:252px;	/*278-1-1-12-12*/
	font-size:14px;
	line-height:17px; 
	font-weight:normal;
	letter-spacing:0;
	color:#fff;
	padding:0;
	margin:0;
}
.box .text a, .box_last .text a {
	color:#fff;	
}
.box .text a:hover, .box .text a.active, .box_last .text a:hover, .box_last .text a.active {
	color:#ea661d;	
}
.box .text a.mehr_link, .box_last .text a.mehr_link {
	color:#ea661d;	
}
.box .footer, .box_last .footer {
	display:none;
}







#content_articles_headline {
	margin:10px 0 0 0;
}
.content_articles {
	list-style-type:none; 
	margin:0; 
	padding:0;	
}
.content_articles li {
	padding-bottom:5px;	
}
.content_articles li a {
	font-style:normal;
	font-weight:normal;
	color:#ea661d;
}
.content_articles li a.active {
	font-weight:normal;
	color:#ea661d;
}
.content_articles li a:hover {
	font-weight:normal;
	color:#ea661d;
}


/*Image Gallery */
.gallery {
	margin:15px 0 0 0;
	clear:both;
	padding:0;
}
.gallery ul {
	margin:0;
	list-style-type:none;
	padding:0;
	clear:both;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.gallery li {
	float:left;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	width:165px;
	font-size:11px;
	overflow:hidden;
}

.navbar {
	margin:0;
	padding:0 0 22px 0;
}


#documents {
	padding: 25px 0 10px 0;
	margin:0;
}
#documents_headline {
	margin:0 0 5px 0; 
	padding:0 0 5px 0; 
	border-bottom:1px solid #d7d7d7;	
}
.document {
	padding: 0;
	margin:0;
}


/*Templates*/
#template1 {
	width:897px;
	clear:both;
	margin:0;
	padding:0;
	/*background-image:url(../images/bg1.gif);*/
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#template1 .tcontent {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	width:535px; /*576-20-21*/
	float:left;
	margin:0;	
	padding:27px 20px 27px 21px;
	font-size:15px;
	line-height:20px; 
	font-weight:normal;
	letter-spacing:0;
}
#template1 .tcontent h1 {
	font-family: DagnyWebProLight, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	margin:0;	
	font-weight:300;
	font-size:36px;
	line-height:35px;
	padding: 0 0 17px 0;
	letter-spacing:0;
	color:#ea661d;
}
#template1 .tcontent h1.hassub {
	padding-bottom:6px;
}
#template1 .tcontent h2 {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	margin:0;	
	font-weight:normal;
	font-size:19px;
	line-height:24px;
	padding: 0 0 25px 0;
	letter-spacing:0;
	color:#fff;
}
#template1 .tcontent .mainmedia {
	width:535px;
	margin:14px 0 0 0;	
}
#template1 .right {
	width:278px;
	padding:0 23px 0 20px;
	margin: 0;
	float:left;
}


#template2 {
	width:897px;
	float:left;
	margin:0;
	padding:0;
	/*background-image:url(../images/bg2.gif);*/
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#template2 .tcontent {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	width:535px; /*576-20-21*/
	float:left;
	margin:0;	
	padding:27px 20px 27px 21px;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
	letter-spacing:0;
}
#template2 .tcontent h1 {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	margin:0;	
	font-size:19px;
	line-height:24px;
	font-weight:normal;
	color:#ea661d;
	padding: 0 0 12px 0;
	letter-spacing:0;
}
#template2 .tcontent .mainmedia {
	width:535px;
	margin:14px 0 0 0;	
}
#template2 .right {
	width:278px;
	padding:0 23px 0 20px;
	margin: 0;
	float:left;
}


#template3 {
	width:897px;
	float:left;
	margin:0;
	padding:0;
	/*background-image:url(../images/bg2.gif);*/
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#template3 .tcontent {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	width:856px; /*897-20-21*/
	float:left;
	margin:0;	
	padding:27px 20px 27px 21px;
	font-size:16px;
	line-height:20px; 
	font-weight:normal;
	letter-spacing:0;
}
#template3 .tcontent h1 {
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	margin:0;	
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color:#ea661d;
	letter-spacing:0;
}












/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/slide_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; padding:0; margin:0 0 0 10px; width:160px; z-index:100; float:left;  background:#000;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background-color:#000;}

#menu li.sub {background-color:#000;}

#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:16px; line-height:20px; width:170px; text-decoration:none; cursor:pointer; font-weight:normal; text-align:left;}

#menu table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}

#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul {position:absolute; left:-9999px; width:150px;}

#menu :hover {color:#ea661d; background-color:#000; z-index:500; white-space:nowrap;}

#menu :hover > a {color:#ea661d; background-color:#000; z-index:500; white-space:nowrap;}

#menu :hover ul {position:static;  margin-top:-1px; background:#000;}
#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul { display:block; position:absolute; left:170px; top:1px; height:auto; z-index:500; border:none;}

#menu :hover ul li, #menu :hover ul li a {background-color:#ea661d; font-size:12px; text-align:left; text-indent:10px; }
#menu :hover ul li a {background-color:#000; }
/*#menu :hover ul li.fly a {background: #000 url(slide/arrow.gif) no-repeat 120px center;}*/
#menu :hover ul li.fly a {background-color:#000;}
#menu :hover ul :hover {background:#ea661d; color:#fff; position:relative; z-index:100;}
/*#menu a:hover ul li.fly a:hover {background:#000 url(slide/arrow.gif) no-repeat 120px center; color:#fff;}*/
#menu a:hover ul li.fly a:hover {background-color:#000; color:#fff;}
/*#menu :hover ul li.fly:hover > a {background:#ea661d url(slide/arrow.gif) no-repeat 120px center; color:#fff;}*/
#menu :hover ul li.fly:hover > a {background-color:#ea661d; color:#fff;}

#menu :hover ul :hover ul li, 
#menu :hover ul :hover ul li a
{background-color:#ea661d; color:#fff;}
#menu :hover ul :hover ul :hover ul li {background:#666; z-index:500;}

/*#menu :hover ul :hover ul li.fly a {background: #000 url(slide/arrow.gif) no-repeat 120px center;}*/
#menu :hover ul :hover ul li.fly a {background-color:#000;}
#menu :hover ul :hover ul :hover {z-index:500; background:#ea661d url(slide/arrow_black.gif) no-repeat 5px center;; color:#000;}

/*#menu a:hover ul a:hover ul li.fly a:hover {background:#ea661d url(slide/arrow.gif) no-repeat 120px center; color:#000;}
#menu :hover ul :hover ul li.fly:hover > a {background:#ea661d url(slide/arrow.gif) no-repeat 120px center; color:#000;}*/
#menu a:hover ul a:hover ul li.fly a:hover {background-color:#ea661d; color:#000;}
#menu :hover ul :hover ul li.fly:hover > a {background-color:#ea661d; color:#000;}




.menu_text {float:left; width:500px; font: 11px verdana, arial, sans-serif; border:1px solid #000; height:358px;}
.menu_text img  {display:block;}
.menu_text p {margin:0; padding:5px 10px; line-height:15px;}


.special_nav_l3 {
	color:#999;
	margin:0 0 25px 0;	
}
.special_nav_l3 a {
	color:#999;
	font-family: DagnyWebPro, "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
}
.special_nav_l3 a:hover, .special_nav_l3 a.active {
	color:#ea661d;	
}