/* CSS style.css
 * for lizard-energy.com
 * copyright by Gebhard & Uhl
 * Autor: Joe Schäfer
 * email: info@gebharduhl.de
 * Juli 2009 
 */

@charset "utf-8";

@import "style_print.css";

/* 
 * Layout Basics
 *
 *
 *****************************/
html,body {
	margin: 0;
	padding: 0;
	font-size:13px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	width:100%;
}

#wrapper {
	width: 850px;
	margin: 0;
	}

#header { background-color: white;}

	#name { width: 200px; background-color: #efeff1; text-align: center; min-height: 35px; padding-top: 5px; }
	#name h1 { display: inline; font-size: 15pt; font-family: Verdana, Geneva, sans-serif; }
	#name h1 a { display: inline; padding: 0; margin: 0; color: #AFD601;}
	#name h1 a:hover { background-color: none; }
	#top_links { display: none; }


#panel {
	clear: left;
	width: 200px;
	float: left;
	background-color: #efeff1;
	}
	
	#panelImage { width: 200px; height: 220px;
		border: 0; background: #efeff1 url(../images/pic5.png) center no-repeat;
		text-align: right;
	}
	/* verschiedene seiten -> verschiedene Bilder */
		#research #panelImage {background-image: url(../images/pic1.png);}
		#consulting #panelImage {background-image: url(../images/pic4.png);}
		#projects #panelImage {background-image: url(../images/pic6.png);}
		#service #panelImage {background-image: url(../images/pic3.png);}
		#mission #panelImage {background-image: url(../images/pic2.png);}	

	#mainNav { background-color: #AFD601; padding: 20px 0px; }
	#serviceNav { padding-top: 20px; }
	
#service #contentWrapper,
#contentWrapper {
	margin-left: 200px;
	margin-top: -16px;
	background-color: white;
	position: static;
}
.sIFR-active #contentWrapper { margin-top: -26px; }


	#content { margin-left: 10px; padding: 0px 20px; }
	#content p.big { font-size: 15pt; font-weight: bold; text-transform: uppercase; }
	
#footer { margin-left: 200px; margin-bottom: 20px; }

/*
 * Basics (Content)
 *
 *************************/
a { color: #000; text-decoration: none; }
a:hover {
	color: #AFD601;
}


/*
 * Service: Language & Login & Co
 *
 ********************************/

.langSwitch { margin: 0; margin-top: 2px; font-size: 85%; padding: 0px 5px; background-color: white;}
.langSwitch a { display: inline; color: #AFD601; }
.langSwitch a.active,
.langSwitch span.active{ color: #3e3d40; }
.langSwitch a:hover { color: #AFD601; background-color: #efeff1; }

 /* loginform */
label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  width: 90px; /* Breite.*/
  padding-left:5px;
  margin-right: 0;
  font-weight: bold;
  font-size: 0.7em;
}

.loginHead,
#loginForm { margin-left: 20px; }
#loginForm input { margin-top: 5px; }
#loginForm #login_name { }
#loginForm input { font-weight: normal; color: #AFD601; background: none; border: 1px solid #3e3d40; padding-top:2px; }
#loginForm #login_submit { border: 0; width: 98px; text-align: right; padding-right: 2px;  }
#loginForm .invisible { visibility: hidden; height:0; display:inline; }
/*
 * Navigation
 *
 *
 *********************************/
 
 #mainNav ul { list-style-type: none; margin:0; padding: 0; }
 #mainNav li { display: block; margin: 0 0 0 10px; padding: 10px; padding-right: 0;  }
 #mainNav li a { display: block; color: white; padding: 0; }
 #mainNav li a:hover,
 #mainNav li:hover{
	background-color: #A0C301;
	color: black;
 }

 #mainNav li.active  {
	text-decoration: none;
	background-color: #A0C301;
	color: black;
	border: thin solid white;
	border-right: none;
 }
 #serviceNav {}
 ul.serviceNav {  clear: both; margin: 15px 0; padding: 0; list-style-type: none;
 }
 ul.serviceNav li { margin: 0 0 0 15px; padding: 5px; padding-right: 0; }
 
 ul.serviceNav li:hover,
 ul.serviceNav li a:hover { background-color: #A0C301; color: #fff; }
 ul.serviceNav li.active { border: thin solid white; border-right: none; background-color: #A0C301; }
 
 /*
  * Content
  *
  ******************************/
  #footer .contentFooter { 
  	margin-left: 10px;
  	padding: 0 20px;
  	text-align: left;
  }
  #footer div.contactLink {
  	margin-top: 40px;
  }
  
  #footer div.contactLink a {
  	color: #AFD601;
  	font-size: 120%;
  	font-weight: bold;
  }
  #footer .contentFooter {
    	font-size: 80%;
    	color: #000;
  }