/* ----------------------------------------------------
     
   This Style Sheet document is NOT a template!!
   You may NOT modify it and/or use it 
   on any private or commercial website
   
   all rights reserved - www.honeyjazz.net
   ---------------------------------------------------- */


/* Gerüst
------------------------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	/*text-align: center;*/
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	background: url(gfx/bg.png) repeat-x;
}
a {
	color: #2B60C1;
	text-decoration: none;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
}
#extra {
	background: url(gfx/20jahre.png) no-repeat;
	height: 202px;
	width: 164px;
	margin-left: 250px;
	position: absolute;
	left: 438px;
	top: 124px;
}


a:hover, a:active,
#head .global a.on {
	border-bottom: 1px dotted #1F458C;
}
* html #extra {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='gfx/20jahre.png');
}



#container {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	position: relative;
}



/* Kopf
------------------------------------------------------- */
#head {
	height: 80px;
}
#head h1 {
	background: url(gfx/logo.png) no-repeat;
	float: left;
	height: 79px;
	width: 251px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#head h1 a {
	display: block;
	height: 79px;
	width: 251px;
}
#head h1 span {
	display: none;
}
#head p.global {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
}
#head p.global a {
	margin-left: 25px;
}





/* Hauptnavigation
------------------------------------------------------- */
#navi {
	height: 80px;
	clear: both;
	margin-left: 20px;
}
#navi a {
	color: #FFFFFF;
	text-decoration: none;
	width: 147px;
	float: left;
	height: 60px;
	padding-top: 20px;
	padding-left: 8px;
}
#navi a:hover,
#profil #navi a.profil,
#leistungen #navi a.leistungen,
#immobilien #navi a.immobilien,
#kontakt #navi a.kontakt,
#wertpapier #navi a.wertpapier {
	background: url(gfx/bg_navi_hover.png) no-repeat;
	border: 0px none;
}
h1.mainheadline {
	font-size: 24px;
	font-weight: normal;
	margin-top: 40px;
	margin-bottom: 30px;
}





/* Teaser & Subnavigation
------------------------------------------------------- */
#teaser {
	float: left;
	width: 250px;
	color: #808080;
}
#leistungen #teaser #partner {
	background: url(gfx/bg_teaser_shadow.png) no-repeat left bottom;
	padding-bottom: 35px;
	padding-left: 10px;
}
#leistungen #teaser #partner p {
	margin-bottom: 14px;
}

#leistungen #teaser #partner a:hover,
#leistungen #teaser #partner a:active {
	border-width: 0px;
	border-style: none;
}
#leistungen #teaser #partner img {
	border: 1px solid #757676;
}
/*#leistungen #content .henrikotto {
	margin-right: 10px;
	float: left;
	margin-top: 5px;
	padding: 4px;
	border: 1px solid #5460CA;
}*/
#content img.floatleft {
	margin-right: 10px;
	float: left;
	margin-top: 5px;
	padding: 4px;
	border: 1px solid #5460CA;
}



#profil #teaser p {
	margin-bottom: 40px;
}
#teaser h1 {
	font-size: 14px;
	color: #818181;
	margin-top: 0px;
	margin-bottom: 16px;
}
#teaser img {
	border: 1px solid #345188;
}

#teaser #subnavi {
	margin-bottom: 35px;
}

#teaser #subnavi a {
	display: block;
	padding-top: 7px;
	padding-bottom: 6px;
	margin-left: 10px;
	padding-left: 15px;
	background: url(gfx/bg_subnavi.png) no-repeat;
	border-bottom: 1px dotted #8cafd0;
}
/*#teaser #subnavi a:hover {
	border: 0px none;
}*/
#leistungen #teaser #subnavi a.on,
#leistungen #teaser #subnavi a:hover {
	background: url(gfx/bg_subnavi_on.png) no-repeat;
	border-bottom: 1px dotted #8cafd0;
}

#content h2 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 16px;
}
#index #content {
	padding-top: 200px;
	width: 750px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: url(img/home.jpg) no-repeat;
}



/* Content 
------------------------------------------------------- */
#content {
	float: left;
	width: 485px;
	margin-left: 15px;
}
#content li {
	list-style: url(gfx/bullet.png);
	line-height: 26px;
}

#teaser, #content {
	margin-bottom: 70px;
}



/* Formulare 
------------------------------------------------------- */
#kontakt form {
	margin-top: 30px;
}
#kontakt form p label {
	float: left;
	width: 150px;
}
#kontakt form #submit .btn {
	background: url(none);
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
#kontakt form input.field, form textarea.field {
	width: 300px;
	color: #76684E;
	font: 100% Tahoma, Verdana, Helvetica, Arial, sans-serif;
	padding: 2px;
	border: 1px solid #c4c7ca;
	background: #FFFFFF url(gfx/bg_input.png) repeat-x left bottom;
}
/* #kontakt form input.field {
	 background: #E9E1D1 url(../gfx/bg_input.gif) repeat-x;
}
#kontakt form textarea.field {
	 background: #E9E1D1 url(../gfx/bg_textarea.gif) repeat-x;
} */
#kontakt .submit {
	margin-left: 150px;
	margin-top: 10px;
	clear: both;
}


/* Fußzeile
------------------------------------------------------- */
#foot{
	clear: both;		/* WICHTIG!! */
	height: 20px;
	border-top: 1px solid #1E448B;
	font-size: 10px;
	color: #1F458C;
}
#foot a {
	color: #1F458C;
}
#content h3 {
	font-size: 14px;
	margin-top: 22px;
	margin-bottom: 4px;
	color: #497089;
}