@charset "utf-8";
body{
	background:#fff;
	background-image: url('../gfx/bgbild.jpg');
	background-repeat:repeat;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	
}

#webpro{
	background-image:url('../gfx/webpro.png');
	background-repeat:no-repeat;
	width:230px;
	height:14px;
	margin: -24px 0px 0px 0px;
	padding-bottom:5px;
}

#webdev{
	background-image:url('../gfx/webdev.png');
	background-repeat:no-repeat;
	width:360px;
	height:14px;
	float:right;
	margin: -31px 0px 0px 10px;
}


#content{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 500px;
	margin-top: -250px; 
	/*
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	background-image: url('../gfx/trans_bg.png');
	*/
	padding-top:5px;
}

#main{
	width:800px;
	height:500px;
	margin:0 auto;
	/* padding: 10px; */
}

#menu{
	position:relative;
	height:80px;
	width:800px;
	/*
	border-bottom:5px solid #000;
	background:#000;
	*/
	margin: -40px 0px 0px 0px;
}

.menuitem{
	width:77px;
	height:77px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	float:right;
	text-align:right;
	padding:2px;
	cursor:pointer;
}

.menutext{
	height: 20px;
	width: 81px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	color:#f00;
}

#menutexte{
	float:left;
	margin: -10px 0px 0px 393px;
}

.home{
	background-image:url('../gfx/hm.png');
}


.leist{
	background-image:url('../gfx/leist.png');
}

.leist_active{
	background-image:url('../gfx/leist2.png');
}

.home_active{
	background-image:url('../gfx/hm2.png');
}


.cont{
	background-image:url('../gfx/cnt.png');
}


.cont_active{
	background-image:url('../gfx/cnt2.png');
}

.port{
	background-image:url('../gfx/porf.png');
}

.port_active{
	background-image:url('../gfx/porf2.png');
}


.impr{
	background-image:url('../gfx/im.png');
}

.impr_active{
	background-image:url('../gfx/im2.png');
}

#inhalt{
	width:800px;
	height:445px;
	background-color:#d6cfc6;
	border-left:5px solid #000;
	border-right:5px solid #000;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	margin: -56px 0px 0px 0px;
	padding: 50px 10px 10px 10px;
	float:left;
}

#oben{
	width:800px;
	margin: 0 auto;
}

#unten{
	width:855px;
	margin: 0 auto;
}

#throbber{
	position: fixed;
	top: 50%;
	left: 50%;
	width:66px;
	height:66px;
	margin: -33px 0px 0px -33px;
	display:none;
}

#imp_adresse{
	float:right;
	margin: 10px 0px 0px 0px;
	width:450px;
	text-align:right;
}

#imp_titel{
	width:450px;
	float:right;
	font-size:12pt;
	font-weight:bold;
	text-align:right;
	margin: 20px 0px 0px 0px;
}

#imp_links{
	width:800px;
	float: right;
	margin: 10px 0px 0px 0px;
	text-align:justify;
}

#imp_urheber{
	width:800px;
	float:right;
	margin: 50px 0px 0px 0px;
	text-align:justify;
}

strong{
	font-weight:bold;
	text-transform:uppercase;
}

#contact_main{
	margin: -30px 15px 0px 15px;
}

.contact_input{
	width:300px;
	float:left;
	margin: 2px 175px 2px 5px;
	background:#fff;
	border:2px solid #000;
	font-weight:bold;
}

.contact_input_breit{
	width:500px;
	float:left;
	margin: 2px 0px 2px 5px;
	background:#fff;
	border:2px solid #000;
	font-weight:bold;
}

.contact_textarea{
	width:500px;
	height:250px;
	float:left;
	margin: 2px 0px 2px 5px;
	background:#fff;
	border:2px solid #000;
	font-weight:bold;
}

.contact_beschriftung{
	width:140px;
	height:20px;
	float:left; 
	font-weight:bold;
	margin:2px 0px 2px 55px;
	padding: 2px 0px 0px 0px;
	
}

h2{
	font-size:14pt;
	font-weight:bold;
	color:#f00;
}

h3{
	font-size:14pt;
	font-weight:bold;
	color:#000;
}

#contact_form{
	margin-top:10px;
}

#contact_form button{
	border:2px solid #000;
	color:#f00;
	background-color:#fff;
	float:left;
	font-weight:bold;
	margin-left:584px;
	width:120px;
}

a{
	color:#f00;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.handy{
	color:#f00;
}

h3 > b{
	color:#f00;
	font-size:14pt;
	font-weight:bold;
	
}

h3 > i{
	color:#f00;
	font-size:14pt;
	font-weight:bold;
	margin: 0px -3px 0px -7px;
	padding: 0px 0px 3px 0px;
	font-style:normal;
}

#emailresponse{
	float:left;
	width:575px;
	height:20px;
	margin-top:5px;
	margin-bottom:-25px;
	text-align:right;
}

.emailfehler{
	font-weight:bold;
	color:#f00;
}

.emailerfolg{
	font-weight:bold;
	color:#0f0;
}

#portfolio_main{
	margin: -30px 15px 0px 15px;
}

#ref_foto{
	border:3px solid #000;
	margin: 0 auto;
}

#reflinks{
	width:450px;
	height:300px;
	padding: 10px;
	margin-top:20px;
	float:left;
}

#refrechts{
	width:300px;
	height:300px;
	float:left;	
	margin-top:20px;
	padding-top:10px;
}

#referenz_navi{
	width:300px;
	margin-top:10px;
}

#portfolio_text{
	margin-bottom:10px;
}

#ref_titel_beschriftung{
	width:75px;
	font-weight:bold;
	float:left;
	color:#f00;
}

#ref_titel{
	width:375px;
	float:left;
	font-weight:bold;
	color:#f00;
}

#ref_text{
	margin-top:35px;
	font-weight:bold;
}

#referenz_navi img{
	border:none;
}

#blaettern{
	text-transform:uppercase;
	color:#000;
	font-size:10pt;
	font-weight:bold;
	float:left;
	padding: 10px 5px 0px 5px;
}

.navbut{
	float:left;
}	

#leistungen_main{
	margin: -30px 15px 0px 15px;
}

#leistungen_text{
	margin-bottom:10px;
}

.leist_bezeichnung{
	font-size:10pt;
	font-weight:bold;
	color:#f00;
}

.bgstar{
	background-image:url('/gfx/bgstar.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}

.bgstart{
	background-image:url('/gfx/bgstart.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}

.bgletter{
	background-image:url('/gfx/bgletter.gif');
	background-position:right bottom;
	background-repeat:no-repeat;

}

.bgimpr{
	background-image:url('/gfx/bgimpr.gif');
	/* background-position:right bottom; */
	background-position:right bottom;
	background-repeat:no-repeat;

}

#leistungen_liste > ul > li{
	list-style:none;
	margin-bottom:10px;
}

#leistungen_liste{
	height:360px;
	overflow:auto;
}

.start_list{
	list-style:none;
	font-size:16pt;
	color:#000;
	margin:15px 5px 15px 5px;
	font-weight:bold;
}

.slashes{
	color:#f00;
	font-weight:bold;
	
}

.slashes > b{
	
}

.slashes > i{
	margin: 0px -3px 0px -7px;
	padding: 0px 0px 3px 0px;
	font-style:normal;
}

.rechts{
	text-align:right;
}