/* hauptstruktur */



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

html, body
{ height:100%;
}

body{	
	background-color:#EFEFEF;
	background-repeat:repeat-x;
	text-align:center; /* mittig für IE */
}
.maintable { 
    width:759px;
    height:100%;
    margin:0px auto; /* mittig modern */
	border-left:20px solid #FFF;
	border-right:20px solid #FFF;
} 
.haupttd { 
    vertical-align:top;
    text-align:left;
	border:0px solid #FFF;
	background-color:#FFF;
} 
.copytd { 
    height:1px;
    vertical-align:bottom;
    text-align:left;
	border:0px solid #FFF;
    background-color:#FFF;
}



/* standardformatierungen */



img {
    border:0px solid #FFF;
	margin-right:0px;
}
div, p { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:140%;
    font-size:11px;
	color:#343631;
}
li {
	margin-left:20px;
	width:80%;
}
p, h2 { 
	margin-bottom:10px;
}
h1 {
	font-family:Arial, Helvetica, Verdana, sans_serif;
    font-size:18px;
	line-height:120%;
	font-weight:bold;
	margin-bottom:10px;
	color:#343631;
}
h2 {
	font-family:Arial, Helvetica, Verdana, sans_serif;
    font-size:13px;
	line-height:120%;
	font-weight:bold;
	/* color:#FF9342; */
}
h3 {
    font-family:Arial, Helvetica, Verdana, sans_serif;
	font-size:11px;
	font-weight:bold;
}
input[type="Text"], textarea {
    width:90%;
    background-color:FFF;
	margin:5px 0px;
	padding:2px;
	border:1px solid #CCC;
}
input[type="checkbox"] {
    width:15px;
    background-color:FFF;
	margin:5px 0px;
	border:1px solid #CCC;
}
input[name="spamblocker"] {
    width:20%;
    background-color:FFF;
	margin:5px 0px;
	padding:2px;
	border:1px solid #CCC;
}
input[name="submit"] {
    background-color:FFF;
	margin:5px 0px;
	padding:2px 0px;
	border:1px solid #CCC;
}
a {
	font-family:Arial, Helvetica, Verdana, sans_serif;
    font-size:11px;
	font-weight: bold;
	text-decoration:none;
}

a:link, a:visited {
	color:#FF9342;
}
a:focus, a:hover, a:active {
	color:#1E201B;
}

.navi a {
	font-family:Arial, Helvetica, Verdana, sans_serif;
    font-size:11px;
	font-weight:normal;
	text-decoration:none;
	padding:2px 5px;
	border-bottom:1px solid #FFF; 
	outline: none; 	/*fix link-outline bug in FF*/
	display:block;
    color:#1E201B;
}
.navi a:link, .navi a:visited {
	background-color:#FFC9A0;
}
.navi a:focus, .navi a:hover {
    background-color:#FF9342;
}
.navi a:active {
    background-color:#FF9342;
}

.navi a.on {
    font-weight:bold;
}
.navi a.on:link, .navi a.on:visited {
	background-color:#FF9342;
}
.navi a.on:focus, .navi a.on:hover {
    background-color:#FF9342;
}
.navi a:active, .navi a.on:active {
    background-color:#FF9342;
}



.subnavi a:link, .subnavi a:visited {
	background-color:#FFF;
}
.subnavi a:focus, .subnavi a:hover {
    background-color:#E5E5E5;
}
.subnavi a:active {
    background-color:#FF9342;
}

.subnavi a.on {
    font-weight:bold;
}
.subnavi a.on:link, .subnavi a.on:visited {
	background-color:#E5E5E5;
}
.subnavi a.on:focus, .subnavi a.on:hover {
    background-color:#E5E5E5;
}
.subnavi a:active, .subnavi a.on:active {
    background-color:#E5E5E5;
}




/* zusatzformatierungen */


.footnote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:13px;
}
.top{
	height:217px;
	background-color:#FFF;
	margin-top:18px;
}
.logobild1{
	background-image: url("../images/grothoff_header_willkommen.gif");
}
.logobild2{
	background-image: url("../images/grothoff_header_immobilien.gif");
}
.logobild3{
	background-image: url("../images/grothoff_header_sanierung.gif");
}
.logobild4{
	background-image: url("../images/grothoff_header_team.gif");
}
.logobild5{
	background-image: url("../images/grothoff_header_anfrage.gif");
}
.logobild6{
	background-image: url("../images/grothoff_header_impressum.gif");
}
.logobild1, .logobild2, .logobild3, .logobild4, .logobild5, .logobild6{
	height:73px;
	background-repeat:no-repeat;
	margin:2px 0px;
}
.indexbild{
	height:142px; 
	width:100%; 
	background-image: url("../images/grothoff_headerpic.gif"); 
	background-repeat:no-repeat;
}
.content {
	width:759px;
	padding:0px;
	margin:0px 0px 0px 0px;
	border:0px solid blue;
	float:left;
}
.leftbox {
	float:left;
	width:180px;
	margin-top:-20px;/*
	overflow:hidden; versteckt alle Teile die herausragen! */
}
.transpbox {
	height:40px;
	background-color:#FFF;
	border-bottom:1px solid #FFF;
    filter:alpha(0%); 
	opacity:.0;
}
.navi {
	background-color:#D3D3D3;
	background-image: url("../images/farbverlauf.jpg");
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:20px;
	/*height:270px;*/
}
.mainbox {
    width:559px;
	padding:30px 0px 30px 20px;
	float:left;
}
.mainbox p {
	padding:0px;
}
.margintop {
	margin-top:5px;
}
.bottom {
    padding-bottom:10px;
}
.copyline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	height:20px;
	padding:3px 0px 0px 190px;
}
.mainbox .copyline {
	text-align:left;
}
.trenner {
	height:1px;
	width:100%;
	border-bottom:1px solid #EE8C30;/*#*/
	margin-top:30px;
	margin-bottom:10px;
}
.trenner2, .trenner3 {
	border-bottom:1px solid #EE8C30;
}
.trenner3 {
	clear:both;
}
.team {
	float:left;
	margin-right:20px;
	width:150px;
}
.bildhalter {
    background:#FFF;
	height:150px;
	margin-bottom:2px;
}
.bildlinks {
	margin-right:19px;
}

.markiert {
    display:block;
    width:8px;
    height:16px;
    float:left;
    margin-right:5px;
    background: #FF9342;
}

.intro {
	font-family:Arial, Helvetica, Verdana, sans_serif;
    font-size:13px;
	line-height:120%;
	font-style:italic;
	margin-bottom:10px;
	/*color:#FF9342;*/
	color:#666;
}

.swfdiv {
    line-height: 100%;
	font-size:1px;
	margin-bottom:5px;
}


/* zusatzformatierungen */

/*#inFrame {
height: 100%; 
width: 100%; 
overflow: hidden; 
}*/