@charset "utf-8";
/* CSS Document */

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background: #6f6f6f url(../images/bg_body2.jpg) top center no-repeat fixed;
	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#fff;
	text-shadow:1px  1px 2px #333;
	line-height:1.5em;
	text-align:justify;
}


a, a:link {
	text-decoration: none;
	color:#bbe400;
	-webkit-transition:All 0.7s ease-out;
	-moz-transition:All 0.7s ease-out;
	-o-transition:All 0.7s ease-out;

}

a:hover, a:active {
	text-decoration:none;
	text-shadow:0px  0px 4px #bbe400;
}

a.boxlink, .boxtext {
	font-size:14px;
	padding:3px 15px;
	margin:0 1px 20px 0;

	background: rgb(119,119,119);
	background: -moz-linear-gradient(top,  rgba(119,119,119,1) 48%, rgba(64,64,64,1) 52%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(119,119,119,1)), color-stop(52%,rgba(64,64,64,1)));
	background: -webkit-linear-gradient(top,  rgba(119,119,119,1) 48%,rgba(64,64,64,1) 52%);
	background: -o-linear-gradient(top,  rgba(119,119,119,1) 48%,rgba(64,64,64,1) 52%);
	background: -ms-linear-gradient(top,  rgba(119,119,119,1) 48%,rgba(64,64,64,1) 52%);
	background: linear-gradient(to bottom,  rgba(119,119,119,1) 48%,rgba(64,64,64,1) 52%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#404040',GradientType=0 );

	border:1px solid #666;

	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	-moz-box-shadow:0px 2px 2px 2px #555;
	-webkit-box-shadow:0px 2px 2px 2px #555;
	box-shadow:0px 2px 2px 2px #555;
}

a.boxlink {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 48%, rgba(221,221,221,1) 52%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,rgba(255,255,255,1)), color-stop(52%,rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 48%,rgba(221,221,221,1) 52%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 48%,rgba(221,221,221,1) 52%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 48%,rgba(221,221,221,1) 52%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 48%,rgba(221,221,221,1) 52%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	
	border:1px solid #666;
	-moz-box-shadow:0px 2px 2px 2px #555;
	-webkit-box-shadow:0px 2px 2px 2px #555;
	box-shadow:0px 2px 2px 2px #555;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	color:#333;
}

a.boxlink:hover, a.boxlink:active {
	background: rgb(187,228,0);
	background: -moz-linear-gradient(top,  rgba(187,228,0,1) 20%, rgba(154,201,0,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(187,228,0,1)), color-stop(60%,rgba(154,201,0,1)));
	background: -webkit-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: -o-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: -ms-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: linear-gradient(to bottom,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbe400', endColorstr='#9ac900',GradientType=0 );
	color:#fff;
}

h1 {
	display:none;
}

h2 {
	text-transform:uppercase;
	margin-bottom: 20px;
	color:#fff;
	font-size:20px;
	font-weight:700;
}

h3 {
	font-size:14px;
	padding:3px 15px;
	margin:0 1px 20px 0;
	background: rgb(187,228,0);
	background: -moz-linear-gradient(top,  rgba(187,228,0,1) 20%, rgba(154,201,0,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(187,228,0,1)), color-stop(60%,rgba(154,201,0,1)));
	background: -webkit-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: -o-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: -ms-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: linear-gradient(to bottom,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbe400', endColorstr='#9ac900',GradientType=0 );

	color:#040404;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	-moz-box-shadow:0px 2px 2px 2px #555;
	-webkit-box-shadow:0px 2px 2px 2px #555;
	box-shadow:0px 2px 2px 2px #555;
}

h4 {
	text-transform:uppercase;
	margin-bottom: 5px;
	color:#fff;
	font-size:13px;
	font-weight:700;
}

hr {
	width:95%;
	height:1px;
	border:none;
	background:#ccc;
	margin:20px auto;

}

form, input, select, textarea {
	margin:0;
	padding:3px;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #bbe400;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(238,238,238,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,255,255,1)), color-stop(60%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(238,238,238,1) 60%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(238,238,238,1) 60%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(238,238,238,1) 60%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(238,238,238,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );

}

option {
	background:#eee;
}


.focus {
	background: rgb(255,191,1);
	background: -moz-linear-gradient(top,  rgba(255,191,1,1) 20%, rgba(255,162,2,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,191,1,1)), color-stop(60%,rgba(255,162,2,1)));
	background: -webkit-linear-gradient(top,  rgba(255,191,1,1) 20%,rgba(255,162,2,1) 60%);
	background: -o-linear-gradient(top,  rgba(255,191,1,1) 20%,rgba(255,162,2,1) 60%);
	background: -ms-linear-gradient(top,  rgba(255,191,1,1) 20%,rgba(255,162,2,1) 60%);
	background: linear-gradient(to bottom,  rgba(255,191,1,1) 20%,rgba(255,162,2,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf01', endColorstr='#ffa202',GradientType=0 );
	color:#000;
}

.fett {
	font-weight:bold;
}

.gruen {
	color:#bbe400;
	text-shadow:0px  0px 4px #bbe400;
}

.shadow {
	-moz-box-shadow:0px 2px 2px 2px #555;
	-webkit-box-shadow:0px 2px 2px 2px #555;
	box-shadow:0px 2px 2px 2px #555;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.clear {
	clear:both;
}

.tooltip, .ui-tooltip {
	display:none;
	background:transparent url(../images/tooltip.png);
	font-size:12px;
	height:75px;
	width:160px;
	padding:20px 25px;
	color:#eee;
	text-align:left;
	border:0;
	box-shadow:none;
	line-height:1.5em;
}

#wrapper {
	width:840px;
	margin:0 auto;
	padding-bottom: 20px;
}

#logo {
	background-image: url(../images/eternax_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 187px;
	height: 77px;
	position:absolute;
	top:50px;
}

#mainmenu {
	position:absolute;
	top:86px;
	right:50%;
	margin-right:-420px;
}

#mainmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#mainmenu li {
	float:left;
	font-size:14px;
}

#mainmenu li a {
	padding:3px 15px;
	margin-right:3px;
	background:#777;
	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	-moz-box-shadow:0px 2px 2px 2px #555;
	-webkit-box-shadow:0px 2px 2px 2px #555;
	box-shadow:0px 2px 2px 2px #555;
}

#mainmenu li a:hover, #mainmenu li a:active {
	background: rgb(187,228,0);
	background: -moz-linear-gradient(top,  rgba(187,228,0,1) 20%, rgba(154,201,0,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(187,228,0,1)), color-stop(60%,rgba(154,201,0,1)));
	background: -webkit-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: -o-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: -ms-linear-gradient(top,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	background: linear-gradient(to bottom,  rgba(187,228,0,1) 20%,rgba(154,201,0,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbe400', endColorstr='#9ac900',GradientType=0 );
	color:#fff;
}

#header_image {
	position:absolute;
	top:140px;
	margin:0 auto;
	width:827px;
	height:394px;
}

#CU3E {
	position:absolute;
	top:140px;
	margin:0 auto;
	width:840px;
	text-align: center;
}

.CU3ER {
	margin:0;
	width:840px;
}

#content {
	margin-top:550px;
}

#content .col13 {
	width:33%;
}

#content .col23 {
	width:62%;
}

#content .col50 {
	width:47%;
}

#content .colshadow {
	padding-left:18px;
	background:url(../images/bg_rightcol.png) top left repeat-y;
}

#footer {
	background:url(../images/bg_footer.png) bottom center repeat-x;
	height:109px;
	/*position:fixed;
	bottom:0px;
	left:0px;*/
	width:100%;
}

#footer__wrapper {
	width: 900px;
	height:109px;
	margin:0 auto;
	background:url(../images/bg_footer_mid.png) top center no-repeat;
}

#footer_content {
	padding:40px 20px 0 20px;
	color:#ddd;
	font-size:12px;
}

#footer_content .col {

	float:left;
	margin:0 15px;
}

#footer_content a, #footer_content a:link {
	text-decoration: none;
	color:#ddd;
}

#footer_content a:hover, #footer_content a:active {
	text-decoration: none;
	color:#bbe400;
}

#facebook_like {
	width:80px;
	height:30px;
	float:right;
	border:none;
	overflow:hidden;
	margin:5px 0 0 0;
}

.facebook_like_portfolio {
	width:120px;
	height:30px;
	border:none;
	overflow:hidden;
	margin:0 0 0 15px;
	float:right;
}

#googleplus_icon {
	width:65px;
	height:30px;
	border:none;
	float:right;
	overflow:hidden;
	margin:5px 0 0 15px;
}

.googleplus_icon_portfolio {
	width:65px;
	height:30px;
	border:none;
	overflow:hidden;
	margin:0 0 0 15px;
	float:right;
}

#twitter_this {
	width:70px;
	height:30px;
	border:none;
	float:right;
	overflow:hidden;
	margin:5px 0 0 15px;
}

.twitter_this_portfolio {
	width:110px;
	height:30px;
	border:none;
	overflow:hidden;
	margin:0 0 0 15px;
	float:right;
}

#imgbtn_webdesign {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_webdesign.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_webdesign:hover {
	background:url(../images/imgbtn_webdesign.png) bottom left no-repeat;
}

#imgbtn_iphone {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_iphone.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_iphone:hover {
	background:url(../images/imgbtn_iphone.png) bottom left no-repeat;
}

#imgbtn_printmedien {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_printmedien.png) top left no-repeat;float:left;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_printmedien:hover {
	background:url(../images/imgbtn_printmedien.png) bottom left no-repeat;
}

#imgbtn_angebot {
	width:252px;height:120px;display:block;background:url(../images/imgbtn_angebot.png) top left no-repeat;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_angebot:hover {
	background:url(../images/imgbtn_angebot.png) bottom left no-repeat;
}

#imgbtn_kontakt {
	width:252px;height:120px;display:block;background:url(../images/imgbtn_kontakt.png) top left no-repeat;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_kontakt:hover {
	background:url(../images/imgbtn_kontakt.png) bottom left no-repeat;
}

#imgbtn_facebook {
	width:252px;height:120px;display:block;background:url(../images/imgbtn_facebook.png) top left no-repeat;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_facebook:hover {
	background:url(../images/imgbtn_facebook.png) bottom left no-repeat;
}

#addthis {
	margin:10px 0 5px 0;
}

#social_icons {
	position:absolute;
	top:40px;
	right:50%;
	margin-right:-420px;
}

#social_qr {
	width:36px; height:32px;display:block;background:url(../images/ico_qr.png) top left no-repeat;float:left;margin-right:0px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#social_qr:hover {
	background:url(../images/ico_qr.png) bottom left no-repeat;float:left;
}

#social_facebook {
	width:36px; height:32px;display:block;background:url(../images/ico_facebook.png) top left no-repeat;float:left;margin-right:0px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#social_facebook:hover {
	background:url(../images/ico_facebook.png) bottom left no-repeat;float:left;
}

#social_google {
	width:36px; height:32px;display:block;background:url(../images/ico_google_plus.png) top left no-repeat;float:left;margin-right:0px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#social_google:hover {
	background:url(../images/ico_google_plus.png) bottom left no-repeat;float:left;
}

#social_twitter {
	width:36px; height:32px;display:block;background:url(../images/ico_twitter.png) top left no-repeat;float:left;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#social_twitter:hover {
	background:url(../images/ico_twitter.png) bottom left no-repeat;float:left;
}

.leistung_beschreibung {
	background:#777;
	background: rgba(102,102,102,0.5);
	border:1px solid #777;
	padding:10px;
	text-align:left;
}

.box_grau {
	width:272px;
	height:172px;
	background:url(../images/bg_box_grau.png) center center no-repeat;
}

.box_grau_breit {
	width:395px;
	height:172px;
	background:url(../images/bg_box_grau_breit.png) center center no-repeat;
}


.box_grau .grafik_text, .box_grau_breit .grafik_text {
	height:130px;
}

.box_grau .grafik, .box_grau_breit .grafik {
	float:left;
	margin:-30px 10px 0 10px;
	width:1px;
	height:140px;
	overflow:display;
}

.box_grau .textbereich, .box_grau_breit .textbereich {
	float:right;
	width:150px;
	padding:10px 10px 0 0;
	text-align:right;
}

.box_grau_breit .textbereich {
	width:170px;
}

.box_grau .textbereich .text, .box_grau_breit .textbereich .text {
	text-align:right;
	margin-bottom: 10px;
}

.box_grau .button, .box_grau_breit .button {
	text-align:right;
	padding:0 10px 0 0;
}



.formular {
	background: rgb(221,221,221);
	background: -moz-linear-gradient(top,  rgba(221,221,221,1) 20%, rgba(255,255,255,1) 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(221,221,221,1)), color-stop(50%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 20%,rgba(255,255,255,1) 50%);
	background: -o-linear-gradient(top,  rgba(221,221,221,1) 20%,rgba(255,255,255,1) 50%);
	background: -ms-linear-gradient(top,  rgba(221,221,221,1) 20%,rgba(255,255,255,1) 50%);
	background: linear-gradient(to bottom,  rgba(221,221,221,1) 20%,rgba(255,255,255,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );

	-moz-box-shadow:0px 5px 10px 5px #444;
	-webkit-box-shadow:0px 5px 10px 5px #444;
	box-shadow:0px 5px 10px 5px #444;

	padding:20px 10px;
	color:#333;
	text-shadow:none;
}

.formular h2 {
	color:#333;
	text-decoration:underline;
	text-align:center;
}

.form_feldname {
	width: 100px;
	margin-right:30px;
	font-weight:700;
	float:left
}

.form_feld {
	float:left;
}

.form_input {
	background:#eee;
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 20%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(238,238,238,1)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

	border:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	width:350px;

	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#040404;


}

.form_input_plz {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 20%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(238,238,238,1)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

	border:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	width: 70px;

	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#040404;

}

.form_input_ort {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 20%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(238,238,238,1)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

	border:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	width: 272px;

	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#040404;
}

.form_select {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 20%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(238,238,238,1)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

	border:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	width:150px;

	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#040404;
}

.form_select_large {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 20%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(238,238,238,1)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );

	border:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	width:350px;

	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#040404;

}

.form_textarea {
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 20%, rgba(255,255,255,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(238,238,238,1)), color-stop(60%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 20%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
	
	border:none;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #AAA;
	border-left:1px solid #AAA;
	width:350px;

	font-family: Istok Web, Lucida Sans, Trebuchet MS, Georgia;
	font-weight:400;
	font-size:14px;
	color:#040404;
}

.form_btn_kontakt {
	width:300px;
	height:26px;
	margin:0;
	padding:0;
}

.errorbox {
	background: rgb(205,55,55);
	background: -moz-linear-gradient(top,  rgba(205,55,55,1) 20%, rgba(165,43,43,1) 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(205,55,55,1)), color-stop(60%,rgba(165,43,43,1)));
	background: -webkit-linear-gradient(top,  rgba(205,55,55,1) 20%,rgba(165,43,43,1) 60%);
	background: -o-linear-gradient(top,  rgba(205,55,55,1) 20%,rgba(165,43,43,1) 60%);
	background: -ms-linear-gradient(top,  rgba(205,55,55,1) 20%,rgba(165,43,43,1) 60%);
	background: linear-gradient(to bottom,  rgba(205,55,55,1) 20%,rgba(165,43,43,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3737', endColorstr='#a52b2b',GradientType=0 );

	padding: 10px 15px 10px 15px;
	border:1px solid #666;
}

.portfolio_screenshot {
	background:#777;
	background:rgba(130,130,130,0.5);
	padding:15px;
	border:1px solid #999;
}

.portfolio_screenshot .url {
	font-size:12px;
	color:#ccc;
}

.portfolio_screenshot .kunde {
	font-size:16px;
	font-weight:700;
	color:#ccc;
	text-transform:uppercase;
}

.portfolio_screenshot .screenshot {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}

.portfolio_screenshot .infos {
	padding:0;
	font-size:12px;
	color:#ccc;
}

.portfolio_screenshot .arbeiten {
	text-align:left;
	width:450px;
}

.portfolio_screenshot .like {
	text-align:right;
	width:350px;
}

.btn_webdesign {
	width:100px;
	height:100px;
	display:block;
	background:url(../images/btn_webdesign.png) top center no-repeat;
	margin:0 5px 0 5px;
}

.btn_webdesign:hover {
	background:url(../images/btn_webdesign.png) bottom center no-repeat;
}

.btn_ci {
	width:100px;
	height:100px;
	display:block;
	background:url(../images/btn_ci.png) top center no-repeat;
	margin:0 5px 0 5px;
}

.btn_ci:hover {
	background:url(../images/btn_ci.png) bottom center no-repeat;
}

.btn_print {
	width:100px;
	height:100px;
	display:block;
	background:url(../images/btn_print.png) top center no-repeat;
	margin:0 5px 0 5px;
}

.btn_print:hover {
	background:url(../images/btn_print.png) bottom center no-repeat;
}

.btn_fotografie {
	width:100px;
	height:100px;
	display:block;
	background:url(../images/btn_fotografie.png) top center no-repeat;
	margin:0 5px 0 5px;
}

.btn_fotografie:hover {
	background:url(../images/btn_fotografie.png) bottom center no-repeat;
}

.btn_labor {
	width:100px;
	height:100px;
	display:block;
	background:url(../images/btn_labor.png) top center no-repeat;
	margin:0 5px 0 5px;
}

.btn_labor:hover {
	background:url(../images/btn_labor.png) bottom center no-repeat;
}

.fotogalerie {
	/*text-align:center;*/
}

.fotogalerie a {
	padding:0;
	margin:0;
}

.fotogalerie a {
	width:160px;
	height:90px;
	padding:0;
	margin:0;
	display:block;
	float:left;
}

.fotogalerie a:hover img {
	width:180px;
	height:110px;
	position:relative;
	top:-10px;
	left:-10px;
	z-index:999;
	border:1px solid #fff;
	-moz-box-shadow:3px 3px 2px 2px rgba(51,51,51,0.5);
	-webkit-box-shadow:3px 3px 2px 2px rgba(51,51,51,0.5);
	box-shadow:3px 3px 2px 2px rgba(51,51,51,0.5);
}

/*Visitenkarten*/
#imgbtn_visitenkarten_classic {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_classic.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_classic:hover {
	background:url(../images/imgbtn_visitenkarten_classic.png) bottom left no-repeat;
}

#imgbtn_visitenkarten_gelocht {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_gelocht.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_gelocht:hover {
	background:url(../images/imgbtn_visitenkarten_gelocht.png) bottom left no-repeat;
}

#imgbtn_visitenkarten_mediacards {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_mediacards.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_mediacards:hover {
	background:url(../images/imgbtn_visitenkarten_mediacards.png) bottom left no-repeat;
}

#imgbtn_visitenkarten_plastik {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_plastik.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_plastik:hover {
	background:url(../images/imgbtn_visitenkarten_plastik.png) bottom left no-repeat;
}

#imgbtn_visitenkarten_spezialpapier {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_spezialpapier.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_spezialpapier:hover {
	background:url(../images/imgbtn_visitenkarten_spezialpapier.png) bottom left no-repeat;
}

#imgbtn_visitenkarten_transparent {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_transparent.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_transparent:hover {
	background:url(../images/imgbtn_visitenkarten_transparent.png) bottom left no-repeat;
}

#imgbtn_visitenkarten_uvlack {
	width:250px;height:155px;display:block;background:url(../images/imgbtn_visitenkarten_uvlack.png) top left no-repeat;float:left;margin-right:30px;
	-webkit-transition:position 0s ease-out; -moz-transition:position 0s ease-out; -o-transition:position 0s ease-out;
}

#imgbtn_visitenkarten_uvlack:hover {
	background:url(../images/imgbtn_visitenkarten_uvlack.png) bottom left no-repeat;
}


/* GLOSSAR */
#glossar {
	clear:both;
	margin-top:100px;
}

.glossar_list {
	margin:0;
	padding:0;
}

.glossar_list li {
	margin:0;
	padding:0;
	line-height:1em;
}