/*****************************
*	SYSTEM TAGS				 *
******************************/
body {
	margin: auto;
	font: 12px helvetica, arial sans-serif;
	line-height: 16px;
	color: #545454;
	background: url(../images/rahmen/rahmen_bg.gif) repeat-y;
}
	
a,a:active {
	color: #3D3D3D;
	text-decoration: underline;
}
	
a:hover {
	color: #3D3D3D;
	text-decoration: none;
}

	
img {
	border: 0;
}	

h1 {
	font: bold 16px arial, helvetica, sans-serif;
	color: #545454;
	line-height: 19px;
	margin: 7px 0 7px 0;
}

h2 {
	font: bold 14px arial, helvetica, sans-serif;
	color: #545454;
	margin: 7px 0 7px 0;
	line-height: 17px;
}

h3 {
	font: bold 12px helvetica, arial serif;
	color: #545454;
	margin: 7px 0 7px 0;
	line-height: 15px;
}

h4 {
	font: bold 11px helvetica, arial serif;
	color: #545454;
	margin: 0px 0 5px 0;
	line-height: 15px;
}
b {
   font-weight:normal;
   text-decoration:none;
}	
td {
	 text-align: left;
	 vertical-align: top;
	 width: 190px;
	 padding:6px;
}

#rahmen #inhalt .sitemap_rahmen h1 {
	font-size: 14px;
	color: #000000;
	margin: 5px 0 5px 0;
}

#rahmen #inhalt .sitemap_rahmen h2 {
	font-size: 12px;
	color: #000000;
	margin: 5px 0 5px 15px;
}
	
#rahmen #inhalt .sitemap_rahmen h3 {
	font-size: 11px;
	color: #000000;
	margin: 0 0 0 30px;
}
	
#rahmen #inhalt .sitemap_rahmen a {
	text-decoration: none;
}
		
/*****************************
*	RAHMEN				 	 *
******************************/

#rahmen {
	width: 997px;
	height: auto;
	float: left;
}

#logo {
	height: 160px;
	width: 239px;
	border: 0;
	float: left;
}

#kopf {
	width: 997px;
	height: 166px;
    background: #EBEBEB;
	margin-top: 4px;
	float: left;
	border-bottom: 2px solid #000;
}

#infobox {
	width: 222px;
	height: auto;
	margin: 10px 0px 0 0px;
	display: inline;
	float: left;
}

#topbox {
	height: 160px;
	width: 478px;
	margin: 5px 0 0 0;
	display: inline;
	float: left;
	background-color:#ECECEC ;
}

#slogan {
	width: 245px;
	height: 72px;
	float: left;
	margin: 5px 0 15px 19px;
	display: inline;
	border-bottom: 1px solid #000;
}

#banner {
	width: 233px;
	height: auto;
	margin: 10px 0px 0 0;
	display: inline;
	float: left;
}

#basisnav1 {
	position: absolute;
	z-index: 2;
	top: 90px;
	left: 920px;
}

#basisnav2 {
	position: absolute;
	margin-left: 11px;
	width: 75px;
	top: 193px;
}

#favoriten {
	position: absolute;
	top: 190px;
	left: 740px;
	width: 228px;
}

#content {
	width: 430px;
	height: auto;
	margin: 10px 34px 0 34px;
	display: inline;
	float: left;
}

#content_breit {
	width: 702px;
	height: auto;
	margin: 20px 0 0 34px;
	display: inline;
	float: left;
}

#fuss {
	width: 997px;
	height: 24px;
	margin-top: 20px;
	background: url(../images/rahmen/fuss_bg.gif) repeat-x;
	float: left;
	padding: 7px 0 0 15px;
	voice-family: "\"}\"";
	voice-family: intherit;
	width: 982px;
	height: 17px;
}

#inhalt {
	width: 1024px;
	min-height:632px;
   height: auto;
   float:left;
}

#menue {
	height: 35px;
	width: 857px;
	margin-top: 5px;
	display: inline;
	float: left;
}

#login {
	height: 100px;
	width: 180px;
	display: inline;
	margin-bottom: 10px;
	float: left;
	font: 11px arial, helvetica, sans-serif;
	position: relative;
	left: 40px;
}

#bannerrotation {
	width: 234px;
	height: 60px;
	padding: 6px 2px 6px 0px;
	float: left;
	margin: 10px 0px 4px 19px;
	display: inline;
}

#linksklein {
	width: 139px;
	height: 45px;
	float: left;
	margin: 5px 0 0 1px;
	display: inline;
	padding: 20px 0 0px 8px;
	background: #EBEBEB;
	voice-family: "\"}\"";
	voice-family: intherit;
}
.linkkat {
    background-color:#ececec; 
    color:#000; 
    width:390px; 
    margin-bottom:2px;
    height:26px; 
    padding:6px 0px 6px 40px;
    font-family:Arial; 
    font-size:14px; 
    font-weight:bold; 
    text-align:left; 
}
.linkURL {
    background-color:#ececec; 
    color:#000; 
    width:200px; 
    float:left;
    margin-bottom:2px;
    height:80px; 
    padding:6px 0px 6px 10px;
    font-family:Arial; 
    font-size:12px; 
    text-align:left; 
}
.linkbesch {
    background-color:#ececec; 
    color:#000; 
    width:480px; 
    float:right;
    margin-bottom:2px;
    height:80px; 
    padding:6px 0px 6px 10px;
    font-family:Arial; 
    font-size:12px; 
    text-align:left; 
}
.linktitel {
    width:448px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    padding:10px;
    margin-bottom:20px;
}

/*****************************
*	KLASSEN				 	 *
******************************/
.boxtitel {
    background: #D9D5D7;
    line-height:24px;
    text-align:center;
    color:#000;
    font-weight:bold;
    height:24px;
}
.boxinhalt {
    padding:10px 10px;
    color:#000;
    text-align:left;
}
.bannertext {
	font: 10px arial, helvetica, sans-serif;
	float: right;
}

.banner {
	float: left;
	width: 234px;
	height: 60px;
	border: 1px solid #E2E2E2;
	margin: 2px 0 10px 0;
	display: inline;
}

.bannergross {
	float: left;
	width: 234px;
	margin: 2px 0 10px 0;
	display: inline;
}

.bestell {
	width: 400px;
	height: auto;
	font-size: 10px;
	margin: 7px 0 0 0;
	padding: 5px 0 5px 0;
	float: left;
	display: inline;
}

.bestell_bild {
	width: 150px;
	margin: 0px 10px 10px 0px;
	padding: 6px 4px 6px 4px;
	background: #ECECEC;
	vertical-align: top;
}

.bestell_anzahl{
	width: 60px;
	margin: 0 5px 10px 0;
	padding: 6px 4px 6px 4px;
	background: #ECECEC;	
	vertical-align: top;
	text-align: center;
}

.bestell_kopf {
	background: #CCCCCC;
	height: 26px;
	padding: 6px 4px 6px 4px;
	vertical-align: middle;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: bold;
	}

.bestell_preis {
	width: 80px;
	margin: 0 0 10px 0;
	padding: 6px 4px 6px 4px;
	background: #ECECEC;
	vertical-align: top;
	text-align: right;
}

.bestell_preis input {
	font-size: 7px;
	border: 0;
	background: none;
}
	
.bestell_text {
	width: 100%;
	margin: 0 5px 10px 0;
	padding: 6px 4px 6px 4px;
	vertical-align: top;
	background: #ECECEC;
}

.bestell_summe{
	text-align: right;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 12px;
}

.datum {
	font-size: 9px;
}
.blaettern {
    border:1px solid #000;
    height:16px;
    width:auto;
    padding:0px 4px 2px 4px;
    font-weight:bold;
    margin:6px 4px;
    float:left;
    text-align:center;
    vertical-align:middle;
}
.blaettern a {
    text-decoration:none;
}
.liste ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.liste li {
	background: url(../images/utilities/pfeil.gif) no-repeat 0px 2px;
  padding: 0px 0px 0px 15px; 
	margin: 5px 0px 0px 0px;
}

.index_auflistung {
	float: left; 
	border-bottom: 1px solid #545454; 
	padding-bottom: 5px; 
	width: 430px; 
	margin-bottom: 10px;
}


.infobox {
	border: 1px solid #E2E2E2;
	width: 222px;
	height: auto;
	margin-bottom: 8px;
	padding: 8px;
	float: left;
	font: 11px arial, helvetica, sans-serif;
	line-height: 13px;
	voice-family: "\"}\"";
	voice-family: intherit;
	width: 206px;
}

.infobox_farbe {
	width: 222px;
	height: auto;
	margin-bottom: 8px;
	float: left;
	font: 12px arial, helvetica, sans-serif;
	line-height: 14px;
}


.infobox a {
	font: bold 11px arial, helvetica, sans-serif;
	text-decoration: none;
	color: #545454;
}

.infobox a:hover {
	font: bold 11px arial, helvetica, sans-serif;
	text-decoration: none;
	color: #545454;
}

.infobox h1 {
	font: bold 12px arial, helvetica, sans-serif;
	color:#545454;
	line-height: 15px;
}

.infobox h2 {
	font: bold 13px arial, helvetica, sans-serif;
	color:#545454;
	line-height: 5px;
}

.infobox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.infobox li {
	background: url(../images/utilities/pfeil.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 15px;
	margin: 5px 0px 0px 0px;
}

.infobox li a {
	font-weight: normal;
}

.infobox .messe_umenue a{
	font-weight: normal;
}

.infobox .messe_umenue{
	margin: 0 0 0 15px;
}

.start_architekten {
	width: 430px;
	height: 135px;
	padding: 10px 10px 0 250px;
	margin-bottom: 5px;
	font: bold 11px helvetica, arial serif;
	line-height: 12px;
	background: url(../uploads/_start/architekten.gif);
	voice-family: "\"}\"";
	voice-family: intherit;
	width: 170px;
	height: 125px;
}

.start_architekten a {
	color: #934332;
	text-decoration: none;
}

.start_architekten a:hover {
	color: #934332;
	text-decoration: underline;
}

.start_bauherren {
	width: 430px;
	height: 135px;
	text-align: left;
	padding: 10px 10px 0 250px;
	margin-bottom: 5px;
	font: bold 11px helvetica, arial serif;
	line-height: 12px;
	background: url(../uploads/_start/bauherren.gif);
	voice-family: "\"}\"";
	voice-family: intherit;
	width: 170px;
	height: 125px;
}

.start_bauherren a {
	color: #004F80;
	text-decoration: none;
}

.start_bauherren a:hover {
	color: #004F80;
	text-decoration: underline;
}

.start_handwerker {
	width: 430px;
	height: 135px;
	text-align: left;
	padding: 10px 10px 0 250px;
	margin-bottom: 5px;
	font: bold 11px helvetica, arial serif;
	line-height: 12px;
	background: url(../uploads/_start/handwerker.gif);
	voice-family: "\"}\"";
	voice-family: intherit;
	width: 170px;
	height: 125px;
}

.start_handwerker a {
	color: #3B6C00;
	text-decoration: none;
}

.start_handwerker a:hover {
	color: #3B6C00;
	text-decoration: underline;
}

.trennlinie { 
	background: #545454;
  	height: 1px;
	line-height:0;
 	width: 100%;
	margin: 10px 0 10px 0;
}


.kasten {
	width: 432px;
	height: auto;
	margin-top: 7px;
	padding: 5px;
	background: #ECECEC;
	float: left;
	display: inline;
}

.detail_navi{
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
}

.detail_button_navigation{
	padding: 3px 15px 3px 15px; 
	height: 16px; 
	float: left; 
	border-bottom: 1px solid #545454;
}

.detail_button_navigation:hover{
	background: #f2f2f2;
}

.detail_content{
	float: left;
}

.detail_content p{
	margin: 0 0 10px 0;
}

.detail_logo{
	float: right;
}

.kategorien_cell{
	background: #F0F0F0;
	float: left;
	margin: 0 2px 2px 0;
	height: 70px;
	padding: 10px;
}

.kategorien_cell:hover{
	background: #e6e6e6;
}

.letter{
	font: 16px/18px arial;
	font-weight: bold;
}

.small{
	font-size: 11px;
}

.form_title{
	clear: left;
	float: left;
	font-weight: bold;
	width: 150px;
	margin: 0 0 10px 0;
}

.form_input{
	float: left;
	margin: 0 0 10px 0;
}

.form_input .textfeld{
	width: 212px;
}
/* Ab hier neues Layout */
.iBox {
    width:228px;
    height:auto;
    border:1px solid #B2B2B2;
    margin:12px 0px 12px 8px;
}
.iBoxHead {
    width:auto;
    height:26px;
    background-color:#B9867B;
    border-bottom:1px solid #000;
    font: bold 1.1em helvetica, arial serif;
    text-align:center;
    padding-top:10px;
    color:#fff;
}
.iBoxMain {
    width:222px;
    height:auto;
    padding:8px;
    text-align:left;
}
.bild {
    float:left;
    width: auto;
    background-color:#ececec;
    border-color: #000;
    margin: 6px 10px 10px 0px;
    padding: 10px 10px;
    border: 1px;
    height: auto;
}
.artikel {
    left: 2px;
    width: auto;
    margin-top: 6px;
    background-color:#fff;
    border-top: 1px solid #000;
    height: auto;
}
/*****************************
*	FORMEN				 	 *
******************************/

.textfeld {
	width: 150px;
	height: 14px;
	padding-left: 3px;
	margin: 0 0 3px 3px;
	background-color: #E4E4E4;
	border-top: 1px solid #838383;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
	border-left: 1px solid #838383;
	font-size: 11px;
	color: #5E5E5E;
}

.textfeldlogin {
	width: 120px;
	height: 12px;
	padding-left: 3px;
	margin: 0 0 3px 3px;
	background-color: #E4E4E4;
	border-top: 1px solid #838383;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
	border-left: 1px solid #838383;
	font-size: 11px;
	color: #5E5E5E;
}

.input {
	font: 11px helvetica, arial serif;
	color: #545454;
	background-color: #F0F0F0;
	vertical-align:top;
	margin:0 5px 10px 0;
}

.form {

	background-color: #F0F0F0;
	border: 1px solid #545454;
	margin: 5px 5px 7px 5px;
	font: 12px arial, helvetica, sans-serif;
	color:#545454;
	vertical-align: middle;
	padding: 2px;
	display: inline;
}

.form_list {
	background-color: #F0F0F0;
	border: 1px solid #545454;
	margin: 5px 5px 7px 0;
	font: 12px arial, helvetica, sans-serif;
	color: #545454;
	vertical-align: middle;
	display: inline;
}

.form_az09 {
	letter-spacing: 8px;
	margin: 5px 5px 5px 0;
}

.form_vermittlung {
	background-color: #F0F0F0;
	border: 1px solid #545454;
	margin: 2px 5px 4px 5px;
	font: 12px arial, helvetica, sans-serif;
	color: #545454;
	vertical-align: middle;
	padding: 1px;
	display: inline;
}

.volltextsuche {
	color: #545454;
	background-color: #FFFFFF;
	border: 1px solid #545454;
	width: 163px;
	height: 15px;
	float: left;
	margin: 0px 5px 7px 0px;
	font: 11px arial, helvetica, sans-serif;
	vertical-align: middle;
	padding: 3px 2px 0px 2px;
}

.submit {
	width: 56px;
	margin: 4px 0 0 2px;
	display: inline;
	background: url(../images/utilities/suchen.gif) no-repeat;
	border: 0;
	float: left;
}

.sitemap a {
	text-decoration: none;
}

.sitemap a:hover {
	text-decoration: underline;
}


/*## bild ###*/
.bild_links {
	float: left;
	display: inline;
	margin: 0 8px 0px 0;
}	

.bild_rechts {
	float: right;
	display: inline;
	margin: 0 0 5px 5px;
}
	
.bild_umbruch {
	clear: both;
	margin: 5px 0 5px 0;
}
	
/*## link ###*/	
.download_beschreibung {
	font: italic 11px arial, helvetica, sans-serif;
}
	
/*## abstand ###*/	
.abstand_klein {
	margin-top: 5px;
	clear: both;
}

.abstand_mittel {
	margin-top: 15px;
	clear: both;
}
	
.abstand_gross {
	margin-top: 25px;
	clear: both;
}
	
/*****************************
*	GALERIE				 	 *

.gal_table {
	float: left;
}

.gal_table .bild_links {
	width: 85px;
	height: 64px;
	float: left;
	display: inline;
	margin: 9px 9px 0 0;
	border: 1px solid #ffffff;
}

.gal_fullsize {
	width: 300px;
	float: left;
	border: 0;
}

.detail_head {
    clear: both;
    font-weight: bold;
    float: left;
    width: 125px;
    margin: 0 0 0 0;
}

.detail_item{
    margin: 0 0 5px 0;
    float: left;
    width: 300px;
}******************************/


/******************************
***	INTERHYP  ***	
******************************/


#topboxorange {
	width: 702px;
	height: 70px;
	background: #F78812;
	float: left;
	padding: 20px;
	voice-family: "\"}\"";
	voice-family: intherit;
	height: 30px;
	width: 662px;
}

#interhyp_linkercontent {
	float: left;
	width: 470px;
	margin: 20px 10px 0 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: inline;
}


#interhyp_rechteinfoboxen {
	float: right;
	width: 190px;
	margin: 20px 0 0 10px;
	display: inline;
}

.statement {
	width: 470px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #F9DDCE;
	margin: 20px 0 20px 0;
	padding: 15px;
	float: left;
	voice-family: "\"}\"";
	voice-family: intherit;
	width: 440px;
}

.interhyp_bigbold {
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}

a.interhyp_linknormbold:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

a.interhyp_linknormbold:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #797979;
	font-weight: bold;
	text-decoration: none;
}

/******************************
***	SEIDEL MENUE 31.10.2007 ***	
******************************/

#linkkat {
position:relative; 
background-color:#ececec; 
color:#ffffff; 
margin-left:0px;
margin-top:6px; 
border:2px;
height:20px; 
width:390px;  
padding-left:40px;
padding-bottom:26px
}
#linkliste {
position:relative; 
background-color:#ececec; 
color:#ffffff; 
margin-left:0px; 
border:2px;
margin-top:6px; 
width:690px;
padding-left:10px;
padding-bottom:26px
}
.textkat {
font-family:Arial; 
font-size:14px; 
font-weight:bold; 
text-align:left; 
width:100px;
}
.textliste1 {
font-family:Arial; 
font-size:12px; 
font-weight:normal; 
text-align:left; 
width:220px;
float:left;
}
.textliste2 {
font-family:Arial; 
font-size:12px; 
font-weight:normal; 
text-align:left;
color:#000000; 
width:470px;
float:left;
}
#PLZ {
background-color:#CEDBE3;
border-color: #000000;
border: 1px;
position:static; 
margin-left:10px; 
top:6px; 
width:440px; 
height:100px;
}
#STADT {
background-color:#CEDBE3;
border-color: #000000;
border: 1px;
position:relative;  
margin-left:10px; 
margin-top:0px;
width:440px; 
height:100px;
}
.senden, .reset { 
	background-color: #CEDBE3; 
	border: 3px double #006699;
}
.gerade {
  background-color: #ffffff;
}
.ungerade {
  background-color: #CEDBE3;
}
.allgem {
    width:auto;
    height:auto;
    margin:6px;
    padding:10px;
    float:left;
    /*background-color:#fff;*/
}
.Bild {
    clear:both;
    width:auto;
    height:auto;
    border:1px solid #000;
    margin:0px 12px 12px 0px;
    /*background-color:#fff;*/
}
#BUpload {
  position:static;
  clear:both;
  margin-top:10px;
  width:640px;
  height:120px;
  padding:20px 20px 20px 20px;
}
#Sitemap {
  clear:both;
  margin:20px 26px;
  width:340px;
  height:auto;
}
.USitemap {
  margin:0px 26px;
  width:auto;
  height:auto;
}
/* ********** Werbeeinblendungen ************** */
#textanzeige {
   width:468px;
   height:auto;
   border-top:1px solid #000;
   border-bottom:1px solid #000;
   margin:12px 0px;
   padding:10px 0px;
}
.banner_full {
   width:468px;
   height:60px;
   margin:10px 2px 0px 3px;
}
.banner_half {
   width:234px;
   height:60px;
}