@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: #444444 url(img/back.jpg);
color: #333;
-webkit-text-size-adjust: none;
}

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

p,ul,ol,label,address {
color: #333;
margin: 1em 1em 1em 0;
}

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

h1{font-size: 160%;}
h2{font-size: 140%; margin-top: 2em; line-height: 1.2em;}
h3{font-size: 120%;}
h4{font-size: 110%;}
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;
}

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

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

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

.bild img{
width: 100%;
}

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



#wrapper{
position: relative;
max-width: 480px;
width: auto;
margin: 1em 1em;
overflow: hidden;
background: #C4BCB9 URL('img/BG_Content_Basic.jpg') repeat-y;
background: #E5DDDB;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
border-bottom: 10px solid #fff;
}

#header{
background: #fff URL(img/significa-logo.gif) no-repeat right;
margin-right: -10px;
height: 60px;
}

#header h1{
display: none;
}

#mainnav{
overflow: auto;
background: #fff;
line-height: 1.5em;
}

#mainnav ul{
margin: 0.2em 0;
padding: 0.2em 0;
overflow: auto;
}

#mainnav ul li{
float: left;
margin: 0 0 0.2em 0.4em;
}

#mainnav ul li#mn_impressum{
margin-right: 0;
}

#mainnav ul li#mn_kontakt2{
display: none;
}

#mainnav ul li a{
margin-right: 0.7em;
text-transform: lowercase;
text-decoration: none;
color: #333;
border-bottom: 2px solid #f90;
}

#mainnav ul li a:hover{
border-bottom: 2px solid #000;
}

#mainnav ul li a.active, #mainnav ul li a.active:hover{
text-decoration: none;
cursor: text;
}


/* Anfang Navi - Menü */

#b_home #mn_home a,
#b_ueber_uns #mn_ueber_uns a,
#b_portfolio #mn_portfolio a,
#b_referenzen #mn_referenzen a,
#b_referenzen_bsp #mn_referenzen a,
#b_team #mn_team a,
#b_team_detail #mn_team a,
#b_inside #mn_inside a,
#b_inside_detail #mn_inside a,
#b_kontakt #mn_kontakt a,
#b_impressum #mn_impressum a,
#b_agb #mn_impressum a{
border-bottom: 2px solid #000 !important;
}

/* Ende Navi - Menü */




/* Content */

#content{
padding: 1em 1em 1em 1em;
overflow: auto;
min-height: 160px;
}

#content a:link, #content a:visited, #content a:active,
#footer a:link, #footer a:visited, #footer a:active {
color: #000;
text-decoration: none;
background-color: #fbbe62;
padding: 0 2px;
}	

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

#content p, #content address{
line-height: 1.4em;
}

#content ul{
margin: 0.5em 0 0 0;
}


#content ul.uebersicht{
list-style: none;
padding: 0em 0 2em 0;
}

#content #col1 ul.uebersicht{
margin-left: 32px !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 0em 0;
/*background: #a00;*/
}

#content ul.uebersicht li a{
background: none;
}


#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 p{
margin: 0;
}


#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{
margin-bottom: 1em;
}

#content #col1 img{
width: 100%;
}

#content #col2{
/*padding-top: 1em;
border-top: 2px dotted #000;*/
/*margin-top: 1em;*/
}

#content #col2 ul{
color: #000;
margin: 0 0 0 1em;
list-style-type: square;
list-style-position:outside;
}

#content ul li{
line-height: 1.4em;
margin-bottom: 0.5em;
}

#content ul li ul li{
}


#footer {
/*
position: absolute;
bottom: 0;
left: 0;
*/
padding: 1em 0 1em 0;
overflow: hidden;
width: 100%;
}

#footer ul {
padding: 0 1em;
margin: 0;
}

#footer .more{
display: none !important;
}

#prev{
clear: both;
float: left;
margin: 0.5em 0.5em 1em 0;
}

#next{
float: right;
margin: 0.5em 0 1em 0.5em;
}

#seiten{
clear: both;
float: left;
margin: 0.5em 0.5em 0.5em 0;
}

#seiten_link{
float: right;
margin: 0.5em 0 0.5em 0.5em;
display: none;
}


/* Home */

#b_home #col2.titel{
/*min-height: 120px;*/
margin: 2em auto 1em auto;
border: 2px dotted #ff9900;
/*width: 90%;*/
padding: 0;
}

#b_home #col2.titel a{
display: block;
background: #fff;
/*
background: #fff URL('img/Ref_Icon_Stiftsschatz.jpg') left center no-repeat;
padding: 0 0 0 145px;
*/
border: 10px solid white;
min-height: 63px;
}



/* Portfolio */

#b_portfolio #content #col1 ul#pfd{
margin-top: 3em;
}

#b_portfolio #content #col1 ul#pfd li{
border-top: 2px dotted #000;
margin: 1em 0;
padding: 0 ;
}

#b_portfolio #content #col1 ul#pfd ul{
margin: 0 0 0 1em;
list-style-position: outside;
list-style-type: square;
}

#b_portfolio #content #col1 ul#pfd ul li{
border: none;
margin: 0;
padding: 0;
}

#b_portfolio #content #col1 ul#pfd li h4{
color: #000;
font-weight: bold;
}


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

#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 #col2{
padding-bottom: 3em;}

#b_referenzen #content #col2 ul a:link, #b_referenzen #content #col2 ul a:visited, #b_referenzen #content #col2 ul a:active {
color: #000;
text-decoration: none;
background: none;
padding: 0;
}	

#b_referenzen #content #col2 ul a:hover {
color: #fff;
background: none;
}

#b_referenzen #content #col2 ul{
margin: 0 0 0 0;
list-style: none;
}

#b_referenzen #content #col2 ul li{
padding-left: 150px;
position: relative;
height: 63px;
margin-top: 1em;
}

#b_referenzen #content #col2 ul img{
left: 0px;
position: absolute;
margin-right: 1em;
display: block;
}

#b_referenzen #content #col2 ul#reflist img{
border: 3px solid #fff;
}

#b_referenzen #content #col2 ul#kndlist{
margin-top: 2em;
}

#b_referenzen #content #col2 ul#kndlist img{
margin-top: -0.6em;
left: 20px;
}

#b_referenzen #content #col2 ul span{
/*white-space: nowrap;*/
display: block;
}

#b_referenzen #content #col2 ul strong span{
display: none;
}

#b_referenzen #footer .back{
display: none;
}


#b_referenzen_bsp .ref_koehl #f-slideshow{
display: none;
}

#b_referenzen_bsp .ref_koehl .inner{
display: none;
}

#b_referenzen_bsp #col1{
margin-top: 1em;
}

#b_referenzen_bsp #col1 img{
width: 100%;
}

#b_referenzen_bsp #col2{
border-top: 0;
padding-top: 0;
}

#b_referenzen_bsp #col2 #ref_bsp_pics,
#b_referenzen_bsp #col2 #ref_bsp_portf,
#b_referenzen_bsp #col2 #ref_uebersicht{
display: none;
}

#b_referenzen_bsp #col2 h3 span.offscreen{
position: static !important;
}

#b_referenzen_bsp #col2 p span{
display: none;
}

#b_referenzen_bsp #content{
overflow: hidden;
}

#b_referenzen_bsp #ref_bsp_portf{
float: left;
margin: 0.5em 0.5em 0.5em 0;
}

#b_referenzen_bsp #ref_uebersicht{
float: right;
margin: 0.5em 0 0.5em 0.5em;
}

#b_referenzen_bsp #footer .back .offscreen{
position: static !important;
}


#b_kundenliste h2{
margin-bottom: 0em;
}

#b_kundenliste h4{
margin-top: 0em;
font-size: 100%;
font-weight: bold;
color: #000;
}

#b_kundenliste #content #col2 ul{
list-style: none;
margin: 3em 0 0 0;
}

#b_kundenliste #content #col2 li{
margin: 0em 0;
}

#b_kundenliste #content #col2 li#uvm{
margin: 1em 0;
}


/* Team */

#b_team #content #col1 #tmi li{
margin: 0 0.5em 0.5em 0;
}

#b_team #content #col1 #tmi_maske{
display: none;
}

#b_team #content #col1 div#tmd a, #b_team #content #col1 div#tmd a:link, #b_team #content #col1 div#tmd a:visited, #b_team #content #col1 div#tmd a:active{
color: #000;
text-decoration: none;
}

#b_team #content #col1 div#tmd a:hover{
color: #000;
text-decoration: underline;
}

#b_team #content #col1 div#tmd ul{
margin: 150px 0 0 0;
}

#b_team #content #col1 div#tmd li{
clear: left;
border-top: 2px dotted #000;
margin: 1em 0;
padding: 1em 0 0 70px ;
overflow: hidden;
background-position: 0 1.2em;
background-repeat: no-repeat;
min-height: 6em;
}

#b_team #content #col1 div#tmd h4{
margin: 0 0 0.5em 0;
padding: 0;
color: #000;
clear: left;
font-weight:bold;
}

#b_team #content #col2{
display: none;
}

#b_team #footer .back{
display: none;
}

/* Team Detail */

#b_team_detail #col1{
}

#b_team_detail #col1 img{
width: 100%;
}

#b_team_detail #col2{
border-top: 0;
padding-top: 0;
}

#b_team_detail #col2 h3 span.offscreen{
position: static !important;
}

#b_team_detail dl{
color: #000;
line-height: 1.4em;
}

#b_team_detail dt{
width: 20px;
clear: left;
float: left;
display: inline;
text-transform:uppercase;
font-weight:bold;
text-align: center;
width: 22px;
padding-right: 12px;
}

#b_team_detail #content dt.vcard{
margin-top: 0.5em;
background: url(img/vcard-neutral.gif) no-repeat 0px 2px; 
}

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

#b_team_detail #content dt span{
display: none;
}

#b_team_detail #content dd{
float: left;
display: inline;
}

#b_team_detail #footer .back .offscreen{
position: static !important;
}



/* Anfahrt */

#b_anfahrt #col2 #anfahrtskizze{
margin: 1em 0 3em 0;
}

#b_anfahrt #col2 #anfahrtskizze a{
display: block;
background: url(img/anfahrt.jpg) no-repeat -1px -1px;
width: auto;
max-width: 314px;
height: 223px;
border: 1px solid #000;
}

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

#b_anfahrt #col2 address{
margin: 3em 0;
}

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


/* Inside */

#b_inside #content .teaser{
padding-top: 20px;
margin-top: 0px;
clear: both;
overflow: hidden;
}

#b_inside #content #col2 .teaser{
}

#b_inside #content .teaser .text{
}

#b_inside #content #col1 .teaser .text,
#b_inside #content #col2 .teaser .text{
float: right;
display: inline;
width: 55%;
}

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

#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,
#b_inside #content #col2 .teaser .bild{
width: 40%;
float: left;
display: inline;
}

#b_inside #footer .back{
display: none;
}

/* Inside Detail */

#b_inside_detail #footer .back .offscreen{
position: static !important;
}


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

form#Kontaktformular{
overflow: auto;
}

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

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

#Kontaktformular p{
}

#Kontaktformular label{
width: auto;
margin: 6px 10px 3px 0;
text-align: right;
}

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

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

#Kontaktformular #CKF_anrede input{
float: left;
margin-right: 20px;
margin-top: 0.5em;
background: transparent;
border: none;
}

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

#Kontaktformular textarea{
display:block;
width: 98%;
height: 120px;
max-height: 480px;
overflow: auto;
}

#Kontaktformular input#KF_land{
}

#Kontaktformular input#KF_plz{
}

#Kontaktformular input#KF_ort{
}

#Kontaktformular #CKF_land_plz_ort label{
}

#Kontaktformular #CKF_land_plz_ort input{
}

#Kontaktformular #CKF_land_plz_ort span{
}

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

#Kontaktformular input, #Kontaktformular textarea{
font-family: inherit;
font-size: 90%;
padding: 3px;
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{
margin: 2px 0 20px 0px;
width: 100%;
padding: 2px;
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;*/
}


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

#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;
}



/* Impressum */

#b_impressum #content #col2{
padding-top: 0;
border-top: none;
margin-top: 0;
}

/* AGB */
#b_agb p.back{
display: none;
}

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