/*****************************************************

Styles für maincuvée

******************************************************/

/* Font-size
  10px =>0.625em !da font-size auf 101% gesetzt ist, müssen die werte noch /101*100 gerechnet werden
  11px =>0.69em
  12px =>0.75em
  13px =>0.81em
  14px =>0.87em
  15px =>0.94em
  Größe in px *0,0618811881
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

ol, ul{
	list-style: none;
}

fieldset,img{
	border: 0;
}

abbr{
	text-decoration: none;
	border-bottom: 0em none;
}

.hidden{
	display: none;
}

#error{
	color: #F00;
	position: absolute;
	top: 80px;
	left: 30px;
}

#feedback{
	color: #1A171B;
	position: absolute;
	top: 80px;
	left: 30px;
}

body{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #1A171B;
}

div#main{
	margin: 75px auto;
	width: 980px;
	text-align: left;
	position: relative;
	height: 613px;
}

div.home{
	background-image: url(../img/bg_home.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.baurecht{
	background-image: url(../img/bg_baurecht.gif);
	background-position: 0px 52px;
	background-repeat: no-repeat;
}

div.brandschutz{
	background-image: url(../img/bg_brandschutz.gif);
	background-position: right 52px;
	background-repeat: no-repeat;
}

div.gutachten{
	background-image: url(../img/bg_gutachten.gif);
	background-position: left 45px;
	background-repeat: no-repeat;
}

div.sigeko{
	background-image: url(../img/bg_sigeko.gif);
	background-position: left 52px;
	background-repeat: no-repeat;
}

div.energieberatung{
	background-image: url(../img/bg_energieberatung.gif);
	background-position: left 52px;
	background-repeat: no-repeat;
}

div.kontakt{
	background-image: url(../img/bg_kontakt.jpg);
	background-position: left 52px;
	background-repeat: no-repeat;
}

#main #logo{
	position: absolute;
	left: 32px;
	top: 127px;
}

#nav {
	text-align: justify;
	width: 100%;
	height: 34px;
	padding-top: 10px;
	background-image: url(../img/bg_nav.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#nav a{
	display: inline;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.7px;
}

/*#nav a.normalcase, #nav span.normalcase{
	text-transform: none;
}*/

#nav .lastline {
  	display: inline;
	display: inline-block; /* Opera */
 	padding-left: 100%;
}

#nav span{
	color: #9C0A7D; 
	display: inline;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.7px;
}

#nav a:link{
	color: #1A171B;
	text-decoration: none;
}

#nav a:visited{
	color: #1A171B;
	text-decoration: none;
}

#nav a:focus{
	color: #1A171B;
	text-decoration: none;
}

#nav a:hover{
	color: #9C0A7D;
	text-decoration: none;
}

#nav a:active{
	color: #1A171B;
	text-decoration: none;
}

div.home #maincontent{
	width: 277px;
	position: absolute;
	top: 327px;
	left: 35px;
}

div.home #maincontent h2{
	font-size: 22.5px;
	font-weight: bold;
	line-height: 107%;
	color: #9C0A7D;
	letter-spacing: 1.5px;
}

div.entwurf #maincontent h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
	width: 190px;
	color: #9C0A7D;
	position: absolute;
	top: 46px;
	left: 20px;
	letter-spacing: 1px;
}

div.brandschutz #maincontent h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
	width: 180px;
	color: #9C0A7D;
	position: absolute;
	top: 116px;
	left: 186px;
	letter-spacing: 1px;
}

div.gutachten #maincontent h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 115%;
	width: 228px;
	color: #9C0A7D;
	position: absolute;
	letter-spacing: 1.3px;
	top: 75px;
	left: 0px;
}

div.sigeko #maincontent h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
	width: 180px;
	color: #FFF;
	position: absolute;
	letter-spacing: 1.3px;
	top: 158px;
	left: 160px;
}

div.energieberatung #maincontent h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 122%;
	width: 190px;
	color: #FFF;
	position: absolute;
	letter-spacing: 1.3px;
	top: 276px;
	left: 200px;
}

div.entwurf #maincontent span{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
}

div.brandschutz #maincontent span{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
}

div.gutachten #maincontent span{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 1px;
}

div.sigeko #maincontent span{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 1px;
}

div.energieberatung #maincontent span{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 1px;
}


div.home #maincontent h2 span{
	display: block;
	font-size: 22.5px;
	font-weight: normal;
	margin-bottom: 5px;
	letter-spacing: 0px;
}

div.home img#falk{
	position: absolute;
	right: 1px;
	top: 138px;
}

div.entwurf #maincontent div{
	width: 477px;
	height: 436px;
	background-color: #C6C7C8;
	background-image: url(../img/bg_entwurf.gif);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 53px;
}

div.entwurf #maincontent div p{
	width: 330px;
	position: absolute;
	left: 140px;
	top: 128px;
	line-height: 132%;
	letter-spacing: 0.5px;
}

div.entwurf #images{
	width: 494px;
	height: 483px;
	position: absolute;
	right: 1px;
	top: 130px;
}

div.entwurf #images #imageBig{
	position: absolute;
	width: 368px;
	height: 359px;
	right: 0px;
	top: 0px;
}

div.entwurf #images #imageText{
	position: absolute;
	width: 316px;
	height: 103px;
	right: 0px;
	bottom: 0px;
	border-left: 1px solid #1A171B;
	border-right: 1px solid #1A171B;
	border-bottom: 1px solid #1A171B;
	font-size: 10px;
	padding: 10px 25px 0px 25px;
	line-height: 120%;
	letter-spacing: 0.2px;
}

div.entwurf #images #imageText h3{
	font-size: 11px;
	font-weight: bold;
}

div.entwurf #images #imageThumbs{
	height: 482px !important;
	overflow: hidden;
}

div.entwurf #images #imageThumbs img{
	width: 118px;
	height: 113px;
	display: inline;
	margin: 0px 0px 10px 0px;
}

html div.entwurf #images #imageThumbs li{
	height: 123px;
}

*+ html div.entwurf #images #imageThumbs ul{
	position:relative;
	top:-2px;
}

*+ html div.entwurf #images #imageThumbs li{
	height: 119px;
}

div.baurecht #maincontent h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
	width: 180px;
	color: #9C0A7D;
	position: absolute;
	top: 28px;
	left: 40px;
	letter-spacing: 1px;
}

div.baurecht #maincontent h2 span{
	display: block;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
}

div.baurecht #maincontent{
	width: 621px;
	height: 375px;
	position: absolute;
	top: 108px;
	left: 0px;
}

div.baurecht #maincontent p{
	width: 315px;
	position: absolute;
	bottom: -2px;
	left: 305px;
	letter-spacing: 0.9px;
	line-height: 132%;
}

div.baurecht #maincontent p b{
	letter-spacing: 0.5px;
}

div.baurecht #imageThumbs{
	width: 359px !important;
	height: 118px !important;
	overflow: hidden;
	position: absolute !important;
	top: 493px !important;
	left: 621px !important;
}

div.baurecht #imageThumbs ul{
	width: 400px;
}

div.baurecht #imageThumbs li{
	float: left;
	margin-right: 10px;
}

div.brandschutz #maincontent{
	width: 705px;
	height: 286px;
	position: absolute;
	top: 54px;
	left: 0px;
}

div.brandschutz #maincontent p{
	width: 330px;
	position: absolute;
	bottom: 15px;
	left: 382px;
	line-height: 133%;
	letter-spacing: 0.6px;
}

div.brandschutz #maincontent p span{
	color: #00729C;
	font-size: 15px;
	margin-bottom: 0px;
}

div.brandschutz #images{
	width: 359px;
	position: absolute;
	top: 353px;
	left: 359px;
}

div.brandschutz #images img{
	margin-right: 2px;
}

div.gutachten #maincontent p#spezialisierung{
	width: 454px;
	position: absolute;
	top: 237px;
	left: 258px;
	line-height: 133%;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.5px;
}

div.gutachten #maincontent p#gutachten{
	width: 380px;
	position: absolute;
	top: 317px;
	left: 457px;
	line-height: 132%;
	letter-spacing: 0.8px;
}

div.sigeko #maincontent p{
	width: 430px;
	position: absolute;
	top: 322px;
	left: 398px;
	line-height: 132%;
	letter-spacing: 1px;
}

div.energieberatung #maincontent p#verordnung{
	width: 256px;
	position: absolute;
	top: 107px;
	left: 443px;
	line-height: 153%;
	letter-spacing: 0.7px;
	color: #9C0A7D;
}

div.energieberatung #maincontent p#unterstuetzung{
	width: 256px;
	position: absolute;
	top: 401px;
	left: 443px;
	line-height: 133%;
	letter-spacing: 0.7px;
	color: #00729C;
}

div.kontakt #maincontent #kontaktadr{
	border-top: 1px solid #1A171B;
	border-right: 1px solid #1A171B;
	border-bottom: 1px solid #1A171B;
	width: 281px;
	position: absolute;
	top: 122px;
	left: 510px;
	font-size: 11.5px;
	padding-top: 12px;
	padding-bottom: 8px;
	line-height: 103%;
	letter-spacing: 1px;
}

div.kontakt #maincontent #kontaktadr a{
	color: #1A171B;
	text-decoration: none;
}

div.kontakt #maincontent #kontaktadr a:hover{
	text-decoration: underline;
}

div.kontakt #maincontent #kontaktadr .org{
	text-transform: uppercase;
	font-size: 15px;
}

div.kontakt #maincontent #kontaktadr .adr li, div.kontakt #maincontent #kontaktadr .tel li{
	display: inline;
}

div.kontakt #maincontent #kontaktadr .tel{
	padding-bottom: 3px;
}

div.kontakt #maincontent #kontaktadr #falk{
	padding-bottom: 4px;
}

div.kontakt #maincontent form{
	display: block;
	position: absolute;
	top: 120px;
}

div.kontakt #maincontent form div{
	height: 28.5px;
	float: left;
	clear: both;
}

div.kontakt #maincontent form div.nachricht{
	height: 136px;
}

div.kontakt #maincontent form label{
	display: block;
	width: 120px;
	padding-right: 19px;
	padding-left: 20px;
	text-align: right;
	float: left;
	padding-top: 5px;
	letter-spacing: 0.5px;
}

div.kontakt #maincontent form input{
	width: 300px;
	height: 14px;
	padding: 2px;
	border: 2px solid #1A171B;
	font-family: "Times New Roman", Times, serif;
}

div.kontakt #maincontent form input:focus{
	border: 3px solid #1A171B;
}

div.kontakt #maincontent form #plz{
	width: 81px !important;
	margin-right: 2px;
}

div.kontakt #maincontent form #ort{
	width: 209px !important;
}

div.kontakt #maincontent form textarea{
	width: 300px;
	height: 85px;
	padding: 2px;
	border: 2px solid #1A171B;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
}

div.kontakt #maincontent form textarea:focus{
	border: 3px solid #1A171B;
}

div.kontakt #maincontent form .check input{
	width: 20px;
	margin-right: 5px;
	margin-left: 155px;
}

div.kontakt #maincontent form .check{
	font-weight: bold;
	letter-spacing: 0.4px;
	width: 600px;
	clear: both;
}

div.kontakt #maincontent form .buttons{
	margin-left: 159px;
}

* html div.kontakt #maincontent form .buttons{
	margin-left: 79px;
}

div.kontakt #maincontent form .buttons a{
	margin-right: 8px;
}

div.impressum #maincontent{
	width: 627px;
	position: absolute;
	top: 124px;
	left: 80px;
	line-height: 115%;
	font-size: 13.5px;
	letter-spacing: 1.4px;
}

div.impressum #maincontent #falk{
	margin-top: 43px;
	text-transform: uppercase;
	color: #B1B3B4;
	font-size: 18px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}

div.impressum #maincontent #falk b{
	color: #00729C;
}

div.impressum #maincontent .adr li, div.impressum #maincontent .tel li, div.impressum #maincontent .web li{
	display: inline;
}

div.impressum #maincontent .copy li{
	margin-bottom: 17px;
}

div.impressum #maincontent #kontaktadr a{
	color: #1A171B;
	text-decoration: none;
}

div.impressum #maincontent #kontaktadr a:hover{
	text-decoration: underline;
}

/*************************************************************************

Checkbox

**************************************************************************/

.cust_checkbox{
	font-size:14px;
	cursor: pointer;
	width: 20px;
	margin-right: 5px;
	margin-left: 158px;
}
.cust_checkbox_on{
	background:url(../img/checkbox_on.png) no-repeat 0 0;
}
.cust_checkbox_hvr{
	background:url(../img/checkbox_hvr.png) no-repeat 0 0 !important;
}
.cust_checkbox_off{
	background:url(../img/checkbox_off.png) no-repeat 0 0;
}
.cust_checkbox_disabled_on{
	background:url(../img/checkbox_disabled_on.png) no-repeat 0 0;
}
.cust_checkbox_disabled_off{
	background:url(../img/disabled_off.png) no-repeat 0 0;
}