html, body, *{
margin: 0;
padding: 0;
}

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #fff;
}

#container{
width: 790px;
margin: 5px 5px 10px 5px;
}

#recent, #search, #results, #footer{
margin-top: 10px;
}

/* header */

#header{
background: #000;
height: 102px;
}

#header h1, #header .contact{
font-size: 23px;
letter-spacing: 2px;
}

#header h1 {
color: #fff;
font-weight: normal;
}

#header h1 a {
display: block;
height: 0 !important;
padding-top: 33px;
background: transparent url(http://www.baunetz.de/architektenprofile/grafik/ap_header.gif) no-repeat 0px 0px;
text-indent: -10000px;
}

#header h1 a:hover{
background-position: 0px -33px;
}

#header a.contact{
display: block;
height: 0 !important;
padding-top: 22px;
background: transparent url(http://www.baunetz.de/architektenprofile/grafik/ap_kontakt.gif) no-repeat 0px 0px;
text-indent: -10000px;
}

#header a.contact:hover{
background-position: 0px -22px;
}

/* suche + ergebnis: headlines */

h2 {  
font-size: 15px;
color: #000; 
line-height: 15px;
font-weight: bold;
}

.weiss {  
color: #fff;
}

/* suche + ergebnis: links ergebnisliste, links alph. suche */

#results{
clear: both;
background: #555;
padding: 20px 20px 15px 102px;
}

#results ul{
margin-top: 15px;
list-style: none;
}

#results a:link, #results a:visited {  
font-size: 13px;
line-height: 18px;
color: #000;
text-decoration: none;
}

#results a:active, #results a:hover {
font-size: 13px;
line-height: 18px;
color: #fff;
text-decoration: underline;
}

/* neu dabei */

#recent{
height: 102px;
background: #fff;
font-size: 11px;
}

#recent div{
width: 366px;
float: left;
}

#recent div.alternative,
#recent div.alternative div.text,
#recent div.alternative img{
float: right;
}

#recent div.text{
width: 150px;
float: left;
margin: 0;
}

#recent img{
display: inline;
float: left;
margin-right: 10px;
border-width: 0px;
}

#recent h2 span{
font-size: 11px;
line-height: 13px;
display: block;
}

#recent h2 span span{
display: none;
}

#recent p{
margin-top: 11px;
}

#recent div a{
color: #000;
display: block;
text-decoration: underline;
}

#recent div a:hover{
text-decoration: none;
}

/* formular */

#search{
height: 82px;
background: #fcc76a;
padding: 10px 158px 10px 102px;
}

#search h2, #search-letters{
float: right;
width: 208px;
}

#search-letters{
position: relative;
top: 0px;
height: 82px;
}

#search-letters div{
width: 208px;
height: 46px;
position: absolute;
top: 36px;
left: 0px;
}

#search-letters a{
font-size: 11px;
display: block;
float: left;
text-align: center;
width: 14px;
height: 14px;
padding: 0;
margin: 2px 2px 0 0;
background: #fff;
color: #000;
text-decoration: none;
}

#search-letters a.nr{
width: 30px;
}

#search-letters a:hover, #search-letters a:focus{
background: #000;
color: #fff;
}

#search-criteria{
float: left;
width: 322px;
}

input.text, select{
width: 215px;
}

select{
margin-top: 10px;
}

input.submit{
background: transparent;
border-width: 0px;
color: #fff;
cursor: pointer;
}

input.submit:hover, input.submit:focus,
input.submit.hover, input.submit.focus{
text-decoration: underline;
width: 45px;
}

/* suche + ergebnis: suchen-"button" */

a.p11schwarzlink:link, a.p11schwarzlink:visited { 
font-family: Arial, sans-serif; 
color: #000000; 
font-size: 11px;
text-decoration: underline; 
line-height: 13px;
} 

a.p11schwarzlink:hover, a.p11schwarzlink:active { 
font-family: Arial, sans-serif; 
color: #000000; 
font-size: 11px; 
text-decoration: none; 
line-height: 13px;
}

/* suche + ergebnis: schrift und/oder */

.p11weiss { 
font-family: Arial, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
line-height: 13px;
}

/* suchergebnis: versalien headlines */

.pweissline18 {  
font-family: Arial, sans-serif; 
font-size: 13px; 
color: #FFFFFF; 
line-height: 18px;
}

/* suche + ergebnis: form-felder */

.suche {  
font-family: Arial, sans-serif; 
font-size: 13px; 
color: #000000; 
width: 215px;
}

.small {
font-family: Arial, sans-serif;
font-size: 11px;
color: #000000;
line-height: 13px;
}

/* normaler text */

.fliestext {
font-family: Arial, sans-serif;
font-size: 11px;
color: #000000;
}
.suchenbtn {
background: url("http://www.baunetz.de/architektenprofile/grafik/suchen_trans.gif") top left no-repeat; 
width:48px;
height:18px;
border:0;
}

.suchenbtn:hover {
background: url("http://www.baunetz.de/architektenprofile/grafik/suchen_trans_over.gif"); }


/* 
********************
Abstände, Größen etc
******************** 
*/


/* tabellenaufteilung */

.left {
width:400px;
float:left;
}
.right {
width:390px;
float:left;
}
.left_profile {
width:424px;
float:left;
}
.right_profile {
width:366px;
float:left;
}
.hintergrund_weiss{
background-color:#FFFFFF;
}
.left_profile_suche {
width:790px;
height:98px;
float:left;
padding-bottom:10px;
}
.right_profile_suche {
width:366px;
float:left;
padding-left:49px;
}

.bilder_profile{
float:left;
margin-right:10px;
border:0;
}
.az_image{
border:0;
padding-right:2px;
}
.az_suche{
width:206px;
}
az_position{
float:left;
position:relative;
left:49px;
top:50px;
}
.aussenabstand_5{
margin-top:5px;
margin-left:5px;
}
.aussenabstand{
margin:15px auto;
width:790px;
}

.popup_start_adresse{
padding-left:2px;
padding-top:15px;
padding-bottom:11px;
}
.popup_drucken{
float:right;
padding-right:3px;
margin-top: -16px;
}
.popup_start_drucken{
float:right;
padding-right:3px;
position:relative;
top:-13px;

color:#737373;
font-family:Arial,sans-serif;
font-size:11px;
line-height:13px;
}
.popup_start_image_container{
height:236px;
width:790px;
}
.popup_header_container{
padding-bottom:5px;
width:790px;
display:block;
}
.popup_subnavi_position{
position:relative;
left:10px; 
top:-6px;
}

.header_schwarz{
background-color: #000000;
width:790px;
height:102px;
}
.headline{
font-weight:bold;
}
.ergebnisliste{
width:790px;
}
.abstand_unten_5{padding-bottom:5px;}
.abstand_unten_10{padding-bottom:10px;}
.abstand_unten_15{padding-bottom:15px;}
.abstand_unten_20{padding-bottom:20px;}
.abstand_oben_5{padding-top:5px;}
.abstand_oben_9{padding-top:9px;}
.abstand_oben_10{padding-top:10px;}
.abstand_oben_15{padding-top:15px;}
.abstand_oben_20{padding-top:18px;}
.abstand_oben_30{padding-top:30px;}
.abstand_oben_45{padding-top:45px;}

.abstand_links_5{padding-left:5px;}
.abstand_links_10{padding-left:10px;}
.abstand_links_102{padding-left:102px;}
.abstand_links_199{padding-left:199px;}

.abstand_rechts_5{padding-right:5px;}
.abstand_rechts_10{padding-right:10px;}

.width_175{width:175px;}

.width_190{width:190px;}

.width_215{width:215px;}

.width_221{width:221px;}

.width_360{width:360px;}

.width_390{width:390px;}

.height_33{height:33px;}

.height_3{height:3px;}

.height_26{height:26px;}

.height_108{height:108px;}

.height_113{height:113px;}

.text_l{text-align:left;}
.text_r{text-align:right;}
.text_m{text-align:center;}

.liste_square{
	list-style:square;
	margin:0px 0px 0px 40px;
}
.liste_square li{
	margin-bottom:10px;
}

.formular_display{
display:inline;
padding-bottom:1px;
}
.image{
border:0;
}
.image_right{
border-width:0px;
float:right;
padding-right:10px;
padding-bottom:10px;
}

#footer .right{
text-align: right;
}

#footer a{
text-decoration:none;
}

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

.footerleft{
float:left;
width:744px;
}

.footerpfeil{
display: block;
float:left;
width:7px;
margin-right:5px;
height:17px;
background-image:url(http://www.baunetz.de/architektenprofile/grafik/pfeil_up_neg.gif);
background-position:0% 50%;
background-repeat:no-repeat;
border:0;
}

.footer_linie{
height:1px;
width:790px;
border:0; 
}
.float_left{
float:left;
}
.float_right{
float:right;
}
.popup_subnavi_position_projekte{
padding-left:113px;
padding-top:8px;
}
.popup_subnavi_position_profil{
padding-left:130px;
padding-top:8px;
}
.popup_subnavi_position_veroeff{
padding-left:237px;
padding-top:8px;
}

.clear{
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
}

/* IR */
.bold { font-weight:bold; }
/* /IR */



@media screen, print {

/*
Begin dynamischer Inhalt
*/

.popup_start_header{
background-color: #ffffff;
width:790px;
}

.pop_start_middlebox{
margin-top:28px;
min-height: 118px;
height: auto !important; /* normale Browser */
height: 118px; /*IE */
}

/* fliesstext*/

p, body, ul, li, td {
font-family: Arial, sans-serif;
font-size: 13px;
color: #000000;
line-height: 15px
}

ul {
list-style-type: square;
}

/* text 11px rubrikeinstiegseiten */

.p11 {
font-family: Arial, sans-serif;
font-size: 11px;
color: #000000;
line-height: 13px
}

/* farbige td home unten und header */

.farbe {  background-color: #737373}
.farbe_linie_fur_ie {color: #737373}

/* startseite text */

.h5startseite {
font-family: Arial, sans-serif;
font-size: 15px;
color: #666666;
line-height: 17px;
font-weight: bold;
}

a.h5startseite:link, a.h5startseite:hover {
font-family: Arial, sans-serif;
font-size: 15px;
color: #737373;
line-height: 17px;
font-weight: bold;
text-decoration: none;
}


/* farben link im text */

a:link, a:visited {
font-family: Arial, Helvetica, sans-serif;
color: #737373;
text-decoration: none;
font-size: 13px;
line-height: 15px
}

a:active, a:hover {
font-family: Arial, sans-serif;
font-size: 13px;
color: #737373;
text-decoration: underline;
line-height: 15px
}

/* link auf startseite + rubrikeneinstiegsseite */

a.p11link:link, a.p11link:visited {
font-family: Arial, sans-serif;
color: #737373;
font-size: 11px;
text-decoration: none;
line-height: 13px
}

a.p11link:hover, a.p11link:active {
font-family: Arial, sans-serif;
color: #737373;
font-size: 11px;
text-decoration: underline;
line-height: 13px
}


/* farben link im header */

a.topnav:link, a.topnav:visited {
font-family: Arial, sans-serif;
color: #737373;
font-size: 11px;
text-decoration: none
}

a.topnav:hover, a.topnav:active{
font-family: Arial, sans-serif;
color: #737373;
font-size: 11px;
text-decoration: underline
}

/* header subnavi vert. trennstriche */

.p11trenner {
font-family: Arial, sans-serif;
font-size: 11px;
color: #737373;
}

/* farbe grosse headline bueroprofile */

h4 {
font-family: Arial, sans-serif;
font-size: 16px;
color: #666666;
line-height: 18px;
font-weight:bold;
padding-top:18px;
padding-bottom:20px;
margin: 0;
}

/*

Navigation

*/
a.name_start{
display:block;
background-image:url('/img/3/0/3/3/1/179c2af7e8ce31d8.gif');

width:430px; height:33px
}
a.name_start:hover{
background-image:url('/img/3/0/3/3/1/179c2af7e8ce31d8.gif');
}

a.name{
display:block;
background-image:url('/img/3/0/3/3/1/179c2af7e8ce31d8.gif');
width:430px; height:33px
}
a.name:hover{
background-image:url('/img/3/0/3/3/1/179c2af7e8ce31d8.gif');
}

a.profil_start{
display:block;
background-image:url('/img/3/0/3/3/1/aaa9472182a4b990.gif');
width:120px; height:26px
}
a.profil_start:hover{
background-image:url('/img/3/0/3/3/1/a4c8854fa1669f72.gif');
}

a.profil{
display:block;
background-image:url('/img/3/0/3/3/1/aaa9472182a4b990.gif');
width:120px; height:26px
}
a.profil:hover{
background-image:url('/img/3/0/3/3/1/a4c8854fa1669f72.gif');
}

a.profil_selected{
display:block;
background-image:url('/img/3/0/3/3/1/a4c8854fa1669f72.gif');
width:120px; height:26px
}

a.projekte_start{
display:block;
background-image:url('/img/3/0/3/3/1/1beb61c9e6cdb7a1.gif');
width:103px; height:26px
}
a.projekte_start:hover{
background-image:url('/img/3/0/3/3/1/8697398a92eabc53.gif');
}

a.projekte{
display:block;
background-image:url('/img/3/0/3/3/1/1beb61c9e6cdb7a1.gif');
width:103px; height:26px
}
a.projekte:hover{
background-image:url('/img/3/0/3/3/1/8697398a92eabc53.gif');
}

a.projekte_selected{
display:block;
background-image:url('/img/3/0/3/3/1/8697398a92eabc53.gif');
width:103px; height:26px
}

a.veroeff_start{
display:block;
background-image:url('/img/3/0/3/3/1/56db563f57830ca2.gif');
width:227px; height:26px
}
a.veroeff_start:hover{
background-image:url('/img/3/0/3/3/1/6f79eaf94f6e7761.gif');
}

a.veroeff{
display:block;
background-image:url('/img/3/0/3/3/1/56db563f57830ca2.gif');
width:227px; height:26px
}
a.veroeff:hover{
background-image:url('/img/3/0/3/3/1/6f79eaf94f6e7761.gif');
}

a.veroeff_selected{
display:block;
background-image:url('/img/3/0/3/3/1/6f79eaf94f6e7761.gif');
width:227px; height:26px
}

a.wuerfel{
display:block;
background-image:url('/img/3/0/3/3/1/7a1d42f7e2c26918.gif');
width:24px; height:36px;
float:right;
}
a.wuerfel:hover{
background-image:url('/img/3/0/3/3/1/7a1d42f7e2c26918.gif');
}

a.wuerfel_start{
display:block;
background-image:url('/img/3/0/3/3/1/7a1d42f7e2c26918.gif');
width:24px; height:36px;
float:right;
}
a.wuerfel_start:hover{
background-image:url('/img/3/0/3/3/1/7a1d42f7e2c26918.gif');
}

/* Ausrichtung Startseitenbild */

.popup_start_image_container{ /* Referenzpunkt für Bild */
position:relative;
top:0px;
}

#startseite{
position: absolute;
}

.ausrichtung_ol #startseite{
top: 0%; left: 0%;
}


.ausrichtung_om #startseite{
top: 0%; left: 50%;
margin-left: -135px;
}

.ausrichtung_or #startseite{
top: 0%; right: 0%;
}

.ausrichtung_ml #startseite{
top: 50%; left: 0%;
margin-top: -118px;
}

.ausrichtung_mm #startseite{
top: 50%; left: 50%;
margin-left: -135px;
margin-top: -118px;
}

.ausrichtung_mr #startseite{
top: 50%; right: 0%;
margin-top: -118px;
}

.ausrichtung_ul #startseite{
bottom: 0%; left: 0%;
}

.ausrichtung_um #startseite{
bottom: 0%; left: 50%;
margin-left: -135px;
}

.ausrichtung_ur #startseite{
bottom: 0%; right: 0%;
}

} /* @media screen, print */




@media print {

#footer,
#search{
display: none;
}

#header{
height: 40px;
}

#header a.contact{
display: none;
}

#results{
background: #fff;
padding: 0;
}

#results h2{
margin-top: 15px;
padding: 7px 0;
border: 2px solid #000;
border-width: 2px 0;
}

.popup_drucken, print_link{
display: none !important;
}

} /* @media print */