/***********************************
*		ALLGEMEINE STYLES          *
************************************/
body {
			margin:0;
			padding:0;	
			
			background-color: #929292;
			
			font-family: 	arial, Tw Cen MT, verdana;
			font-size: 		13px;
}

div#website {
			margin: 0 auto;
			padding: 0;
			width: 833px;
			background-color: #FFF;
}

div.clear {
			clear: both;
}

/***********************************
*		TOP BERREICH               *
************************************/
div#header {
			margin: 0;
			padding: 0;
			height: 156px;
			width: 833px; 
			background-image: url(../gfx/header.jpg);
}

div#flashanimation {
			margin: 0;
			padding: 0;
			height: 223px;
			width: 833px; 
			background-image: url(../gfx/flashanim.jpg);	
}

/***********************************
*		   MAIN MENU               *
************************************/
div#mainmenu {
			margin: 0;
			padding: 0;
			height: 40px;
			width: 833px; 
}

div#mainmenu ul {
			margin: 0;
			padding:0;
			height: 40px;
			list-style-type: none;
			float:left;
}

div#mainmenu ul li {
			margin: 0;
			padding: 0;
			float:left;
}

div#mainmenu ul li img {
			height: 40px;
			padding: 0;
			margin: 0;
			border: 0;
}

a.home_link {
			display: block;
			width: 116px;
			height: 40px;
			background-image: url(../gfx/menu/off/home_off.jpg);
			background-repeat: no-repeat;
}

a.home_link:hover {
			background-image: url(../gfx/menu/on/home_on.jpg);
			background-repeat: no-repeat;
}

a.epass_link {
			display: block;
			width: 168px;
			height: 40px;
			background-image: url(../gfx/menu/off/epass_off.jpg);
			background-repeat: no-repeat;
}

a.epass_link:hover {
			background-image: url(../gfx/menu/on/epass_on.jpg);
			background-repeat: no-repeat;
}

a.bstoffe_link {
			display: block;
			width: 167px;
			height: 40px;
			background-image: url(../gfx/menu/off/bstoffe_off.jpg);
			background-repeat: no-repeat;
}

a.bstoffe_link:hover {
			background-image: url(../gfx/menu/on/bstoffe_on.jpg);
			background-repeat: no-repeat;
}

a.belemente_link {
			display: block;
			width: 210px;
			height: 40px;
			background-image: url(../gfx/menu/off/belemente_off.jpg);
			background-repeat: no-repeat;
}

a.belemente_link:hover {
			background-image: url(../gfx/menu/on/belemente_on.jpg);
			background-repeat: no-repeat;
}

a.neubau_link {
			display: block;
			width: 172px;
			height: 40px;
			background-image: url(../gfx/menu/off/neubau_off.jpg);
			background-repeat: no-repeat;
}

a.neubau_link:hover {
			background-image: url(../gfx/menu/on/neubau_on.jpg);
			background-repeat: no-repeat;
}


/***********************************
*		 SPOTSTYLES (unter Menü)   *
************************************/
div#spot{
			margin: 0;
			padding: 0;
			height: 10px;
			width: 833px; 
			background-image: url(../gfx/spots.jpg);
}

div#contentHead {
			margin: 0;
			padding: 0;
			height: 16px;
			width: 833px; 
			background-image: url(../gfx/contentHead.jpg);
}

/***********************************
*		    MAIN CONTENT           *
************************************/
#mainContent {
			width: 833px; 
			background-image: url(../gfx/bg.jpg);
}


/*************** Links *************/

a {
			text-decoration: none;
			/*color: #ae1221;*/
			color: #3f3f3f;
}

a:hover {
			text-decoration: none;
			/*color: black;*/
			color: red;
}

.moreLink {
			font-size: 15px;
			font-weight: bold;
			color: #babbba;
			text-decoration: none;
}

.moreLink:hover {
			text-decoration: underline;
}

.activeLink {
			text-decoration: underline;
			color: #FF0000;
}

/*********** Energieausweis ********/
#epass {
}

#epassLeft {
			float: left;
			width:398px;
			height:273px;
			background-image:  url(../gfx/energiepass.jpg);	
}

#epassRight {
			float: left;
}

#epassRightHeader {
			width: 435px;
			height: 63px;
			background-image:  url(../gfx/newEpass.jpg);
			/*background-image:  url(../gfx/epassHead.jpg);*/
}

#epassRightContent {
			width: 392px;
			height: 210px;
			background: #FFF;
}

#epassRightContent div {
			width: 375px;
			text-align: justify;
}

/*********** Baustoffe ********/
#baustoffe {
}

#baustoffeLeft {
			float: left;
}

#baustoffeLeftHeader {
			width: 437px;
			height: 69px;
			/*background-image:  url(../gfx/baustoffeHead.jpg);*/
			background-image:  url(../gfx/baustoffeHead.jpg);
}

#baustoffeLeftContent {
			width: 393px;
			background-color: #FFF;
			margin-left: 44px;
}

#baustoffeLeftContent div{
			width: 355px;
			height: 201px;
			/*height: 201px;*/
			text-align: justify;
			padding-left: 30px;
			background-color: #FFF;
}

#baustoffeRight {
			float:left;
			width: 396px;
			height: 270px;
			background-image:  url(../gfx/baustoffe.jpg);
}
			
/*********** Bauelemente ********/
#bauelemente {
}

#bauelementeLeft {
			float: left;
			width:430px;
			height:283px;
			background-image:  url(../gfx/belemente.jpg);	
}

#bauelementeRight {
			float: left;
}

#bauelementeRightHead {
			width:403px;
			height:59px;
			/*background-image:  url(../gfx/belementeHead.jpg);*/
			background-image:  url(../gfx/newBelement.jpg);
}

#bauelementeRightContent {
			width: 360px;
			height: 224px;
			background: #FFF;
}

#bauelementeRightContent div {
			width: 345px;
			text-align: justify;
}

/*********** Neubau ********/
#neubau {	
}

#neubauLeft {
			float: left;
}

#neubauLeftHead {
			width:376px;
			height:48px;
		/*	background-image:  url(../gfx/neubauHead.jpg);*/
			background-image:  url(../gfx/newNeubau.jpg);
		
}

#neubauLeftContent {
			margin-left: 43px;
			width: 333px;
			height: 200px;
			background: #FFF;			
}

#neubauLeftContent div {
			padding-left: 26px;
			width: 285px;
			text-align: justify;	
}
#neubauRight {
			float: left;
			width: 457px;
			height: 248px;
			background-image:  url(../gfx/neubau.jpg);
}

/***********************************
*       IMPRESSUM, KONTAKT         *
************************************/

#impressum, #kontakt {
			margin-left: 43px;
			background-color: white;
			width:747px;
			border: 1px solid white;
}

#impressum h3, #kontakt h3 {
			display: block;
			width: 180px;
			padding: 0;
			padding-left: 15px;
			margin-top: 15px;
			margin-left: 15px;
			list-style-type: none;
			font-size: 16px;
			font-weight: bold;
			color: #a2a2a2;
			border-bottom: 2px solid #ae1221;			
}		

#impressum .impressum_info {
			width: 650px;
			margin-left: 30px;
			text-align: justify;
}



#impressum .title, #kontakt .title {
			width: 300px;
			display: block;
			margin-top: 15px;
			margin-bottom: 5px;
			color: #555555;
			font-weight: bold;
			font-size: 15px;
}

#kontaktformular input, #kontaktformular textarea {
			border: 1px solid #E0E0E0;
			border-bottom: 1px solid #D0D0D0;
}

#kontaktformular input:hover, #kontaktformular textarea:hover {
			border: 1px solid #E0E0E0;
			border-bottom: 1px solid #D0D0D0;
			background-color: #FAFAFA;
}

#kontakt .kontakt_info {
			width: 600px;
			margin-left: 30px;
}

#kontakt .title2 {
			font-weight: bold;
			color: #555555;
			font-size: 12px;
}

#impressum .title2 {
			margin-top: 15px;
			margin-bottom: 3px;
			display: block;
			font-weight: bold;
			color: #555555;
			font-size: 12px;
}


#kontakt .title3 {
			font-weight: normal;
			color: #555555;
			font-size: 12px;
}

#ihreMeinung {
			width: 430px;
			border-top: 1px solid #E0E0E0;
			border-bottom: 1px solid #E0E0E0;
			padding: 5px;
			margin-top: 10px;
			margin-bottom: 5px;
}

#ihreMeinung input {
			margin-right: 25px;
}

#ihreMeinungButton {
			width: 440px;
			text-align: right;
}

#kontaktformular .submitButton, .submitButton {
			width: 70px;
			height: 20px;
			font-size: 12px;
			border-left: 1px solid #c0c0c0;
			border-top: 1px solid #c0c0c0;
			border-right: 1px solid #080808;
			border-bottom: 1px solid #080808;
			background-color: #FFF;
}

.danke {
			

}

/***********************************
* 		  Administration          *
************************************/
#admin {
			margin-left: 43px;
			background-color: white;
			width:747px;
			/*height:273px;*/
}

#adminContent {
			margin-left:15px;
}

#admin h3 {
			display: block;
			width: 180px;
			padding: 0;
			padding-left: 15px;
			margin-top: 15px;
			margin-left: 15px;
			list-style-type: none;
			font-size: 16px;
			font-weight: bold;
			color: #a2a2a2;
			border-bottom: 2px solid #ae1221;			
}

#admin h2 {
			width: 300px;
			display: block;
			margin-top: 15px;
			margin-bottom: 15px;
			color: #555555;
			font-weight: bold;
			font-size: 15px;
}

div#adminMenu {
			margin: 0;
			margin-left: 15px;
			padding: 0;
			height: 40px;
}

div#adminMenu ul {
			margin: 0;
			padding:0;
			height: 40px;
			list-style-type: none;
			float:left;
}

div#adminMenu ul li {
			margin: 0;
			margin-right: 15px;
			padding: 0;
			float:left;
}

/***********************************
* 		  Admin::Message          *
************************************/

#adminContent a:link.options {
			 display: block; 	
			 font-family: Arial; 
			 color: #000; 
			 text-decoration: none; 
			 font-weight: normal; 
			 font-size:12px; 
			 border: 1px solid #C0C0C0; 
			 width: 90px; 
			 padding: 2px;
			 padding-left: 5px;  
			 background-color: #FFF;
 }
 
#adminContent a:visited.options {
			 display: block; 	
			 font-family: Arial; 
			 color: #000; 
			 text-decoration: none; 
			 font-weight: normal; 
			 font-size:12px; 
			 border: 1px solid #C0C0C0; 
			 width: 90px; 
			 padding: 2px;
			 padding-left: 5px;  
			 background-color: #FFF;
 }
 
#adminContent a:hover.options {
			 display: block; 	
			 font-family: Arial; 
			 color: #000; 
			 text-decoration: none; 
			 font-weight: normal; 
			 font-size:12px; 
			 border: 1px solid #909090; 
			 width: 90px; 
			 padding: 2px;
			 padding-left: 5px;  
			 background-color: #F0F0FF;
 }
 
#adminContent .options img 		{ border: 0;  margin-right: 5px; }

#adminContent table {
			width: 720px;
}

#adminContent table td {
			border-bottom: 1px solid #E0E0E0;
}

#adminContent table thead {
			vertical-align: top;
			font-weight: bold;
}
/*
#adminContent table thead td {
}

#adminContent table thead .1 { 
			vertical-align: top;
			width: 1px;
}

#adminContent table thead .2 {
			vertical-align: top;
			width: 1px;
}

#adminContent table thead .3{
			padding-left: 5px;
			width: 1px;
}

#adminContent table thead .4{
			width: 520px;
	
}

#adminContent table thead .5 {
			width: 800px;
}
*/


#adminContent .message_text {
			padding: 15px;
			padding-left: 42px;
			background-color: #F8F8F8;
			border-bottom: 1px dashed #E0E0E0;
}

#adminContent .message_options {
			padding: 10px;
			padding-left: 55px;
}

#adminContent .message_options  span{
			float: left;
			margin-right: 20px;
}

#adminContent .free {
			font-size:0px;
}

#adminContent .submitButton2 {
			width: 100px;
}



/***********************************
*		       FOOTER              *
************************************/
#footer {
			background-image:  url(../gfx/bg2.jpg);
			padding-top: 50px;
			padding-bottom: 40px;
			color: #a9aaa9;
}

#footer div {
			width: 400px;
			padding-top: 10px;
			border-top: 1px solid #C0C0C0;
}

#footer span {
			display: block;
			padding-bottom: 15px;
}
/************* LINKS **************/

#footer a { 
			color: #3f3f3f;
			text-decoration: underline;
			
}

#footer a:hover {
			color: red;
			text-decoration: underline;
}