/********************************************
AUTHOR:  			project2011.de 
WEBSITE:   			http://www.project2011.de/
VERSION:            1.0	
DATE:          	    Oktober-2009          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */


body {
	background: #40808A;
	text-align: center;
	margin: 0 0 0 0;	
	color: #333;
	line-height: 1.7;
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
}
.texthigh {
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}

/* links */
a, a:visited {	
	color: #FF3300; 
	background: inherit;
	font-weight: bold;
	text-decoration: underline;		
}
a:hover {
	color: #000033;
	background: inherit;
	font-weight: bold;
	padding-bottom: 0;
	text-decoration: underline;
}
#textright {
	text-align: right;
}

/* form elements */
form {
	margin:10px; padding: 5px 5px 7px;
	background: #CCCCFF;	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background: #e7e6e6 url(button.jpg) repeat-x;
	border: 1px solid #dadada;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 1165px;
	height: 980px;
	margin: 0 auto;
	text-align: left;
	background: url(/misc/img/back_01.jpg) center top no-repeat;
}

/* Newsletterbox */
#newsletter {
	position: absolute;
	width: 200px;
	height: 25px;
	top: 10px; right: 215px;	
	color: #838181;
	font-size: 10px;	
}

/* Headline */
#headline {
	position: absolute;
	width: 440px;
	height: 55px;
	top: 230px; right: 470px;	
	font-size: 10px;	
}

/* Contentbox */
#contentbox {
	position: absolute;
	width: 440px;
	height: 65px;
	top: 315px; right: 470px;	
}

/* Referenzenbox */
#referenzenbox {
	position: absolute;
	width: 190px;
	height: 95px;
	top: 245px; right: 230px;	
}

/* NaviTop */
#home {
	position: absolute;
	width: 70px;
	height: 25px;
	top: 52px;
	right: 430px;
	color: #838181;
	font-size: 10px;
}
#service {
	position: absolute;
	width: 80px;
	height: 25px;
	top: 52px;
	right: 315px;
	color: #838181;
	font-size: 10px;
}
#loesungen {
	position: absolute;
	width: 80px;
	height: 25px;
	top: 52px;
	right: 215px;
	color: #838181;
	font-size: 10px;
}

/* FormButton */
#formbutton {
	position: absolute;
	width: 150px;
	height: 40px;
	top: 630px;
	right: 250px;
	color: #838181;
	font-size: 10px;
}

/* NaviFooter */
#home1 {
	position: absolute;
	width: 70px;
	height: 25px;
	top: 780px;
	right: 700px;
	color: #838181;
	font-size: 10px;
}
#service1 {
	position: absolute;
	width: 80px;
	height: 25px;
	top: 780px;
	right: 590px;
	color: #838181;
	font-size: 10px;
}
#loesungen1 {
	position: absolute;
	width: 80px;
	height: 25px;
	top: 780px;
	right: 500px;
	color: #838181;
	font-size: 10px;
}
#kontakt1 {
	position: absolute;
	width: 80px;
	height: 25px;
	top: 780px;
	right: 390px;
	color: #838181;
	font-size: 10px;
}
#impressum1 {
	position: absolute;
	width: 90px;
	height: 30px;
	top: 780px;
	right: 280px;
	color: #838181;
	font-size: 10px;
}

#twitter {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 725px;
	right: 225px;
}
#pauli {
	position: absolute;
	width: 65px;
	height: 65px;
	top: 805px;
	right: 235px;
}