@charset "UTF-8";
/* CSS Document */

/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

/*
html{
overflow: auto;
}
*/

body { 
font-size: 12px;
line-height: 15px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background: url('img/back.jpg') left;
color: #333;
}

h1,h2,h3,h4,h5,h6{
margin: 0 0 0.5em 0;
}

p{
margin: 0 0 1em 0;
}

address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

h1{font-size: 200%;}
h2{font-size: 200%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}
p{font-size: 100%;}

strong {
font-weight: bold;
}

em{
font-style: italic;
}

small {
font-size: 0.8em;
}

.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

.tab{
float:left;
display: inline;
width: 4em;
}

.offscreen {
position: absolute !important;
left: -99999px !important;
}

.bild {
overflow: hidden;
margin: 1em 0;
}


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



#wrapper{
position: relative;
width: 995px;
height: 590px;
/*overflow: hidden;
border: 1px solid #a00;*/}

body.vcent #wrapper{
	position: absolute;
	margin-left: -498px;
	left: 50%;
	margin-top: -295px;
	top: 50%;
}

/* Wrapper positioning override*/ 
body.no-vcent #wrapper{
left: 0;
top: 0;
margin: 0 auto;
}
/********/

#header{
display: none;
}

#mainnav{
float: left;
display: inline;
width: 127px;
height: 590px;
margin: 0;
padding: 0;
background: url('img/BG_Mainnav1.gif') 0px 180px no-repeat;
overflow: hidden;
}

#mainnav ul{
padding-top: 322px;
padding-left: 30px;
}

#mainnav ul li{
/*border-left: 1px solid #0a0;*/
}

#mainnav a{
/*
float: left;
display: inline;
*/
display: block;
width: 97px;
background-repeat: no-repeat;
/*border-left: 1px solid #a00;*/
margin: 0;
padding: 0;

background: none;
}

#mainnav a:hover{
}

#mainnav a span{
display: none;
}


/* Anfang Navi - Menü */

#mn_home a{height: 15px;}
#mn_home a:hover,
#b_home #mn_home a{background: url('img/BG_Mainnav1-o.gif') -30px -142px;}
#b_home #mn_home a{cursor:default;}

#mn_ueber_uns a{height: 18px;}
#mn_ueber_uns a:hover,
#b_ueber_uns #mn_ueber_uns a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -157px;}
#b_ueber_uns #mn_ueber_uns a{cursor:default;}

#mn_portfolio a{height: 18px;}
#mn_portfolio a:hover,
#b_portfolio #mn_portfolio a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -175px;}
#b_portfolio #mn_portfolio a{cursor:default;}

#mn_referenzen a{height: 19px;}
#mn_referenzen a:hover,
#b_referenzen #mn_referenzen a,
#b_referenzen_bsp #mn_referenzen a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -193px;}
#b_referenzen #mn_referenzen a,
#b_referenzen_bsp #mn_referenzen a{cursor:default;}

#mn_team a {height: 17px;}
#mn_team a:hover,
#b_team #mn_team a,
#b_team_detail #mn_team a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -212px;}
#b_team #mn_team a,
#b_team_detail #mn_team a{cursor:default;}

#mn_inside a{height: 17px;}

#mn_inside a:hover,
#b_inside #mn_inside a,
#b_inside_detail #mn_inside a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -229px;}
#b_inside #mn_inside a,
#b_inside_detail #mn_inside a{cursor:default;}

#mn_kontakt a{height: 18px;}
#mn_kontakt a:hover,
#b_kontakt #mn_kontakt a,
#b_anfahrt #mn_kontakt a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -246px;}
#b_kontakt #mn_kontakt a{cursor:default;}

#mn_impressum a{height: 18px;}
#mn_impressum a:hover,
#b_impressum #mn_impressum a,
#b_agb #mn_impressum a{background: url('img/BG_Mainnav1-o.gif') no-repeat -30px -264px;}
#b_impressum #mn_impressum a{cursor:default;}


/* Ende Navi - Menü */



#content{
float: left;
display: inline;
position: relative;
width: 868px;
height: 590px;
margin: 0;
padding: 0;
background: url('img/BG_Content_Std.jpg') no-repeat;
overflow: auto;

overflow: hidden; /**************/
}

/* Standard Content-Styles */

#content a:link, #content a:visited, #content a:active {
color: #000;
text-decoration: none;
background-color: #fbbe62;
padding-left: 1px;
padding-right: 1px;
}	

#content a:hover {
color: #000;
background-color: #FFFFFF;
}

#content address{
font-style:normal;
font-size: inherit;
text-indent: 0;
}

#content h2{
font-weight: bold;
}

#content ul{
list-style-type: square;
list-style-position:outside;
}

#content li{
margin-left: 1.2em;
margin-bottom: 1em;
}

#content ul.uebersicht{
list-style: none;
}

#content #col1 ul.uebersicht{
margin-left: 110px !important;
}

#content ul.uebersicht ul{
list-style: none;
margin: 0;
padding: 0;
list-style-type: square;
list-style-position:outside;
}

#content ul.uebersicht li{
margin: 0;
padding: 0 0 1em 0;
/*background: #a00;*/
}

#content ul.uebersicht li span{
position: relative;
display: block;
font-weight: bold;
cursor: pointer;
}

#content ul.uebersicht li span span{
margin: 0 0 0 0px;
position: absolute;
left: -32px;
top: -0.2em;
padding: 0 2px;
font-size: 1.5em;
line-height: 1em;
}

#content ul.uebersicht li.openmenu{

}

#content ul.uebersicht li.openmenu span{
/*	
color: #DF8D00;
background: #fff;
*/
}

#content ul.uebersicht li.openmenu span span,
#content ul.uebersicht li.aktiv span span{
color: #E5DDDB;
background: #333;
}

#content ul.uebersicht ul li{
font-weight: normal;
margin: 0 0 0 1.2em;
padding: 0.5em 0 0 0;
}

#content #col1, #content #col2{
float: left;
display: inline;
width: 434px;
height: 590px;
margin: 0;
padding: 0;
overflow: hidden;
}

#content #col1{
/*background-image: none !important;*/
}

#content #col1 .inner{
margin: 29px 0 0 35px;
height: 530px;
overflow: auto;
/*background: #999;*/
}

#content #col1 p,
#content #col1 h2,
#content #col1 h3,
#content #col1 h4,
#content #col1 ul,
#content #col1 ol,
#content #col1 form,
#content #col1 blockquote{
margin: 0 60px 1em 30px;
}

#content #col1 h2{
margin: 210px 30px 1em 30px;
line-height: 1.2em;
}

#content #col1 h2 span{
display: block;
font-size: 0.6em;
line-height: 1.0em;
}


#content #col2 .inner{
margin: 29px 35px 0 0;
height: 530px;
overflow: auto;
/*background: #999;*/
}

#content #col2 h2{
margin: 210px 30px 1em 30px;
line-height: 1.2em;
}

#content #col2 h2 span {
display:block;
font-size:0.6em;
line-height:1em;}

#content #col2 p,
#content #col2 h2,
#content #col2 h3,
#content #col2 h4,
#content #col2 ul,
#content #col2 ol,
#content #col2 form,
#content #col2 blockquote{
margin: 0 30px 1em 60px;
}

#content #col2 h3{
margin: 20px 0 1em 60px;
padding: 0 30px 1em 0;
border-bottom: 1px solid #aaa;
}

#content #col2 h3 span{
display: block;
font-weight: bold;
}

#content #col2 .inner h3+div.bild{
margin: -0.8em 0 1em 0;
}


/* Footer */

#footer{}

#footer ul{
margin: 0;
padding: 0;
list-style: none;
}

#footer .back{
position: absolute;
/* left: 25px; */
left: 82px;
top: 30px;
padding: 0;
margin: 0;
z-index: 99;
}

#footer .back a{
display: block;
width: 115px;
height: 49px;
background: url('img/postit-test1.png') no-repeat;
width: 70px;
}

#footer .more{
display: none;
	
position: absolute;
right: -20px;
top: 523px;
padding: 0;
margin: 0;
z-index: 99;
}

#footer .more a{
display: block;	
width: 117px;
height: 45px;
background: url('img/postit-mehr.png') no-repeat;
}


/**************** Site-weite Style-Elemente ****************/


/* vor / zurück-buttons */

#prev{
position: absolute;
/* left: 25px; */
left: 152px;
top: 523px;
width: 56px;
height: 46px;
padding: 0;
margin: 0;
z-index: 99;

display: none !important;
}

#prev a, #prev a:link, #prev a:visited{
width: 56px;
height: 46px;
display: block;
background: url('img/ecke_links.png') no-repeat; 
}

#prev a:hover, #prev a:active{
background: url('img/ecke_links-o.png') no-repeat;  
}

#prev a span, #next a span{
display: none;
}

#next{
position: absolute;
right: 25px;
top: 523px;
width: 56px;
height: 46px;
padding: 0;
margin: 0;
z-index: 99;

display: none !important;
}

#next a, #next a:link, #next a:visited{
width: 56px;
height: 46px;
display: block;
background: url('img/ecke_rechts.png') no-repeat; 
}

#next a:hover, #next a:active{
background: url('img/ecke_rechts-o.png') no-repeat;  
}


#seiten{
position: absolute;
left: 474px;
bottom: 41px;
font-size: 95%;
color: #585756;
white-space: nowrap;
}

#seiten_link{
position: absolute;
right: 85px;
bottom: 41px;
font-size: 95%;
white-space: nowrap;
}

#content ul.uebersicht a,
#content ul.uebersicht a:link,
#content ul.uebersicht a:visited{
padding: 0;
background: none;
color: #333;
}

#content ul.uebersicht a:hover{
}

#content ul.uebersicht p{
padding: 0;
margin: 0 !important;
}


/**************** Bereichs-spezifische Styles ****************/


/* Home */

#b_home #content{
background: url('img/BG_Content_Leer.jpg') no-repeat;
}

#b_home #content #col1{
background-position: 35px 0px ;
background-repeat: no-repeat;
}

#b_home #content #col1 h2{
display: none;
}

#b_home #content .col1_night{
background-image: url('img/Home_Night.jpg'); 
}

#b_home #content .col1_morning{
background-image: url('img/Home_Morning.jpg'); 
}

#b_home #content .col1_noon{
background-image: url('img/Home_Noon.jpg'); 
}

#b_home #content .col1_sunset{
background-image: url('img/Home_Sunset.jpg'); 
}

#b_home #content #col2{
background: url('img/Titelseite009.jpg') 0px 29px no-repeat;
}

#b_home #content #col2.titel{ 
/* nur für temporär benötigt - beim nächsten mal bitte wieder direkt ...col2 ohne class nutzen 
background: url('img/Titelseite005.jpg') 0px 29px no-repeat;*/
}

#b_home #content #col2 a, #b_home #content #col2 a:link, #b_home #content #col2 a:visited, #b_home #content #col2 a:active, #b_home #content #col2 a:hover {
display: block;
width: 434px;
height: 590px;
background-color: transparent;
}

#b_home #content #col2 span{
position: absolute;
left: -99999px;
}


/* Ueber uns */

#b_ueber_uns #content #col1{
}

#b_ueber_uns #content #col1 .inner{
/*background-image: url('img/BG_Col1_inner_orange.gif'); */
}

#b_ueber_uns #content #col1 li p{
position: absolute;
left: -99999px;
}

#b_ueber_uns #content #col1 h2{
}

#b_ueber_uns #content #col2 h2{
margin-top: 210px;
margin-top: 50px;
}

#b_ueber_uns #content #col2 h3{
font-weight: bold;
}

#b_ueber_uns #content #col2 h3 span{
position: absolute;
left: -99999px;
}

/* Portfolio */

#b_portfolio #content #col2{
/*
background-position: 0px 0px ;
background-repeat: no-repeat;
background-image: url(img/BG_Col1_Portfolio.jpg); 
*/
}

#b_portfolio #content #col2 h2{
margin-top: 50px;
}

#b_portfolio #content #col2 h3{
}

#b_portfolio #content ul.uebersicht li{
margin: 0;
padding: 0 0 1em 20px ;
background: url('img/Pfeil_rechts.png') no-repeat 0 0.2em;
}

#b_portfolio #content ul.uebersicht ul{
margin: 0;
}

#b_portfolio #content ul.uebersicht li li{
background: none;
margin-left: 1.3em;
padding: 0.5em 0 0 0;
}

#b_portfolio #content ul.uebersicht li.openmenu{
background: url('img/Pfeil_rechts-o.png') no-repeat 0 0.2em;
}






/* Referenzen-Hauptseite / Kundenliste */

#b_referenzen #content #col1,
#b_kundenliste #content #col1{
}

#b_referenzen #content #col1 h2,
#b_kundenliste #content #col1 h2{
}

#b_referenzen #content #col2 h3{
font-weight: bold;
}

#b_referenzen #content #col2 h3 span{
font-size: 1.4em;
display: inline;
}

#b_referenzen #content #col2 ul#reflist a:link,
#b_referenzen #content #col2 ul#reflist a:visited,
#b_referenzen #content #col2 ul#reflist a:active {
display: block;
color: #333;
text-decoration: none;
background: none;
}	

#b_referenzen #content #col2 ul#reflist a:hover {
color: #000;
}

#b_referenzen #content #col2 ul#reflist a:hover img {
border: 5px solid #ff9900;
}

#b_referenzen #content #col2 ul#reflist{
margin: 10px 0px 0 60px;
list-style: none;
overflow: hidden;
font-size: 0.92em;
line-height: 1.2em;
}

#b_referenzen #content #col2 ul#reflist li{
float: left;
display: inline;
width: 155px;
height: 115px;
overflow: hidden;
margin: 0 5px 0px 0;
}

#b_referenzen #content #col2 ul#reflist img{
display: block;
border: 5px solid #fff;
margin-bottom: 2px;
}

#b_referenzen #content #col2 ul#reflist span{
/*
border-left: 1px solid #000;
margin-left: 0.2em;
padding-left: 0.5em;
*/
}

#b_referenzen #footer .back{
left: 82px;
top: 40px;
}

#b_referenzen #footer .back a{
width: 114px;
height: 36px;
cursor: default;
background: url('img/postit-referenzen.png') no-repeat;
}


#b_referenzen #content #col2 ul#kndlist{
list-style: none;
margin-top: 3em;
}

#b_referenzen #content #col2 ul#kndlist li{
margin: 0em 0;
}

#b_referenzen #content #col2 ul#kndlist li#uvm{
margin: 1em 0;
}



/*
#b_referenzen #content #col2 ul#kndlist a:link,
#b_referenzen #content #col2 ul#kndlist a:visited,
#b_referenzen #content #col2 ul#kndlist a:active {
display: block;
color: #333;
text-decoration: none;
background: none;
}	

#b_referenzen #content #col2 ul#kndlist a:hover {
color: #000;
}


#b_referenzen #content #col2 ul#kndlist a:hover img {
border: 5px solid #ff9900;
}
*/

#b_referenzen #content #col2 ul#kndlist{
margin: 10px 0px 0 50px;
list-style: none;
overflow: hidden;
}

#b_referenzen #content #col2 ul#kndlist li{
float: left;
display: inline;
width: 100px;
height: 50px;
overflow: hidden;
margin: 0 0px 10px 10px;
/*
background: #aaa;
*/
}

#b_referenzen #content #col2 ul#kndlist img{
}

#b_referenzen #content #col2 ul#kndlist span{
font-weight: bold;
display: block;
position: absolute;
left: -99999px;
}

#b_referenzen #content #col2 ul#kndlist span span{
font-weight: normal;
}











/* Referenzen-Beispielseiten */

#b_referenzen_bsp #content{
/*
background-image: url(img/BG_Content_Referenzen_Bsp.jpg);
*/
}

#b_referenzen_bsp #content #col1{
background-position: 35px 29px;
background-repeat: no-repeat;
}

/*
#content .ref_adler{background-image: url(img/BG_Col1_Ref_adler.jpg);}
#content .ref_checkpoint{background-image: url(img/BG_Col1_Ref_checkpoint.jpg);}
#content .ref_lisolantekflex{background-image: url(img/BG_Col1_Ref_lisolantekflex.jpg);}
#content .ref_mainmetall{background-image: url(img/BG_Col1_Ref_mainmetall.jpg);}
#content .ref_markenoutlet24{background-image: url(img/BG_Col1_Ref_markenoutlet24.jpg);}
#content .ref_mayundchriste{background-image: url(img/BG_Col1_Ref_mayundchriste.jpg);}
#content .ref_museen-ab{background-image: url(img/BG_Col1_Ref_museen-ab.jpg);}
*/

#content .ref_koehl{background-image: url('img/BG_Col1_Ref_koehl.jpg');}



#content .ref_koehl #f-slideshow{
margin: 29px 0 0 35px; 
padding: 0; 
display: none;
}
#content .ref_koehl #slideshow p{
padding: 1em;
color: #fff;
}
#content .ref_koehl #slideshow p a{
color: #fff;
}

#b_referenzen_bsp #content #col1 h2{
display: none;
}

#b_referenzen_bsp #content #col2{
position: relative;
}

#b_referenzen_bsp #content #col2 h3{
margin-top: 140px;
font-size: 1.25em;
line-height: 1.3em;
font-weight: bold;
}

#b_referenzen_bsp #content #col2 h3 span{
font-weight: normal;
font-size: 0.8em;
}

#b_referenzen_bsp #ref_bsp_pics{
position: absolute;
right: 67px;
bottom: 67px;

display: none;
}

#b_referenzen_bsp #ref_bsp_portf{
position: absolute;
left: 40px;
bottom: 41px;
font-size: 95%;
color: #585756;

display: none;
}

#b_referenzen_bsp #ref_uebersicht{
position: absolute;
right: 85px;
bottom: 41px;
font-size: 95%;

display: none;
}

#b_referenzen_bsp #ref_uebersicht a, #b_referenzen_bsp #ref_uebersicht a:link, #b_referenzen_bsp #ref_uebersicht a:visited{
background: none !important;
}

#b_referenzen_bsp #ref_uebersicht a:hover, #content #b_referenzen_bsp #ref_uebersicht a:active{
color: #fff;
}

#b_referenzen_bsp #footer .back{
left: 82px;
top: 40px;
}

#b_referenzen_bsp #footer .back a{
width: 114px;
height: 36px;
width: 63px;
background: url('img/postit-referenzen.png') no-repeat;
}

#b_referenzen_bsp #footer .back a:hover{
margin-left: -2px;
padding-right: 2px;
}

#b_referenzen_bsp #footer .more{
}

#b_referenzen_bsp #footer .more a{
}





/* Team */

#b_team #content #col1{
width: 868px;
height: 467px;
position: relative;
}


#b_team #content #col1 h2{
margin-top: 55px;
}

#b_team #content #col1 #tmi{
position: absolute;
z-index: 1;
top: 140px;
left: 35px;
margin: 0;
padding: 0;
width:798px;
height:327px;
overflow: hidden;
background: url('img/Team.jpg');
list-style: none !important;
}

#b_team #content #col1 #tmi li{
position: absolute;
margin: 0;
padding: 0;
}

#b_team #content #col1 #tmi li a{
display: block;
background: none;
/*
background: #f90;
opacity: 0.4;
filter: alpha(opacity=40);
*/}

#b_team #content #col1 #tmi li a.aktiv{
cursor: default;
}

#b_team #content #col1 #tmi li a:active{
/*
background: #a00;
opacity: 0.4;
filter: alpha(opacity=40);*/
}

#b_team #content #col1 #tmi li a span{
display: block;
visibility: hidden;
position: absolute;
width: auto;
background: #ff9900;
white-space:nowrap;
background: url('img/Team_Hilight.gif') bottom left; 
padding: 4px 4px 28px 4px;
}

#b_team #content #col1 #tmi li a span span{
position: static;
padding: 0;
margin: 0;
background: none;
display: block;
font-weight: bold;
}

#b_team #content #col1 #tmi li a span span span{
font-weight: normal;
}

#b_team #content #col1 #tmi li a:hover span,
#b_team #content #col1 #tmi li a.hova span{
visibility: visible !important;
}


/* Teambild Klickflächen Positionen */

#tmi_ingo {top: 40px; left: 15px; z-index: 100}
#tmi_ingo a{width: 80px; height: 210px;}
#tmi_ingo a.aktiv{background: url('img/Team_Marker.png') 15px 0px no-repeat}
#tmi_ingo a span{top: -36px; left: 56px;}

#tmi_steffi {top: 90px; left: 95px; z-index: 110}
#tmi_steffi a{width: 70px; height: 190px;}
#tmi_steffi a.aktiv{background: url('img/Team_Marker.png') 0px 0px no-repeat}
#tmi_steffi a span{top: -36px; left: 40px;}

#tmi_tommy {top: 10px; left: 179px; z-index: 120}
#tmi_tommy a{width: 64px; height: 210px;}
#tmi_tommy a.aktiv{background: url('img/Team_Marker.png') 0px 0px no-repeat}
#tmi_tommy a span{top: -6px; left: 46px;}

#tmi_karina {top: 44px; left: 250px; z-index: 130}
#tmi_karina a{width: 64px; height: 210px;}
#tmi_karina a.aktiv{background: url('img/Team_Marker.png') 4px 0px no-repeat}
#tmi_karina a span{top: -30px; left: 46px;}

#tmi_dieter {top: 80px; left: 320px; z-index: 140}
#tmi_dieter a{width: 74px; height: 220px;}
#tmi_dieter a.aktiv{background: url('img/Team_Marker.png') 5px 0px no-repeat}
#tmi_dieter a span{top: -44px; left: 60px;}

#tmi_carsten {top: 37px; left: 410px; z-index: 150}
#tmi_carsten a{width: 84px; height: 210px;}
#tmi_carsten a.aktiv{background: url('img/Team_Marker.png') 8px 0px no-repeat}
#tmi_carsten a span{top: -34px; left: 62px;}

#tmi_harald {top: 0px; left: 500px; z-index: 160}
#tmi_harald a{width: 84px; height: 220px;}
#tmi_harald a.aktiv{background: url('img/Team_Marker.png') 9px 0px no-repeat}
#tmi_harald a span{top: 2px; left: 60px;}

#tmi_christiane {top: 90px; left: 577px; z-index: 170}
#tmi_christiane a{width: 65px; height: 200px;}
#tmi_christiane a.aktiv{background: url('img/Team_Marker.png') 5px 1px no-repeat}
#tmi_christiane a span{top: -30px; left: -54px; background-position: 100px bottom !important;}

#tmi_alexandra {top: 44px; left: 640px; z-index: 180}
#tmi_alexandra a{width: 64px; height: 210px;}
#tmi_alexandra a.aktiv{background: url('img/Team_Marker.png') 1px 1px no-repeat}
#tmi_alexandra a span{top: -32px; left: 2px; background-position: 40px bottom !important;}

#tmi_dirk {top: 75px; left: 704px; z-index: 190}
#tmi_dirk a{width: 75px; height: 215px;}
#tmi_dirk a.aktiv{background: url('img/Team_Marker.png') 3px 0px no-repeat}
#tmi_dirk a span{top: -36px; left: -10px; background-position: 62px bottom !important;}

#tmi_emma {top: 220px; left: 175px; z-index: 200}
#tmi_emma a{width: 87px; height: 104px;}
#tmd_emma {background: url('img/pfote.gif') no-repeat 50px 20px;width: 200px;height: 100px;}
#tmi_emma a.aktiv{background: url('img/Team_Marker.png') 0px 0px no-repeat}
#tmi_emma a span{top: -34px; left: 38px;}





#b_team #content #col2{
/*background: #a00;*/
width: 868px;
height: auto;
}

#b_team #content #col2 .inner{
/*background: #0a0;*/
margin: 0 35px 29px 434px;
height: 92px;
overflow: auto !important;
}

#b_team #content #col2 .inner p{
margin-top: 1em;
margin-bottom: 0;
color: #555;
}


#b_team #footer .back{
left: 88px;
top: 36px;
}

#b_team #footer .back a{
width: 118px;
height: 51px;
background: url('img/postit-team.png') no-repeat;
cursor: default;
}

#b_team #footer .more{
}

#b_team #footer .more a{
}





/* Team Detailseite */

#b_team_detail{
}



/*

#b_team_detail #col1{
float: right;
}

#b_team_detail #col2{
float: left;
}

#content #col2 .inner{
margin: 29px 0 0 35px;
}

#b_team_detail #content #col2 p,
#b_team_detail #content #col2 h2,
#b_team_detail #content #col2 h3,
#b_team_detail #content #col2 ul,
#b_team_detail #content #col2 ol,
#b_team_detail #content #col2 blockquote{
margin: 0 30px 1em 60px;
}

#b_team_detail #content #col2 h3{
margin: 20px 60px 1em 0;
padding: 0 0 1em 60px;
}

#b_team_detail #content #col1 .inner{
margin: 29px 35px 0 0;
}

*/



#b_team_detail p.zitiert{
/*margin-bottom: 0 !important;*/
font-weight: bold;
}

#b_team_detail blockquote{
font-size: 1.4em;
line-height: 1.3em;
padding: 0 0 0 2em;
font-weight: bold;
color: #000;
}

#b_team_detail blockquote p{
margin-left: 0 !important;
}

#b_team_detail dl.kondat,
#b_team_detail div.emma{
color: #000;
line-height: 1.4em;
/*margin-left: 120px;*/
margin: 4em 0 0 44px;
background: url('img/postit-kondat.png') no-repeat; 
overflow: hidden;
width: 205px;
height: 90px;
padding: 30px 25px 27px 40px;
}

#b_team_detail #content div.emma span{
display: block;
background: url('img/pfote.gif') no-repeat 60px 10px;
width: 200px;
height: 100px;
margin: 0;
}

#b_team_detail dl.kondat dt{
clear: left;
float: left;
display: inline;
text-transform:uppercase;
font-weight:bold;
width: 20px;
}

#b_team_detail dl.kondat dt.vcard{
margin-top: 0.5em;
background: url('img/vcard-neutral.gif') no-repeat 0px 0px;
text-align: center;
width: 22px;
padding-right: 12px;
}

#b_team_detail dl.kondat dd.vcard{
margin-top: 0.5em;
}

#b_team_detail dl.kondat dt span{
display: none;
}

#b_team_detail dl.kondat dd{
float: left;
display: inline;
padding-right: 2em;
}



#b_team_detail #footer .back{
left: 88px;
top: 36px;
}

#b_team_detail #footer .back a{
width: 118px;
width: 60px;
height: 51px;
background: url('img/postit-team.png') no-repeat;
}

#b_team_detail #footer .back a:hover{
margin-left: -2px;
padding-right: 2px;
}

#b_team_detail #footer .more{
}

#b_team_detail #footer .more a{
}


/* Inside */

#b_inside #content{
background: url('img/BG_Content_inside.jpg') no-repeat;
}

#b_inside #content #col1{
}

#b_inside #content #col2{
}

#b_inside #content #col2 .inner{
height: 431px;
margin-top: 128px;
}

#b_inside #content h2{
margin-top: 56px;
}

#b_inside #content .teaser{
padding-top: 30px;
border-top: 1px solid #aaa;
margin-top: 30px;
clear: both;
width: 339px;
height: 11.7em;
overflow: hidden;
}

#b_inside #content #col2 .teaser{
margin-left: 60px;
}

#b_inside #content .teaser .text{
width: 190px;
}

#b_inside #content #col1 .teaser .text{
float: left;
display: inline;
}

#b_inside #content #col2 .teaser .text{
float: right;
display: inline;
}

#b_inside #content #col1 .teaser .text p,
#b_inside #content #col1 .teaser .text h3{
margin-right: 0px;
}

#b_inside #content #col2 .teaser .text p,
#b_inside #content #col2 .teaser .text h3{
margin-left: 0px;
margin-right: 30px;
}

#b_inside #content .teaser .text h3{
margin-top: 0;
font-weight: bold;
border: none;
padding: 0;
}


#b_inside #content .teaser .text h3 span{
font-size: 0.86em;
display: block;
font-weight: normal;
}

#b_inside #content .teaser .text p{
font-size: 0.92em;
}

#b_inside #content .teaser .text .mehr{
text-align: right;
margin: -0.5em 0 0 0;
}

#b_inside #content .teaser .bild{
width: 130px;
height: 130px;
overflow: hidden;
margin: 0 !important;
}

#b_inside #content .teaser .bild a,
#b_inside #content .teaser .bild a:link,
#b_inside #content .teaser .bild a:visited{
display: block;
width: 120px;
height: 120px;
overflow: hidden;
border: 5px solid #fff;
margin: 0;
padding: 0;
}

#b_inside #content .teaser .bild a:hover{
border: 5px solid #f90;
}

#b_inside #content #col1 .teaser .bild{
float: right;
display: inline;
}

#b_inside #content #col2 .teaser .bild{
float: left;
display: inline;
}

#b_inside #footer .back{
left: 82px;
top: 30px;
}

#b_inside #footer .back a{
width: 115px;
height: 49px;
background: url('img/postit-inside.png') no-repeat;
cursor: default;
}



/* Inside Detailseiten */

#b_inside_detail{
}

#b_inside_detail #content #col2 h3{
font-weight: bold;
}

#b_inside_detail #content #col2 h3 span{
position: absolute;
left: -99999px;
}

#b_inside_detail #footer .back{
left: 82px;
top: 30px;
}

#b_inside_detail #footer .back a{
width: 115px;
width: 70px;
height: 49px;
background: url('img/postit-inside.png') no-repeat;
}

#b_inside_detail #footer .back a:hover{
margin-left: -2px;
padding-right: 2px;
}

#b_inside_detail #footer .more{
}

#b_inside_detail #footer .more a{
}



/* Impressum */

#b_impressum #col2 .adresse{
}

#b_impressum #col2 .inner{
margin: 246px 35px 0 0;
height: 313px;
overflow: auto;
/*background: #999;*/
}


/* AGB */

#b_agb #content #col1{
/*
background-position: 0px 0px ;
background-repeat: no-repeat;
background-image: url(img/BG_Col1_Impressum.jpg); 
*/
}

#b_agb #content #col2 .inner{
/*
overflow: auto;
height: 460px;
margin-right: 25px;
padding-right: 35px;
margin-top: 29px;
padding-top: 31px;
margin-bottom: 21px;
padding-bottom: 39px;
*/
margin: 29px 35px 0 0;
height: 530px;
overflow: auto;
}

#b_agb #agb-text{
margin: 217px 0 200px 0;
}

#b_agb #agb-text h4{
margin-top: 2em;
font-weight: bold;
}



/* Kontakt & Anfahrt */

#b_kontakt #content #col2 h3{
font-weight: bold;
}

#b_kontakt #content #col2 h3 span{
position: absolute;
left: -99999px;
}

#b_kontakt #col2 #anfahrtskizze{
margin: 1em 0 3em 60px;
}

#b_kontakt #col2 #anfahrtskizze a{
display: block;
background: url('img/anfahrt.jpg') no-repeat;
width: 320px;
height: 225px;
}

#b_kontakt #col2 #anfahrtskizze a span{
display: none;
}

#b_kontakt #col2 .adresse{
}

#b_kontakt #col2 .adresse span{
float: left;
display: inline;
width: 4em;
/*font-weight: bold;*/
}



/* Kontaktformular ***************************/

form#Kontaktformular{
overflow: hidden;
margin-bottom: 0 !important;
margin-right: 0 !important;
}

#Kontaktformular div{
margin: 5px 0;
overflow: hidden;
}

#Kontaktformular h6{
padding: 20px 0 0 140px;
font-weight: bold;
color: #000;
}

#Kontaktformular p{
margin: 10px 0 10px 140px;
}

#Kontaktformular label{
line-height: 14px;
width: 90px;
color: #000;
margin: 2px 10px 2px 0;
float: left;
text-align: left;
}

#Kontaktformular #CKF_anrede{
margin-left: 100px;
width: auto;
}

#Kontaktformular #CKF_anrede label{
float: left;
width: auto;
margin-right: 0;
}

#Kontaktformular #CKF_anrede input{
margin-right: 20px;
background: transparent;
border: none;
}

input#KF_vorname, input#KF_name, input#KF_firma, input#KF_funktion, input#KF_plz_ort, input#KF_strasse, input#KF_fax, input#KF_telefon, input#KF_email, input#KF_betreff{
width: 196px;
}

#Kontaktformular textarea{
width: 196px;
max-width:  206px;
height: 140px;
max-height: 140px;
overflow: auto;
}

#Kontaktformular input#KF_land{
width: 20px;
}

#Kontaktformular input#KF_plz{
width: 40px;
margin-right: 0px;
}

#Kontaktformular input#KF_ort{
width: 110px;
margin-right: 0px;
}

#Kontaktformular #CKF_land_plz_ort label{
width: auto;
}

#Kontaktformular #CKF_land_plz_ort input{
margin-right: 10px;
}

#Kontaktformular #CKF_land_plz_ort span{
display: block;
float: left;
width: 90px;
margin: 3px 10px 3px 0;
text-align:right;
}

#Kontaktformular #CKF_land_plz_ort span label{
float: none;
margin-right: 0;
}

#Kontaktformular input, #Kontaktformular textarea{
float: left;
font-family: inherit;
font-size: 100%;
padding: 1px 2px;
background-color: #EAE3DD;
border-top: 1px solid #8D8D8D;
border-left: 1px solid #8D8D8D;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

#Kontaktformular input#KF_submit{
float: none;
margin: 2px 0 20px 100px;
width: 202px;
padding: 0px 4px;
color: #fff;
background: #6B6662;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #A8A39F;
border-left: 1px solid #A8A39F;
text-transform:uppercase;
text-align:left;
}

#Kontaktformular .muss{
/*font-weight: bold;*/
}

/****/

#Kontaktformular #CKF_anrede{
padding-top: 10px;
/*border-top: 1px solid #000;*/
}

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

/* TEST & DEBUG */







