@charset "utf-8";
/* Typselektoren (HTML)
--------------------------------------------------------------------------------*/

* {
	border:0 none;
	margin:0;
	padding:0;
}
body, html {
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	height:100%;
	background:url(../images/template/bg_main_110603.gif) repeat-x;
	font-size:12px;
	margin:0;
	padding:0;
}
h2, h3 {
	font-weight:normal;
}

h3 {
	font-size:20px;
	padding-bottom:4px;
}

h3.light {
	font-size: 17px;
	line-height: 22px;
}

p {
	line-height:16px;
}
img {
	border:0 none;
}
li {
	list-style-type:none;
}
a {
	text-decoration:none;
	outline:none;
	color:#000;
}


a.grau {
	color: #646464;
}

a:hover {
	color:#000;
	background-color: #96c300;
}
a.active:link, a.active:visited, a.active:active, a.active:hover {
	color:#000;
	background-color: #96c300;
	display: block;
}
sup {
	font-size:70%;
	line-height:100%;
	vertical-align:text-top;
}
sub {
	font-size:70%;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clear {
	clear:both;
	height:0 !important;
	overflow:hidden;
}
.arrow {
	background:url(../images/template/arrow_grau.gif) no-repeat left;
	padding:6px 0 6px 30px;
	margin-top:10px;
}
#wrapper {
	width:996px;
	position:relative;
	height:100%;
	margin:0 auto;
}
#header {
	height:107px;
	background:url(../images/template/logo_cellcube.jpg) no-repeat 58px 0;
	padding-right:34px;
}
#content_wrap {
}
#content {
	width:940px;
	float:left;
	padding-left:20px;
	margin-top:0;
}
#schatten_l {
	background:url(../images/template/schatten_l_110315.gif) no-repeat top left;
	width:18px;
	height:1007px;
	float:left;
}
#schatten_r {
	background:url(../images/template/schatten_r_110315.gif) no-repeat top right;
	width:18px;
	height:1007px;
	float:right;
}
#footer {
	font-size:11px;
	line-height:38px;
	width:900px;
	padding:0 10px;
	margin:0 0 20px 20px;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	float:left;
	background:url(../images/template/footer.gif) no-repeat 0 0;
	height:45px;
}
#footer a:link, #footer a:visited, #footer a:active {
	background:url(../images/template/arrow_footer.gif) no-repeat 0 16px;
	display:inline-block;
	padding-left:10px;
}
#footer a:hover {
}
.site-info {
	float:left;
}
.impressum {
	float:right;
}
#lang_select {
	float:right;
	margin:8px 0 0 0;
	font-size:11px;
}
#lang_select ul li a:link, #lang_select ul li a:visited, #lang_select ul li a:active {
	display:inline-block;
	padding:1px 3px;
}
#lang_select li {
	display:inline;
	padding-left:4px;
}
#lang_select .first {
	padding-right:7px;
	background:url(../images/template/trenner_nav.gif) no-repeat right;
}
#nav {
	float:right;
	margin:38px 0 0 0;
	font-size:14px;
}
#nav ul li {
	background:url(../images/template/trenner_nav.gif) no-repeat right center;
	padding:0 6px 0 0;
	float: left;
	margin-left: 5px;
}
#nav li.last {
	background:none;
	padding:0;
}

#nav a {
	padding:2px 4px;
	
	display: block;
}
/* pages */

#index .content_box {
	position:absolute;
	left: 670px;
	top: 560px;
	width:270px;
}
#index #content {
	background:url(../images/content/start_111010.jpg) no-repeat 0 0;
	height:790px;
	position:relative;
}
#index #content h2 {
	margin:54px 0 0 20px;
	font-weight:normal;
	font-size:29px;
}
#index .box_desc {
	position:absolute;
	left: 40px;
	top: 560px;
	width:225px;
}


#index .box_center {
	position:absolute;
	left: 356px;
	top: 560px;
	width:225px;
}


#cellcube .content_box {
	position:absolute;
	left: 670px;
	top: 542px;
	width:255px;
}
#cellcube #content {
	background:url(../images/content/cellcube_110314.jpg) no-repeat top;
	height:250px;
	padding-top:520px;
	position:relative;
	margin-top:18px;
}
#cellcube #content h2 {
	font-weight:normal;
	font-size:25px;
	padding-bottom:25px;
}
#cellcube #content p.bodytext {
	width:585px;
}
#anwendung #content {
	background:url(../images/content/anwendung.jpg) no-repeat top;
	height:768px;
	padding-top:515px;
	padding-left:20px;
	margin-top:18px;
}
#anwendung_top {
	background:url(../images/content/anwendung_1.jpg) no-repeat;
	height:380px;
	display:block;
	margin-left:-8px;
}
#anwendung #ex_2 h3, #anwendung #ex_1 h3 {
	color:#FFF;
	background:url(../images/template/trenner_weiss.gif) bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}
#anwendung #ex_1 {
	width:325px;
	color:#FFF;
	position:absolute;
	left: 109px;
	top: 516px;
}
#anwendung #ex_2 {
	width:350px;
	color:#FFF;
	position:absolute;
	left: 525px;
	top: 471px;
}
#anwendung h3 {
	color:#000;
	background:url(../images/template/trenner_box.gif) bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:11px;
}
#anwendung #footer {
	margin-left:40px;
}
#anwendung_1, #anwendung_2, #anwendung_3, #anwendung_4, #anwendung_5 {
	padding-top:244px;
	width:252px;
	float:left;
}
#anwendung_top > p, #anwendung_4 > p {
	width:252px;
}
#anwendung_1 {
	margin:0 65px 0 25px;
}
#anwendung_2,
#anwendung_5 {
	margin:0 65px 0 0;
}
#anwendung_bottom {
	height:390px;
	background:url(../images/content/anwendung_2.jpg) no-repeat 0 0;
	display:block;
	margin-left:-8px;
}
#anwendung_4 {
	height:150px;
	padding:246px 0 0 0;
	width:280px;
	margin:0 65px 0 0;
}
#anwendung_4 p, #anwendung_4 h3 {
	margin-left:25px;
}
#anwendung h2 {
	margin:10px 0 20px 0;
	font-size:25px;
}
#anwendung #content ul li {
	background:url(../images/template/liste_110314.gif) no-repeat left 4px;
	padding:0 0 0 20px;
	width:375px;
	margin-bottom:20px;
	font-size:14px;
}
#highlight {
	float:left;
	margin-left:20px;
	margin-top:20px;
}
#downloads h2 {
	font-size:25px;
	margin:40px 0 30px 0;
}
#downloads #content {
	min-height:575px;
}
#downloads #content ul {
	margin-bottom:50px;
}
#downloads #content ul li {
	height:45px;
	border-top:1px solid #d5d5d5;
	padding:15px 20px 0 20px;
	margin-right: 20px;
}

#downloads #content ul li.last {
	border-bottom:1px solid #d5d5d5;
}
#downloads #content ul li:hover {
	background-color:#f6f6f6;
}
#downloads #content ul li p {
	float:left;
}
#downloads #content ul li a {
	background:url(../images/template/arrow_grau.gif) no-repeat left center;
	padding:10px 0 6px 30px;
	float:right;
}

/* MESSETERMINE */

#messetermine h2 {
	font-size:25px;
	margin:40px 0 30px 0;
}
#messetermine #content {
	min-height:575px;
}
#messetermine #content ul {
	margin-bottom:50px;
}
#messetermine #content ul li {
	height:45px;
	border-bottom:1px solid #d5d5d5;
	border-top:0;
	padding:15px 20px 0 20px;
	margin-right: 20px;
}

#messetermine #content ul li strong {
	font-size:14px;
}

#messetermine #content ul li.firsttermin {
	border-top:1px solid #d5d5d5;
}







#messetermine #content ul li.last {
	border-bottom:1px solid #d5d5d5;
	border-top:none;
}
#messetermine #content ul li:hover {
	background-color:#f6f6f6;
}
#messetermine #content ul li p {
	float:left;
}
#messetermine #content ul li a {
	background:url(../images/template/arrow_grau.gif) no-repeat left;
	padding:6px 0 6px 30px;
	float:right;
}

/* ENDE MESSETERMINE*/
#kontakt h2 {
	font-size:25px;
	margin:40px 0 30px 0;
}
#kontakt #content {
	min-height:575px;
}
#persdat dl {
	padding:0 0 20px 0;
}
fieldset {
	clear:both;
	border:0 none;
	padding:0 0 30px 0;
	width:900px;
}
legend {
	display:none;
}
.contact_header {
	font-size:12px;
	padding:0 0 10px 0;
	display:block;
	width:250px;
}
#contactform {
	width:900px;
	padding:0;
	margin:25px 0 0 0;
}
label {
	vertical-align:middle;
	height: 25px;
}
input {
	vertical-align:middle;
	
	border-color: #cccccc;
}
#persdat input, textarea {
	border:#999999 solid 1px;
	width:782px;
	height:90px;
}
#anmeldung select {
	border:#999999 solid 1px;
}


dt {
	clear:both;
	float:left;
	height:25px;
	padding:4px 0 0;
	vertical-align:middle;
	width:75px;
	/*vertical-align:middle;*/
	/display:inline-block;
}
dd {
	float:left;
	width:325px;
	padding:0;
	height:30px;
 /padding-top:3px;
 /height:22px;
 /display:inline-block;
}
dl.leftlist {
	float:left;
	width:460px;
}
dl.rightlist {
	width:400px;
	float:left;
}

#anmeldung dl {
	padding:20px 0 0 0;
}

#anmeldung dt {
	height:25px;
	width:auto;
	line-height:100%;
	vertical-align:middle;
	padding:0;
}

#anmeldung dd {
	height:25px;
	padding-left:10px;
}

#persdat .kommentar {
	height:80px;
}
#persdat .doubleline {
	padding:0 0 5px 0; /* does not work - is coaded inline */
}
#persdat input {
	padding:3px;
	width:316px;
	height:16px;
}
#persdat select {
	border:#999999 solid 1px;
	padding:2px 0;
	width:324px;
}
#submitButton {
	width:100px;
	cursor:pointer;
	float:right;
	margin-right:24px;
	padding-left:25px;
}
#submitButton:hover {
	color: #96c300;
}
input.error {
	border: 1px #ff0000 solid !important;
	color:#000;
}
.error {
	color:#ff0000;
}
#redlabel {
	margin-bottom:10px;
}
#redlabel strong {
	font-size:12px;
	padding:0 0 10px 0;
	margin-bottom:10px;
}
#errors {
	display:none;
	color: #ff0000;
}



#linkcellcube {
	position:absolute; 
	background-color:transparent; 
	width:290px; 
	height:220px; 
	top:538px; 
	left: 20px;
}

#linkcellcube a {
	display:block; 
	height:220px;
}

#linkcellcube a:hover {
	background-color:transparent;
}


#linktankstelle {
	position:absolute; 
	background-color:transparent; 
	width:290px; 
	height:220px; 
	top:538px; 
	left: 335px;
}

#linktankstelle a {
	display:block; 
	height:220px;
}

#linktankstelle a:hover {
	background-color:transparent;
}

#linkenergysolution {
	position:absolute; 
	background-color:transparent; 
	width:290px; 
	height:220px; 
	top:538px; 
	left: 650px;
}

#linkenergysolution a {
	display:block; 
	height:220px;
}

#linkenergysolution a:hover {
	background-color:transparent;
}

/* karriere */
#karriere h2 {
	font-size:25px;
	margin:40px 0 30px 0;
}
#karriere #content {
	min-height:575px;
}
#karriere #content ul {
	margin-bottom:50px;
	margin-top:9px;
}
#karriere #content ul li {
	height:45px;
	border-top:1px solid #d5d5d5;
	padding:15px 20px 0 20px;
	margin-right: 20px;
}

#karriere #content ul li.last {
	border-bottom:1px solid #d5d5d5;
}
#karriere #content ul li:hover {
	background-color:#f6f6f6;
}
#karriere #content ul li p {
	float:left;
	font-size:18px;
	padding-top:5px;
}
#karriere #content ul li a {
	background:url(../images/template/arrow_grau.gif) no-repeat left center;
	padding:10px 0 6px 30px;
	float:right;
}



#karriere .main {
	font-size:14px;
	line-height:18px;
	padding:11px 20px 7px 20px;
}

/* impressum */
#impressum h2 {
	font-size:25px;
	margin:40px 0 30px 0;
}
#impressum #content {
	min-height:575px;
}
#impressum #content ul {
	margin-bottom:50px;
	margin-top:9px;
}
#impressum #content ul li {
	height:45px;
	border-top:1px solid #d5d5d5;
	padding:15px 20px 0 20px;
	margin-right: 20px;
}

#impressum #content ul li.last {
	border-bottom:1px solid #d5d5d5;
}
#impressum #content ul li:hover {
	background-color:#f6f6f6;
}
#impressum #content ul li p {
	float:left;
	font-size:18px;
	padding-top:5px;
}
#impressum #content ul li a {
	background:url(../images/template/arrow_grau.gif) no-repeat left center;
	padding:10px 0 6px 30px;
	float:right;
}



#impressum .main {
	font-size:14px;
	line-height:18px;
	padding:11px 20px 7px 20px;
}