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

/*
Theme Name: Code-Constructor Template
Theme URI: http://www.code-constructor.com
Description: A ourself written template based on a Tutorial by thally.
Version: 1.0
Author: Alexander Schrot
Author URI: http://www.code-constructor.com
*/

body, head{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-color:#000;
	position:absolute;
	margin:0;
}

#background{
	width:1475px;
	height:1422px;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto;
}

img{
	border:none;
}

h1{
	margin:0px;
	padding:0px;
}

h2{
	margin:0px;
	padding:0px;
}

h4{
	color:#00D0EC;
	font-size:18px;
	font-weight:500;
	margin-top:0;
	padding-bottom:10px;
	padding-top:5px;
	margin:0px;
}

h5{
	font-size:15px;
	font-weight:normal;
	margin-top:0;
	padding-bottom:10px;
	margin:0px;
	color:#FFF;
}

h6{
	font-size:14px;
	font-weight:bold;
	margin:0px;
}
	

.leftfloating{
	width:100%;
	float:left;
}

.rightfloating{
	width:100%;
	float:right;
}

#headline{
	width:751px;
	height:108px;
	top:94px;
	left:362px;
	position:absolute;
}

#headline img{
	float:left;
	clear:left;
}

.subheadline{
	margin-top:9px;
	margin-left:15px;
}

#menu_bg{
	width:425px;
	height:942px;
	margin-top:21px;
	position:absolute;
	background-image:url(images/menu_bg.png);
	background-repeat:no-repeat;
}

#button_skype{
	width:136px;
	height:95px;
	top:37px;
	left:1045px;
	position:absolute;
	z-index:2;
}

#button_skype_over{
	width:136px;
	height:95px;
	top:41px;
	left:1052px;
	position:absolute;
}

#pfeil{
	width:20px;
	height:31px;
	position:absolute;
	z-index:3;
}

#button_skype a{
	border:none;
	text-decoration:none;
}

#button_skype img{
	border:none;
}

#button_email{
	width:120px;
	height:20px;
	top:12px;
	left:710px;
	position:absolute;
}

#button_email a{
	border:none;
	color:#017b8a;
	font-size:16px;
	text-decoration:none;
}

#button_email a:hover{
	color:#017b8a;
	text-decoration:underline;
}

#menu{
	width:210px;
	height:900px;
	position:absolute;
	left:115px;
	top:221px;
}

#menu ul{
	width:100%;
	list-style:none;
	float:right;
	margin:0px;
	padding:0px;
}

#menu li{
	width:100%;
	height:25px;
	float:right;
	clear:right;
	margin:0px;
	padding:0px;
}

#OverMenu{
	width:210px;
	height:900px;
	position:absolute;
	left:115px;
	top:221px;
}

#OverMenu ul{
	width:100%;
	list-style:none;
	float:right;
	margin:0px;
	padding:0px;
}

#OverMenu li{
	width:100%;
	height:25px;
	float:right;
	clear:right;
	margin:0px;
	padding:0px;
}

.fadeInButton{
	padding:0px;
	margin:0px;
}

#OverMenu a{
	border:0px none;
	border-style:none;
}

#OverMenu a img{
	border:0px none;
	border-style:none;
}

.fadeOutButton{
	padding-top:0px;
	padding-bottom:0px;
}
	

#button_digi24{
	width:124px;
	height:80px;
	position:absolute;
	left:40px;
	top:192px;
}

#contentBox{
	width:750px;
	position:absolute;
	left:327px;
	top:354px;
	color:#898886;
}

.article{
	width:790px;
	clear:left;
	float:left;
	padding-top:35px;
	padding-left:10px;
}

.page{
	width:790px;
	clear:left;
	float:left;
	padding-top:35px;
	padding-left:10px;
}

.articledate{
	width:100%;
	float:left;
	color:#00d0ec;
}
	

.articlecontent{
	width:90%;
	clear:both;
	float:left;
	padding-left:55px;
	margin-top:-16px;
}

.pagecontent{
	width:100%;
	clear:both;
	float:left;
	padding-left:35px;
	padding-right:25px;
}

.articlecontent p{
	width:100%;
	float:left;
	clear:left;
	margin-top:14px;
	font-size:14px;
	font-weight:normal;
}

.articlecontent p a{
	color:#BBB;
	font-size:14px;
}

.articlecontent p a:hover{
	color:#EEE;
	font-size:14px;
}

.pagecontent p{
	width:100%;
	float:left;
	clear:left;
	margin-top:14px;
	font-size:14px;
	font-weight:normal;
}

.articletext{
	width:100%;
	color:#898886;
	font-size:14px;
	float:left;
}

.articletext p{
	width:300px;
	color:#898886;
	font-size:14px;
	float:left;
}

.blogtext{
	width:500px;
	color:#898886;
	font-size:14px;
	float:left;
}

.article a img{
	text-decoration:none;
	border:none;
}

.articleimage{
	width:auto;
	float:right;
	padding-right:60px;
}

.articleheadline{
	width:auto;
	float:left;
	margin-left:10px;
	color:#FFF;
}

.pageheadline{
	width:auto;
	float:left;
	margin-left:30px;
	color:#FFF;
}

.articleheadline h3{
	margin:0px;
	padding:0px;
}

.pageheadline h3{
	margin:0px;
	padding:0px;
}

.articleheadline a{
	color:#FFF;
	text-decoration:none;
}

.articlesubheadline{
	width:auto;
	clear:left;
	float:left;
	margin-top:0px;
	padding-top:5px;
	padding-bottom:10px;
	font-size:18px;
	font-weight:500;
	color:#00d0ec;
}

.button_blick_werfen{
	width:217px;
	height:34px;
	clear:left;
	float:left;
}

.articlecommentbox{
	width:auto;
	clear:left;
	float:left;
	color:#00d0ec;
	font-size:13px;
	margin-top:15px;
}

.articlecommentbox a{
	color:#00d0ec;
	font-size:13px;
	text-decoration:none;
}

.articlecommentbox a:hover{
	color:#00d0ec;
	font-size:13px;
	text-decoration:underline;
}

.articleedit{
	width:auto;
	float:right;
}

.articleedit a{
	color:#00d0ec;
	font-size:11px;
	text-decoration:none;
}

#commentBox{
	width:auto;
	clear:left;
	float:left;
	margin-left:45px;
	margin-top:30px;
}

.commentlist .fn{
	font-size:12px;
}

.commentlist .says{
	font-size:12px;
}

.commentlist .commentmetadata a{
	font-size:13px;
	color:#898886;
	text-decoration:none;
}

.commentlist .reply{
	width:100%;
	height:2px;
	margin-bottom:10px;
}

.commentlist li{
	background-color:#333;
}

#commentform{
	width:auto;
	clear:left;
	float:left;
	margin-left:20px;
}

#commentform input{
	width:auto;
	clear:left;
	float:left;
}

#commentform label{
	width:auto;
	float:left;
	margin-left:5px;
}

#commentform p{
	width:600px;
	float:left;
	clear:left;
	margin-top:10px;
	margin-bottom:0px;
}

.commentBoxTitle{
	width:auto;
	clear:left;
	float:left;
	margin-left:20px;
	font-size:18px;
	color:#00d0ec;
}

.flir-replaced{
	margin:0px;
	padding:0px;
}

#comment{
	background-color:#333333;
	color:#CCC;
	border:1px #000;
}

#author{
	background-color:#333333;
	color:#CCC;
	font-size:14px;
	border:none;
}

#email{
	background-color:#333333;
	color:#CCC;
	border:1px #000;
	font-size:14px;
}

#url{
	background-color:#333333;
	color:#CCC;
	border:1px #000;
	font-size:14px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	width:auto;
	float: right;
	}

.alignleft {
	width:auto;
	float: left;
	}
/* End Images */

.articledate{
	width:34px;
	height:46px;
	margin:0px;
	margin-top:11px;
	padding:0px;
	padding-left:6px;
	background-image:url(images/date_bg.png);
	background-repeat:no-repeat;
}

.date_day{
	width:auto;
	color:#07353c;
	float:left;
	clear:left;
	font-size:23px;
	font-weight:bold;
	padding-top:1px;
}

.date_month{
	width:auto;
	color:#07353c;
	float:left;
	font-size:14px;
	padding-left:2px;
	padding-top:2px;
}

.button_mehr{
	width:auto;
	float:left;
	clear:left;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.preiseContainer{
	width:225px;
	float:left;
	overflow:visible;
	margin-right:25px;
	margin-top:20px;
}

.preiseContainer-vert{
	width:750px;
	float:left;
	overflow:visible;
	margin-right:0px;
	margin-top:20px;
}

.preiseSpalte{
	width:200px;
	height:47em;
	float:left;
	clear:left;
	padding-left:15px;
	padding-right:10px;
	background-color:#222;
	background-image:url(images/preisContainerMiddle.png);
	background-repeat:repeat-y;
	color:#898886;
}

.preiseSpalte-vert{
	width:685px;
	height:370px;
	float:left;
	background-color:#222;
	background-image:url(images/preisContainerMiddle-vert.png);
	background-repeat:repeat-x;
}

.preisSpalteHead{
	width:225px;
	height:20px;
	float:left;
	clear:left;
	background-image:url(images/preisContainerHead.png);
	background-repeat:no-repeat;
}

.preisSpalteHead-vert{
	width:20px;
	height:370px;
	float:left;
	background-image:url(images/preisContainerHead-vert.png);
	background-repeat:no-repeat;
}

.preisSpalteBottom{
	width:225px;
	height:22px;
	float:left;
	clear:left;
	background-image:url(images/preisContainerBottom.png);
	background-repeat:no-repeat;
}

.preisSpalteBottom-vert{
	width:22px;
	height:370px;
	float:left;
	background-image:url(images/preisContainerBottom-vert.png);
	background-repeat:no-repeat;
}

.preisdescription{
	
	padding-left:6px;
	margin:0px;
}

.preisdescription-vert{
	width:200px;
	float:left;
	padding-left:6px;
	margin:0px;
}

.preisdescription a{
	color:#CCC;
}

.preisdescription a:hover{
	color:#EEE;
}

.preisdescription-vert a{
	color:#CCC;
}

.preisdescription-vert a:hover{
	color:#EEE;
}

.preisdescription li span{
	font-weight:bold;
	font-size:14px;
	color:#00D0EC;
}

.preisdescription-vert li span{
	font-weight:bold;
	font-size:14px;
	color:#00D0EC;
}

.preisdescription li{
	font-weight:normal;
	font-size:12px;
	color:#CCC;
	margin-top:12px;
}

.preisdescription-vert li{
	font-weight:normal;
	font-size:12px;
	color:#CCC;
	padding-right:10px;
}

.preisBeispiel{
	margin-top:10px;
}

.preisBeispiel span{
	font-weight:bold;
	color:#00D0EC;
	font-size:14px;
}

.preisBeispiel a{
	height:1em;
	font-weight:normal;
	color:#CCC;
	font-size:14px;
}

.preisBeispiel a:hover{
	color:#EEE;
}

.pagecontentheadline h4{
	color:#81ecff;
	font-size:28px;
	font-weight:bold;
	margin-top:0;
	padding-bottom:5px;
	padding-top:0px;
	margin:0px;
}

.pagecontentheadline-vert h4{
	color:#81ecff;
	font-size:28px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:0px;
	margin:0px;
	margin-top:15px;
}

.preisPreis span{
	color:#FFF;
	font-size:42px;
	font-weight:bold;
}

.preisPreis{
	width:auto;
	float:right;
	color:#CCC;
	font-size:16px;
	margin-bottom:10px;
}

#euro299{
	margin-right:-10px;
}

#euro1998{
	margin-top:-5px;
	margin-right:-45px;
}

#euro899{
	margin-top:20px;
}

#euro2199{
	margin-top:86px;
}

.preiseHeadlineContainer{
	height:7em;
}

boxStartupEmpty{
	width:auto;
	width:225px;
	float:left;
	clear:left;
	height:18em;
	background-image:url(images/preisContainerMiddle.png);
	background-repeat:repeat-y;
}

.kleingedruckt{
	width:auto;
	float:left;
	clear:left;
	font-size:11px;
	color:#FFF;
}

.button_auftragsanfrage{
	width:auto;
	clear:both;
	float:right;
	margin-top:5px;
	margin-right:7px;
}

#button_auftragsanfrageID4{
	margin-right:0px;
	margin-top:0px;
	
}

#under_construction{
	width:259px;
	height:61px;
	left:540px;
	top:330px;
	position:absolute;
}

.kontanktfeld{
	width:270px;
	margin-top:10px;
}

.kontanktradio{
	margin-top:10px;
}

.kontakt_input{
	width:264px;
	height:25px;
	background-color:transparent;
	border:none;
	color:#BBB;
	font-size:16px;
	padding-top:5px;
	padding-left:7px;
	margin-top:4px;
	background-image:url(images/input_bg.png);
	background-position:right;
	background-repeat:no-repeat;
}

#submit input{
	width:217px;
	height:34px;
	margin-top:8px;
	background-color:transparent;
	border:none;
	color:#222;
	font-size:0px;
	background-image:url(images/button_anfrage_absenden.png);
	background-repeat:no-repeat;
}

#submit input:hover{
	background-image:url(images/button_anfrage_absenden_over.png);
}

#kontaktformular textarea{
	width:329px;
	height:221px;
	margin-top:4px;
	background-color:transparent;
	border:none;
	font-size:16px;
	padding-top:7px;
	padding-left:7px;
	color:#BBB;
	background-image:url(images/textarea_bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
	background-position:bottom;
}

#kontanktradio input{
	margin-top:4px;
	background-color:transparent;
}

.wpcf7-list-item-label{
	color:#00D0EC;
}

.kontanktfeld_headline{
	color:#CCC;
	font-size:18px;
}

.wpcf7-list-item{
	color:#CCCCCC;
	font-size:16px;
}

#kontakt_textarea{
	width:335px;
	float:right;
	margin-right:120px;
	margin-top:4px;
}

.impressumcontainer{
	padding-right:30px;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.comment-author{
	width:100%;
}

.comment{
	width:500px;
}

#optimierung{
	position:absolute;
	top:767px;
	left:110px;
}