/*
Webseite SG Elektrotechnik
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Basic */

	body {
		min-width: 1200px;
	}

	section, article {
		margin: 0 0 60px 0;
	}

	section:last-child, article:last-child {
		margin-bottom: 0;
	}

	section.left-content {
		padding-right: 30px;
	}

	section.right-content {
		padding-left: 30px;
	}

	section.middle-content {
		padding: 0 30px 0 30px;
	}

	ul.small-image-list img {
		width: 78px;
	}

	ul.big-image-list img {
		width: 178px;
	}

/* Reusable */

	.blog-post-image {
		width: 100%;
	}

/* Header */

	#header-wrapper {
		background-color: #e36b00;
		background-image: -moz-linear-gradient(top, #e31600, #e36b00);
		background-image: -webkit-linear-gradient(top, #e31600, #e36b00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e31600), to(#e36b00));
		background-image: -ms-linear-gradient(top, #e31600, #e36b00);
		background-image: -o-linear-gradient(top, #e31600, #e36b00);
		background-image: linear-gradient(top, #e31600, #e36b00);
	}

	#header {
		position: relative;
		margin: 2.5% 0 2.5% 0;
		padding: 0 40px 0 40px;
		border-radius: 10px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0,0,0,0.10);
		background-color: #e37b00;
		background-image: -moz-linear-gradient(top, #e31500, #e37b00);
		background-image: -webkit-linear-gradient(top, #e31500, #e37b00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e31500), to(#e37b00));
		background-image: -ms-linear-gradient(top, #e31500, #e37b00);
		background-image: -o-linear-gradient(top, #e31500, #e37b00);
		background-image: linear-gradient(top, #e31500, #e37b00);
		height: 86px;
		-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
	}

		#header h1 {
			position: absolute;
			left: 40px;
			top: 0;
			color: #fff;
			font-size: 2.4em;
			letter-spacing: -2px;
			line-height: 86px;
		}

		#header h1 a {
			color: #fff;
			text-decoration: none;
		}
		
		#header nav {
			position: absolute;
			right: 40px;
			top: 1px;
			line-height: 84px;
			text-transform: lowercase;
			font-size: 1.3em;
			letter-spacing: -1px;
		}
		
			#header nav a {
				display: inline-block;
				text-decoration: none;
				color: #fff;
				padding: 0 25px 0 25px;
				outline: 0;
			}
			
			#header nav a.current-page-item {
				background-color: #e36b00;
				background-image: -moz-linear-gradient(top, #d31600, #d36b00);
				background-image: -webkit-linear-gradient(top, #d31600, #d36b00);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d31600), to(#d36b00));
				background-image: -ms-linear-gradient(top, #d31600, #d36b00);
				background-image: -o-linear-gradient(top, #d31600, #d36b00);
				background-image: linear-gradient(top, #d31600, #d36b00);
				box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
			}

			#header nav a:hover {
				background-color: #d36b00;
				background-image: -moz-linear-gradient(top, #f31600, #d36b00);
				background-image: -webkit-linear-gradient(top, #f31600, #d36b00);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31600), to(#d36b00));
				background-image: -ms-linear-gradient(top, #f31600, #d36b00);
				background-image: -o-linear-gradient(top, #f31600, #d36b00);
				background-image: linear-gradient(top, #f31600, #d36b00);
				box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
			}

/* Banner */

	#banner-wrapper {
		background: #c8d2bc url(images/bg1.png);
		padding: 2em 0;
	}

	#banner {
		position: relative;
		width: 1160px;
		height: 265px;
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
		border-radius: 10px;
		padding: 20px;
		background: #fff url(images/banner.jpg);/* no-repeat 20px 20px;*/
		background-size: 1200px 305px;
		-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
	}

		#banner h2 {
			position: absolute;
			z-index: 1;
			width: 100%;
			top: 80px;
			left: 0;
			font-size: 3.3em;
			color: #fff;
			text-align: center;
			letter-spacing: -2px;
		}
		
		#banner span {
			display: block;
			position: absolute;
			z-index: 1;
			width: 100%;
			bottom: 55px;
			left: 0;
			font-size: 1.6em;
			color: #fff;
			text-align: center;
			letter-spacing: -1px;
			text-transform: /*lowercase;*/
			opacity: 0.8;
		}

/* Main */

	#main {
		background: #fff;
		padding: 4em 0;
	}

/* Footer */

	#footer-wrapper {
		padding: 4em 0;
	}

/* Copyright */

	#copyright {
		text-align: center;
		color: #A6A88F;
		border-top: solid 1px #ced0b7;
		padding: 3em 0 0 0;
		margin: 1% 0 0 0;
	}

		#copyright a {
			color: #A6A88F;
		}
		
/* Google Maps*/


		
/* E-Mail */

	
	.outer_frame{
		background-color: #e36b00;
		background-image: -moz-linear-gradient(top, #d31600, #d36b00);
		background-image: -webkit-linear-gradient(top, #d31600, #d36b00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d31600), to(#d36b00));
		background-image: -ms-linear-gradient(top, #d31600, #d36b00);
		background-image: -o-linear-gradient(top, #d31600, #d36b00);
		background-image: linear-gradient(top, #d31600, #d36b00);
       -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
       border-radius: 20px;
       height:auto;
       width:380px;
       margin:0 auto;
       padding:15px;
       opacity:0.8;
	}
.inner_frame{
       background:white;
       height:98.5%;
       padding:25px;
       padding-top:10px;
       padding-bottom:10px;
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.33, rgb(12,133,199)),
            color-stop(1, rgb(12,188,232))
        );
        background-image: -moz-linear-gradient(
            center bottom,
            rgb(12,133,199) 33%,
            rgb(12,188,232) 66%
        );
        -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
       border-radius: 10px;
    }       
 
.label{font:1.5em "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;color:white;
    }
         
tr:hover{border-bottom: 1px solid black;               
	}
         
.text_field{width:200px;
            padding:5px;
            font-size:15px;
            line-height:20px;
            border:1px solid grey;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background:#469DFA;
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.33, rgb(240,240,240)),
                color-stop(1, rgb(255,255,255))
            );
            background-image: -moz-linear-gradient(
                center bottom,
                rgb(240,240,240) 33%,
                rgb(255,255,255) 100%
            );
            }  
.text_field:focus{
            box-shadow:0px 0px 1px #2f2f2f;
			}         
.textarea{  
			width:200px;
            min-height:180px;
            padding:5px;
            font-size:10px;
            line-height:10px;
            border:1px solid grey;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background:#469DFA;
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.33, rgb(240,240,240)),
                color-stop(1, rgb(255,255,255))
            );
            background-image: -moz-linear-gradient(
                center bottom,
                rgb(240,240,240) 33%,
                rgb(255,255,255) 100%
            );
            }
.textarea:focus{
            box-shadow:0px 0px 4px #2f2f2f;
            }
.button_container{margin-top:1em;}