/*  
Theme Name: lemoerb
Description: Productive _2 
Version: 0.2
Author: Malte Jehmlich

*/


body {
	background-color: #333333;
	text-prev:center;
	font-family: Verdana, Helvetica, Arial;
	font-size:14px;
}

/** THEME SETTINGS **/
body#theme-red {
	background-image:url('img/bg/red.png');
	background-repeat:repeat-x;
}

#theme-red #container-left h1 {
	background-color:#F00;
}

body#theme-orange {
	background-image:url('img/bg/orange.png');
	background-repeat:repeat-x;
}

#theme-orange #container-left h1 {
	background-color:#F90;
}

body#theme-green {
	background-image:url('img/bg/green.png');
	background-repeat:repeat-x;
}

#theme-green #container-left h1 {
	background-color:#9C0;
}

body#theme-blue {
	background-image:url('img/bg/blue.png');
	background-repeat:repeat-x;
}

#theme-blue #container-left h1 {
	background-color:#39F;
}
body#theme-black {
	background-image:url('img/bg/black.png');
	background-repeat:repeat-x;
}

body#theme-black #container-left h1 {
	background-color:#666;
}

/** EO THEME SETTINGS **/

/* Text Styles */
h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 18px; font-weight: normal; }

h1 span { color: #999 }


strong {
	font-weight: bold;
}

/* Other Styles */
hr {
	border-bottom:1px solid #DEDEDE;
}

/* Layout */
#layout {
	width:980px;
	margin: 0px auto;
	text-align:left;
}

#header {
	width: 100%;
	height: 97px;
}

#header #navigation-top {
	background-color: #000000;
	height: 73px;
}

#header #navigation-top img {
	position:relative;
	float:right;
	top: 15px;
	/*right: 40px;*/
}

#header #navigation-top #navigation-top-container{
	float:left;
	padding:51px 0px 0px 10px;
	width: 330px;
}

#navigation-top-container .navigation-top-item {
	float:left;
	width:81px;
	height:23px;
	color:#000;
	text-align:center;
	font-size:12px;
}
#navigation-top-container .navigation-top-item a {
	display:block;
	color:#000;
	text-decoration: none;
}

#navigation-top-container .navigation-top-item span {
	display:block;
	padding-top: 5px;
	color:#FFF;
}
#navigation-top-container .navigation-top-item span.active a {
	display:block;
	/*padding-top: 5px;*/
	color:#FFF;
}



#navigation-top-container #item-orange {
	background: url('img/buttons/orange.png') top no-repeat;
}
#navigation-top-container #item-orange:hover, #navigation-top-container #item-orange.active-item  {
	background: url('img/buttons/orange.png') bottom no-repeat; 
}
#navigation-top-container #item-orange:hover a{
	color:#FFF
}

#navigation-top-container #item-green {
	background: url('img/buttons/green.png') top no-repeat;
}
#navigation-top-container #item-green:hover, #navigation-top-container #item-green.active-item  {
	background: url('img/buttons/green.png') bottom no-repeat;
}

#navigation-top-container #item-green:hover span a{
	color:#FFF;
}


#navigation-top-container #item-red {
	background: url('img/buttons/red.png') top no-repeat;
}
#navigation-top-container #item-red:hover, #navigation-top-container #item-red.active-item  {
	background: url('img/buttons/red.png') bottom no-repeat;
}
#navigation-top-container #item-red:hover a{
	color:#FFF
}

#navigation-top-container #item-blue {
	background: url('img/buttons/blue.png') top no-repeat;
}
#navigation-top-container #item-blue:hover, #navigation-top-container #item-blue.active-item  {
	background: url('img/buttons/blue.png') bottom no-repeat;
}
#navigation-top-container #item-blue:hover a{
	color:#FFF
	}

#navigation-top-container #item-grey {
	background: url('img/buttons/grey.png') top no-repeat;
}
#navigation-top-container #item-grey:hover, #navigation-top-container #item-grey.active-item  {
	background: url('img/buttons/grey.png') bottom no-repeat;
}
#navigation-top-container #item-orange:hover a{
	color:#FFF
	}

#header #navigation-bottom {
	width: 100%;
	height: 24px;
	clear:both;
}

#header #navigation-bottom #navigation-bottom-container {
	width: 830px;
	float: left;
	display:block;
}

#header #navigation-bottom #search-container {
	width: 130px;
	float: right;
	margin-right: 20px;
}


/* leistungen bottom navi */

#navigation-bottom-container ul li {
	float: left;
	padding: 6px 10px 0px 10px;
	font-size: 12px;
}

#navigation-bottom-container ul li span {
	color: #FFF;
}

#navigation-bottom-container ul li a { text-decoration:none; }

#navigation-bottom-container ul li a:link { color:#000; }

#navigation-bottom-container a:visited { color:#000; }
#navigation-bottom-container ul li a:visited { color:#000; }

#navigation-bottom-container ul li a:hover { color:#FFF; }

#navigation-bottom-container ul li a:active { color:#FFF }
 
#navigation-bottom-container ul li .active a { text-decoration:none; }

#navigation-bottom-container ul li .active a:link { color:#FFF; }

#navigation-bottom-container ul li.active  a:visited { color:#FFF; }

#navigation-bottom-container ul li .active a:hover { color:#FFF; }

#navigation-bottom-container ul li .active a:active { color:#FFF }

/* breadcrumbs */

#navigation-bottom-container #breadcrumbs {
	float: left;
	padding: 6px 10px 0px 10px;
	font-size: 12px;
	color: #000;
}
#navigation-bottom-container #breadcrumbs span.current{
	color: #FFF;
}
#navigation-bottom-container #breadcrumbs { text-decoration:none; }
#navigation-bottom-container #breadcrumbs a{ text-decoration:none; }
#navigation-bottom-container #breadcrumbs a:link { color:#000; }
#navigation-bottom-container #breadcrumbs a:visited { color:#000; }
#navigation-bottom-container #breadcrumbs a:hover { color:#FFF; }

 

/**
 * DROPDOWN
 */

#navigation-top-container li:hover ul a{
	color:#000;
}

 
#navigation-top-container li:hover ul.level_2 {
	display:block;
}

#navigation-top-container ul.level_2 li:hover ul.level_3 {
	display:block;
}
#navigation-top-container ul.level_2, #navigation-top-container ul.level_3 {
	display:none;
	position:relative;
	top:5px;
	left:0px;
	width:215px;
	background-color:#FFF;
	font-size:12px;
	line-height:12px;
	text-transform:none;
	border:1px solid #3f3f3f;
	border-top-color:#8c8c8c;
	padding-bottom:5px;
}
#navigation-top-container ul.level_2 li {
	float:none;
	background:none;
}
#navigation-top-container ul.level_2 li a, #navigation-top-container ul.level_2 li span {
	width:auto;
	text-align:left;
	height:auto;
	float:none;
	padding: 3px 5px 5px;
	color:#999999;
}

/** HOVER ARROW + TEXT **/
#navigation-top-container ul ul li.submenu {
	height: 20px;
	background:url(img/menu-arrow.png) 195px 5px no-repeat;
}
#navigation-top-container ul ul li.submenu:hover {
	background:url(img/menu-arrow-active.png) 195px 5px no-repeat;
}

/* Hover Color */
#navigation-top-container ul.level_2 li:hover a {
	color:#9C0;
}


#navigation-top-container ul.level_2 li:hover ul li a{
	color:#999;
}

#navigation-top-container ul.level_2 li:hover a:hover{
	color:#9C0;
}

/** EO HOVER ARROW + TEXT */

#navigation-top-container ul.level_3 {
	display:none;
	position:relative;
	left:215px;
	top:-21px;
	padding-top:1px;
	color:#999;
}


/**
 * EO DROPDOWN
 */


/**
 * SEARCH
 */
#navigation-bottom #search-container #search {
	height: 14px;
	width: 140px;
	margin-top: 5px;
	background: url('img/search-box.png');
}

#navigation-bottom #search-container #search-box {
	float:left;
	width:110px;
	height: 10px;
	line-height:10px;
	padding: 2px 0px 0px 5px;
	border: 0;
	background:transparent;
	font-size:9px;
	color:#666;
}

#navigation-bottom #search-container #search-submit {
	float:left;
	width:25px;
	height:15px;
	border: 0;
	background: url('img/search-arrow.png') no-repeat 10px 3px;
}
/**
 * EO SEARCH
 */

/* Shadows */

/* Shadows */
.container-style {
  -moz-box-shadow: 0px 0px 5px #666;
  -webkit-box-shadow: 0px 0px 5px #666;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=-45,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=-135,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=45,strength=3);
}

/**
 * SHOWREEL
 */
#showreel {
	width: 960px;
	height: 394px;
	background-color:#666666;
	margin: 10px 0 0 0;
	padding: 10px 10px 10px 10px
}

#showreel h1 {
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 4px;
}

#showreel-image { }

#showreel-navigation { }

#showreel-navigation .navigation-item {
	width: 172px;
	height: 35px;
	padding: 5px 10px 5px 10px;
	background: url('img/showreel-navigation.png') no-repeat;
	float: left;
}

#showreel-navigation .navigation-item a {
	display:block;
	height: 29px;
	width: 172px;
	padding-top: 9px;
	background: url('img/showreel-button.png') no-repeat;
	text-align:center;
	text-decoration: none;
	font-weight:normal;
	color:#FFF;
}

#showreel-navigation .navigation-item a:link { }

#showreel-navigation .navigation-item a.active {
	background: url('img/showreel-button-active-orange.png') no-repeat;
}

#showreel-navigation .navigation-item a:hover {
	background: url('img/showreel-button-active-orange.png') no-repeat;
}

#showreel-navigation .navigation-item a:visited { }

#theme-green #showreel-navigation .navigation-item a.active {
	background: url('img/showreel-button-active.png') no-repeat;
}

#theme-green #showreel-navigation .navigation-item a:hover {
	background: url('img/showreel-button-active.png') no-repeat;
}

#showreel-navigation .navigation-item a:active { }

/**Showreel Detail */
#showreel #showreel-item-image {
	float: left;
	width: 630px;
}

#showreel #showreel-item-info ul {
	margin-top:5px;
}
#showreel #showreel-item-info ul li{
	line-height: 14px;
	font-size: 11px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted grey;
}
#showreel #showreel-item-info {
	float: left;
	width: 300px;
	margin-left: 10px;
}

#showreel #showreel-item-info span {
	line-height: 14px;
	font-size: 11px;
}

#showreel #showreel-item-info p {
	line-height: 18px;
	font-size: 11px;
}

#showreel #showreel-item-info p span {
	line-height: 14px;
	font-size: 11px;
	color: #999;
}

/**
 * EO SHOWREEL
 */

/**
 * CONTENT
 */

/** GENERELL CONTENT **/
#content {
	margin: 10px 0px 30px 0px;
	width: 100%;
	min-height: 600px;
	background-color:#DEDEDE;
	background: url('img/content-background.png') repeat-y;
}

#content a{ color:#F60;text-decoration:none}

#content a:hover{ color:#F60;text-decoration:underline}

#content #container-left {
	width: 640px;
	padding: 0px 0px 10px 0px;
	float: left;
	display:block;
	min-height: 590px;
}

#content #container-right {
	width: 337px;
	padding: 0px 0px 10px 0px;
	float: right;
	display:block;
	min-height: 590px;
	background-color:#EFEFEF;
}

#content p {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height:15px;
}
#content ul {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height:18px;
}


/** EO GENERELL CONTENT **/

/** LEFT CONTENT **/
#container-left h1 {
	display:block;
	color:#FFF;
	width: 620px;
	height: 20px;
	padding: 10px 10px 10px 10px;
	margin-bottom:10px;
	font-weight:normal;
}

#container-left hr {
	height:0px;
	border:0px;
}

/** Listitems **/
#container-left a.listitem {
	display:block;
	width:622px;
	height: 85px;
	padding: 5px 2px 2px 5px;
	margin: 2px 8px 2px 8px;
	background: url('img/references-background.png') no-repeat 2px 2px;
	clear: both;
	text-decoration:none;
}

#container-left a.listitem:hover {background: url('img/references-mouseover.png') no-repeat;}
#container-left a.listitem.active {background: url('img/references-mouseover.png') no-repeat;}

#container-left a.listitem img {float: left;}

#container-left a.listitem span {
	width:360px;
	float: left;
	margin: 8px 0px 0px 10px;
}

#container-left a.listitem span p{
	padding-left:0px;
	padding-right:0px;
	font-weight: normal;
	line-height:14px;
	font-size:11px;
	color:#999;

}

#container-left span strong  {
	font-size:12px;
	font-weight: bold;
	color:#F90;
}

#container-left #nav-prevnext  {
	padding:15px;
}
#container-right #nav-prevnext  {
	padding:0px;
}
 #nav-prevnext #nav-previous  {
		float: left;
	width: 30%;
}
 #nav-prevnext #nav-next  {
	float:right;	
	text-align: right;
	width: 30%;
}





/** Kontaktformular **/
	form dl, dl.labels {
		margin:0em;
		margin-left:15px;
		font-size:11px;
		margin-top:0.5em
	}
	
	form dt, dl.labels dt {
		float:left;
		width:100px;
		margin-bottom:0.8em;
		color:#555;
		text-align:right;
		font-weight:400;
		position:relative /*IEWin hack*/
	}
	
	form dd, dl.labels dd {
		margin-left:110px;
		margin-bottom:0.8em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}
	
	
	form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}
	
	.error_msg {
		font-weight:700;
		color:#C33;
		margin-left:130px;
	}
	
	.pxs_css_spamcheck {
		display: none !important;
	}
		

/** EO CONTENT LEFT **/

/** CONTENT RIGHT **/
#container-right h2 {
	color: #666;
	height: 27px;
	padding:12px 0px 0px 10px;
	border-bottom: 1px #DEDEDE solid;
}

#container-right img {
	border: 1px solid black;
}

#container-right div h2 {
	padding:0;
	border:0;
}

#container-right div {
	margin: 10px 10px 20px 10px;
	font-size:12px;
}
#container-right div #ajaxcontent {
	margin: 0px;
}
#container-right div #contentInner {
	margin: 0px;

}
#container-right div.newspost {
	margin-left: 0px;
	padding-bottom:10px;
	border-bottom:1px dotted grey;

}

#container-right div h3 {
	font-size:12px;
}

#container-right div p {
	color:#999;
	font-size:10px;
	line-height:12px;
	padding:2px 0 0 0;
}

#container-right div ul li {
	line-height: 22px;
	font-size: 11px;
}

#container-right div ul li a, #container-right div ul li span{

	color:#999;
	text-decoration:none;
}

#container-right div ul li ul {
	margin-bottom:3px;
}

#container-right div ul li a strong {
	line-height: 22px;
	font-size: 12px;
	color:#000;
	font-weight:normal;
}

#container-right div ul li ul li {
	color:#999;
	margin-left:10px;
	line-height: 16px;
}

#container-right div ul li span {
	font-size:11px;
}

#container-right div ul li a:hover, #container-right div ul li span {
	color:#ff9900
}

/** EO RIGHT CONTENT **/

/**
 * EO CONTENT
 */

/**
 * FOOTER
 */
#footer {
	clear:both;
	margin-left: 650px;
	height: 20px;
	font-size:12px;
	font-weight:bold;
	color:#666
	
}

#footer a{
	text-decoration: none;
	color:#666
}

#footer span{
	font-weight:normal;
}
/**
 * EO FOOTER
 */