/* gimborntrading */

/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */

* {
	margin: 0; padding: 0;
	border: 0;
}

ul, li {
	list-style-type: none;
}

h1 {}
h2 {
	font-size: 1.7em;
	line-height: 1em;
	font-weight: 400;
	margin: 0 0 .8em 0;
	color: rgb(181,18,28);
}
	
h3 {
	font-size: 1.4em;
	border-bottom: 2px solid rgb(181,18,28);
	margin-bottom: 7px;
	padding: 0 0 4px;
	line-height: 1.4em;
	font-weight: 400;
}

h4 {
	font-size: 1.1em;
	font-weight: 700;
	margin-top: 1em;
}

table h4 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 0em;
}

table h4::after {
	content: ":";
}

h5 {
	font-size: 1.2em;
	font-weight: 400;
	color: rgb(181,18,28);
}

h6 {
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: .3em;
}

p, label, input, textarea, button {
	font: 400 1.2em 'Droid Sans', Arial; 
	line-height: 1.5em;
}

a {
	color: rgb(181,18,28);
	text-decoration: none;
	font: 400 1.2em 'Droid Sans', Arial;
	line-height: 1.5em;
}

p > a {
	font-size: 1em;
}

a:hover {
	color: rgb(0,0,0);
}

body {
	font: 400 10px 'Droid Sans', Arial;
	width: 100%; height: 100%;
	position: absolute;
}

	#container {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -5.2em auto;
		overflow: hidden;
	}
	
		header {
			background: rgb(0,0,0) url(../../files/gimborn%20trading/img/theme/header_background.png) no-repeat center top;
			color: rgb(255,255,255);
			width: 100%;
			border-color: rgb(181,18,28);
			border-width: .2em 0;
			border-style: solid;
		}
		
			header a {
				color: rgb(255,255,255);
			}
			
			header a:hover, header a.active, header a.trail {
				color: rgb(181,18,28);
			}
			
			header > ul#top {
				width: 96em; height: 13.1em;
				margin: 0 auto;
			}
			
				header > ul#top > li.left, header > ul#top> li.right {
					width: 48em; float: left;
				}
			
				header > ul#top> li.right {
					width: 45em;
					padding: 0 1.5em;
				}
				
					li.left > a > img {
						padding: 2.7em 0 0 0.9em;
					}
					
					/* Right List */
					li.right > div {
						margin-top: 2.5em;
						float: right;
						height: 2em;
						position: relative;
					}
				
						li.right > div > img {
							margin: 0 -.3em -.5em .5em;
							float: right;
						}
				
						li.right > div > nav {
							float: left;
						}
						
							li.right > div > nav > ul {}
						
								li.right > div > nav > ul > li {
									float: left;
									margin-left: 8px;
								}
				
					li.right > div.ce_form {
						padding-top: 4.2em;
						margin-top: 0px;
						float: right;
						clear: both;
					}
					
						li.right > div.ce_form label, li.right > div > nav > ul > li > a {
							font-size: 1.4em;
						}
						
							li.right > div.ce_form label > span {
								display: none;
							}
							
						li.right > div.ce_form input {
							height: 16px;
							padding: 0 2px 2px;
							background-color: transparent;
							color: white;
							font: 400 1.4em 'Droid Sans', Arial;
							line-height: 1.5em;
							width: 100px;
							-webkit-margin-before: 0px;
							-webkit-margin-after: 0px;
							-webkit-margin-start: 0px;
							-webkit-margin-end: 0px;
						}
						
						li.right > div.ce_form label .mandatory {
							display: none;
						}
						
						li.right > div.ce_form span.before-after {
							font: normal 1.8em Arial;
							vertical-align: 0px;
						}
						
						/* temp::start /
						
						li.right > form > div.input-border {
							border: 1px solid rgb(255,255,255);
							height: 15px;
							float: right;
							margin: 2px 0 0 3px;
						}
						
						form input.special {
							background-color: rgb(0,0,0);
							padding: 5px 2px;
							margin: -8px 2px 0 2px;
							height: 20px;
							color: rgb(255,255,255);
							width: 100px;
							font: 400 1.4em 'Droid Sans', Arial;
						}
						
						/* temp::end */
											
			.white-line {
				width: 100%; height: .2em;
				background: rgb(255,255,255);
				clear: both;
			}
					
			header > nav {
				width: 93.6em; height: 2.8em;
				margin: 0 auto;
				padding: 0 1.2em;
				z-index: 120;
				position: relative;
			}
			
				header > nav > ul > li {
					float: left;
					display: inline-block;
				}
			
					header > nav > ul > li > a {
						padding: .4em .3em;
						display: inline-block;
						font-size: 1.4em;
						border-top: 2px solid rgb(255,255,255);
						margin-top: -2px;
					}
					
					header > nav > ul > li > a:hover, header > nav > ul > li > a.active, header > nav > ul > li > a.trail {
						border-top: 2px solid rgb(181,18,28);
					}
					
					header > nav > ul > li {}
					
					header > nav > ul > li > ul {
						position: absolute;
						display: none;
						padding: 1.1em 0 0;
					}
					
					header > nav > ul > li > ul::before {
						content: "";
						position: absolute;
						border-bottom: 1em solid rgb(181,18,28);
						border-left: 1em solid transparent;
						border-right: 1em solid transparent;
						margin: -1em 0 0 2.5em;
					}
					
					header > nav > ul > li:hover > ul {
						display: block;
					}
					
						header > nav > ul > li > ul > li {
							background-color: rgb(0,0,0);
							margin: 0 .5em 0 -1.2em;
							padding: .3em 1.5em;
						}
						
						header > nav > ul > li > ul > li:first-child {
							border-top: 2px solid rgb(181,18,28);
							padding-top: 1em;
						}
						
						header > nav > ul > li > ul > li:last-child {
							border-bottom: 2px solid rgb(181,18,28);
							padding-bottom: 1em;
						}
					
							header > nav > ul > li > ul > li > a {
								font-size: 1.4em;
							}
		
		#content {
			width: 96em;
			background: rgba(255,255,255,.1);
			margin: 0 auto;
		}
		
			#content nav {
				margin: 2em 1.5em;
				display: inline-block;
				width: 100%;
			}
			
				#content nav > span {
					height: 0px;
					display: inline-block;
					border-bottom: 10px solid rgb(0,0,0);
					border-top: 10px solid rgb(0,0,0);
					border-left: 10px solid transparent;
					position: relative;
					margin: 0 4px 0 0;
					cursor: pointer;
				}
				
					#content nav > span > a {
						margin: -10px 0px 0 3px; padding: 0;
						display: block;
						color: rgb(255,255,255);
						font-size: 1.3em;
					}
			
				#content nav > span:first-child {
					border-left: 10px solid rgb(181,18,28);
				}
			
				#content nav > span:first-child:not(.active) {
					border-left: 10px solid rgb(0,0,0);
				}
		
					#content nav > span:first-child > a {
						margin-left: -5px;
					}
		
				#content nav > span.active {
					border-bottom: 10px solid rgb(181,18,28);
					border-top: 10px solid rgb(181,18,28);
				}
				
				#content nav > span::before {
					content: "";
					width: 0; height: 0;
					border-top: 10px solid transparent;
					border-left: 10px solid rgb(0,0,0);
					border-bottom: 10px solid transparent;
					margin: 0;
					float: right;
					margin: -10px -10px -10px 0;
				}
				
				#content nav > span.active::before {
					border-left: 10px solid rgb(181,18,28);
				}
			
				#content nav > span:hover {
					border-bottom: 10px solid rgb(181,18,28);
					border-top: 10px solid rgb(181,18,28);
				}
			
				#content nav > span.inactive:hover {
					border-bottom: 10px solid rgb(0,0,0);
					border-top: 10px solid rgb(0,0,0);
				}
				
				#content nav > span:hover::before, #content nav > span:first-child:hover {
					border-left: 10px solid rgb(181,18,28);
				}
				
				#content nav > span.inactive:hover::before, #content nav > span.inactive:first-child:hover {
					border-left: 10px solid rgb(0,0,0);
				}
				
			#content .abstand {
				width: 100%; height: 1.3em;
				/*background-color: royalblue;*/
				clear: both;
			}
			
			#content .clear {
				width: 100%; height: 1em;
				/*background-color: red;*/
				clear: both;
			}
			
				#content > ul > li form {
					margin: 4px 0 0 0;
					display: inline-block;
				}
				
					#content > ul > li span.before-after {
						font: normal 22px Arial;
						margin-top: -4px;
						display: inline-block;
						/**/
						float: left;
					}
				
		footer, #push {
			width: 100%; height: 5em;
			clear: both;
			margin: 0 auto;
			padding: 0;
		}
		
		footer {
			border-top: .2em solid rgb(181,18,28);
			background: rgb(0,0,0);
		}
		
			footer > ul {
				width: 96em;
				margin: 0 auto;
			}
			
				footer > ul > li {
					float: left;
					width: 45.2em;
					padding: 1.6em 1.4em 0 1.4em;
				}
				
					footer > ul > li > nav {
						float: right;
					}
					
					footer > ul > li > p, footer > ul > li > nav > a, footer > ul > li > nav > span {
						font-size: 1.2em;
						color: rgb(255,255,255);
					}
					
					footer > ul > li > nav > span {
						margin: 0 .4em;
						padding: 0;
					}
					
					footer > ul > li > nav > a:hover {
						color: rgb(181,18,28);
					}
					
/* search css */

#content span.invisible, #content label.invisible {
	display: none;
/*	color: royalblue;*/
}

#content span.highlight {
	font-weight: 700;
/*	color: rgb(181,18,28);*/
}

/* temp::start */

#content > ul.search div.input-border {
	border: 2px solid rgb(0,0,0);
	height: 16px;
	float: left;
	margin: 0 3px 0 0;
}

#content > ul.search div > input, #content > .mod_search input {
	background-color: rgb(255,255,255);
	padding: 5px 2px;
	margin: -6px 2px 0 2px;
	height: 20px;
	color: rgb(0,0,0);
	width: 100px;
	font: 400 1.4em/1.4em 'Droid Sans', Arial;
	/**/
	float: left;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

p.header {
	clear: both;
	margin-top: .5em;
}

/* temp::end */

#content span.sub_mit {
	height: 16px;
	background-color: rgb(0,0,0);
	position: absolute;
	cursor: pointer;
	padding: 1px 1px 3px 5px;
}

#content span.sub_mit:hover, button.submit:hover {
	background-color: rgb(181,18,28);
}
				
#content span.sub_mit::before, button.submit::before {
	content: "";
	width: 0; height: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid rgb(0,0,0);
	border-bottom: 10px solid transparent;
	margin: 0;
	float: right;
	margin: -1px -10px -10px 1px;
}

#content span.sub_mit:hover::before, button.submit:hover::before {
	border-left-color: rgb(181,18,28);
}

#content span.sub_mit > input.submit {
	border: 0;
	background-color: transparent;
	color: rgb(255,255,255);
	cursor: pointer;
	margin: 0; padding: 0;
}

#content button.submit 
{ 
	color: rgb(255,255,255);
	padding: 1px 0px 3px 5px;
	height: 20px;
}

/* search css */

/* gimborntrading */

/*#content a.siteLink {
	margin-top: 1.375em;
	display: inline-block;
}*/

#content p {
	margin-top: 1.375em;
}

#content p:first-of-type {
	margin-top: 0em;
}

/*#container > header { opacity: .7; }*/

	header > #stage {
		height: 58em; width: 96em;
		//min-height: 49em;
		margin: 0 auto;
/*		background: rgba(50,120,220,.5);*/
	}
	
		header > #stage > li {
/*			background: rgba(20,100,180,.5);*/
			width: 21em;
			float: left;
			margin: 0 1.5em;
			position: relative;
		}
		
		header > #stage.wideImageStage > li {
			width: 69em;
		}
	
		header > #stage > li:nth-child(2) {
			width: 45em;
		}
		
		header > #stage.wideImageStage > li:nth-child(2) {
			width: 21em;
		}
	
			header > #stage > li > img {
				margin: 0;
			}
			
			/*----- Raphael -----*/
			
			header > #stage > li > #distributionCanvas {
				//background-color: rgba(255,22,55,0.5);
				width: 93em;
				height: 54em;
			}
			
				header > #stage > li > #distributionCanvas > svg {
					width: 93em;
					height: 54em;
				}
			
				header #distributionCanvas > svg > path, header #distributionCanvas > svg > circle {
					cursor: pointer;
				}
				
				header #distributionCanvas > svg > #noMouse1, header #distributionCanvas > svg > #noMouse2 {
					pointer-events: none;
				}
			
			/*----- Raphael -----*/
	
			header > #stage > li > img {
				margin: 0;
			}
			
			/*----- spezial Angaben für Wechselrichter -----*/
			header > #stage > li > img.wr {
				margin: 0 5em;
			}
			/*----- spezial Angaben für Wechselrichter -----*/
	
			header > #stage > li > h2 {
				margin: .9em 0;
			}
				
			/*----- spezial Angaben für Wechselrichter -----*/
			header > #stage > li > h2.wr2 {
				margin-top: -2em;
			}
			
			header > #stage > li > h2.wr3 {
				margin-top: 15.2em;
			}
			/*----- spezial Angaben für Wechselrichter -----*/
	
			header > #stage > li > p {
				font-size: 1.2em;
				line-height: 1.5em;
				margin-bottom: 2em;
				margin: .9em 0;
			}
			
				header > #stage > li > p > a {
					font-size: 1em;
				}

#content {}
	
	#content > section {
		clear: both;
	}
	
		#content > section > ul {}
		
			#content > section > ul > li, #content > ul > li {
	/*			background: rgba(20,100,180,.5);*/
				width: 21em;
				float: left;
				margin: 0 1.5em 2.2em 1.5em;	
			}
		
			#content > ul > li.wide {
				width: 93em;	
			}
			
				#content table {
					width: 100%;
					font-size: 1.2em;
					border-spacing: 0;
					line-height: 1.5em;
					margin: 0;
				}
				
/*				#content table.sp {
					margin: -1.375em 0 1.375em;
				}*/
				
					#content table > tbody > tr > td:nth-child(even) {
						float: right;
					}
					
					/* NEW[27.05.2014] */
					
					#content > section > ul > li > p > a > img {
						width: 190px; height: auto;				/* width: 202px; */
						border: .2em solid rgb(181,18,28);
						padding: .8em;							/* padding: .2em; */
						margin: 3px 0 2px 0;
						float: left;
						font-size: 10px;
					}
					
					/* NEW[27.05.2014] */
					
					/* NEW[15.08.2013] */
					
					#content > ul > li > p > img, #content > ul > li > p > a > img {
						width: 202px; height: auto;				/* width: 202px; */
						border: .2em solid rgb(181,18,28);
						padding: .2em;							/* padding: .2em; */
						margin: 3px 0 20px 0;
						float: left;
					}
					
					/* NEW[15.08.2013] */
			
			/*→→→→→ TEMP ←←←←←*/
			
/*			#gas, #benzin {
				height: 45em;
				background-color: whitesmoke;
			}*/
			
			/*→→→→→ TEMP ←←←←←*/

/* headerBG.css */
#header{background:#000 url("../../files/gimborn trading/img/theme/header_background.png") center top no-repeat}