/* css styles for domizil60.de by internetgestalten.de 2006*/
* {margin:0; padding:0;}

body {	background-color:#807673;
		font-size:10pt;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-weight:550;
		color:#fff;
		padding:0px;
		margin:0px;}

img {border:none;}	
		
/* nur start seite */		
#start {background-image:url(../images/derix_gross_links.gif); background-position:left top; background-repeat:no-repeat;}
/* standard backgorund */		
#standard {background-image:url(../images/derix_klein_links.gif); background-position:left top; background-repeat:no-repeat;}

/*topnavi backgroundimages per css*/
#navi {position:absolute; top:0px; left:0; font-size:1em;}
#navi img {border:none;}
#start #navi {top:505px; left:380px; height:26px;}

#navi1 {margin-right:34px; cursor:pointer;}
#navi1 a {background-image:url(../images/navi/wirueberuns.gif); background-position:top left; background-repeat:no-repeat;}
#navi1 a:hover {background-image:url(../images/navi/wirueberuns_hover.gif); background-position:top left; background-repeat:no-repeat;}

#navi2 {margin-right:26px; cursor:pointer;}
#navi2 a {background-image:url(../images/navi/arbeiten.gif); background-position:top left; background-repeat:no-repeat;}
#navi2 a:hover {background-image:url(../images/navi/arbeiten_hover.gif); background-position:top left; background-repeat:no-repeat;}

#navi3 {margin-right:34px; cursor:pointer;}
#navi3 a{background-image:url(../images/navi/galerie.gif); background-position:top left; background-repeat:no-repeat;}
#navi3 a:hover {background-image:url(../images/navi/galerie_hover.gif); background-position:top left; background-repeat:no-repeat;}

#navi4 {cursor:pointer;}
#navi4 a {background-image:url(../images/navi/kontakt.gif); background-position:top left; background-repeat:no-repeat;}
#navi4 a:hover {background-image:url(../images/navi/kontakt_hover.gif); background-position:top left; background-repeat:no-repeat;}

/*sub navi links backgroundimages per css*/
#subnavi {position:relative; top:330px; left:50px; font-size:20px; width:200px;}
#subnavi img {border:none;}

#subsub {width:200px; background-color:#FF00CC;}
#subnavi div {width:198px; height:26px; margin:2px 0; cursor:pointer;}
/* glas */
#subnavi1 a {background-image:url(../images/navi/subnavi_glas.gif); background-position:left 75%; background-repeat:no-repeat;}
#subnavi1 a:hover {background-image:url(../images/navi/subnavi_glas_hover.gif); background-position:left 75%; background-repeat:no-repeat;}
/* restaurierung */
#subnavi2 a {background-image:url(../images/navi/subnavi_rest.gif); background-position:left 75%; background-repeat:no-repeat;}
#subnavi2 a:hover {background-image:url(../images/navi/subnavi_rest_hover.gif); background-position:left 75%; background-repeat:no-repeat;}
/* mosaik */
#subnavi3 a{background-image:url(../images/navi/subnavi_mosaik.gif); background-position:left 75%; background-repeat:no-repeat;}
#subnavi3 a:hover {background-image:url(../images/navi/subnavi_mosaik_hover.gif); background-position:left 75%; background-repeat:no-repeat;}
/* wand */
#subnavi4 a {background-image:url(../images/navi/subnavi_wand.gif); background-position:left 75%; background-repeat:no-repeat;}
#subnavi4 a:hover {background-image:url(../images/navi/subnavi_wand_hover.gif); background-position:left 75%; background-repeat:no-repeat;}

/*    box     */
#links { width:150px; float:left; padding:0px; margin:0;}
#content {position:absolute; top:40px; left:270px; width:600px; padding-right:10px;}
#content p {margin-bottom:10px;}
.headline {margin:75px 0 65px 0;}
.headlineprojekt {margin:75px 0 0 0;}
.projekttext {margin:3px 0 30px 0;}
#bilder {position:absolute; top:175px; left:0px;}
#bilder img {position:absolute;}

/*  arbeiten  */
#content .arbeiten {clear:both; margin-bottom:20px; display:block;}
#content .arbeiten h1 {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 15px 160px;}
#content .arbeiten img {float:left; margin-bottom:10px;}
#content .arbeiten p {margin:0 0 0 160px;}

/*  kontakt  */
#mailformular, input, textarea {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
#mailformular{
	position:absolute;
	left:0px;
	top:120px;
	color:#bbbfc2; 
	width:690px;
}
#mailformular #mleft{
	float:left;
	width:360px;
}
#mailformular #mright{
	float:left;
	margin-top:15px;
}
#mailformular input{
	height:15px;
	border:0px;
	width:315px;
}
#mailformular input:focus{background-color:#ddd;}

#mailformular textarea{
	width:315px;
	height:315px;
	border:0px;
	overflow:auto;
}
.mitem{	margin-bottom:15px;}
.mitem .lbl{ margin-bottom:5px;}
#mailformular #sendMail input{
	margin:0px;
	width:315px;
	height:25px;
	color:#606467;
	font-weight:bold;
	float:left;
	text-decoration:none;
	border:1px solid #bbb;
}
#mailformular #sendMail input:hover{ background-color:#fff;}
.errormsg {margin-top:300px;}

#popup {margin:0px; padding:0;}
#popup img {margin:0px; padding:0;}