/* @author andiriad */
/* ###################### Allgemeine Formatierungen ###################### */
html, body { 
    margin: 0px; 
    padding: 0px;  
    height: 100%; 
   /* background: #fcfff4 url(../images/background.jpg) repeat-y top center; margin: 0px auto; */
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, textarea, select, td, div {
	/*font-family: Cambria, Georgia, Calibri, verdana, trebuchet, arial,; */
	font-family: arial, helvetica, verdana, sans-serif, geneva;
	text-align: left;
	color: #406498;
}

p {
        display:inline; /*schaltet die <p>'s aus*/
}

form {
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

div.clear {
	width: 100%;
	clear: left;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}

img {
	border: none;
}

/*Navipfad Contenido*/
.path .last         { font-weight:bold; }

/* Links */

A:link { font-family: arial, helvetica, Verdana, sans-serif, geneva; font-size:14px; text-decoration: none; color: #406498}
A:visited { font-family: arial, helvetica, Verdana, sans-serif, geneva; font-size:14px; text-decoration: none; color: #406498}
A:hover { font-family: arial, helvetica, Verdana, sans-serif, geneva; font-size:14px; text-decoration: underline;  color: #406498}
A:active { font-family: arial, helvetica, Verdana, sans-serif, geneva; font-size:14px; text-decoration: underline; color: #406498}

.hidden {
    position:absolute;
    left:-1000px;
    top:-1000px;
    width:0;
    height:0;
    overflow:hidden;
    display:inline;
}


/* ###################### Layoutformatierungen ###################### */

/* Zentrieren der Bühne */

table, td {
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

#table-zent {
	width: 100%;
	height: 100%;
	border: 0px;
}

#td-zent {
	vertical-align:top;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* ########################## */


#twitter_post {
     color: #84e7ff;
}
#facebook_post {
     color: #84e7ff;
}

#map {
     width: 500px;
     height: 400px;
}

#webReader {
      /*display: none;*/
      width: auto;
      height: auto;
}

/*#webReader A:link {  text-decoration: none; color: #6e88af}
#webReader A:visited { text-decoration: none; color: #6e88af}
#webReader A:hover { text-decoration: underline;  color: #6e88af}
#webReader A:active {text-decoration: underline; color: #6e88af}*/

#webReader IFRAME {
      display: none;
}

/*IFRAME {
       display: none;
}*/

#WR_1 img {
	display: none;
}

#WR_1 span {
	display: none;
}

#closewebReader {
        width: auto;
        height: auto;
}

#nojs {
      position:absolute;
      z-index: 20000;
      width: 980px;
      height: auto;  
      top: -24px;     
}

#container-center-navi {
        position:relative;
        width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


#container-center {
	position: relative;
	width: 1165px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


#container-center-content {
	width: 1165px;
	height: auto;
	margin-left: 0px;

}

#container-center-content.small {
       font-size: 12px;
}
#container-center-content.small A:link { font-size:12px;}
#container-center-content.small A:visited { font-size:12px;}
#container-center-content.small A:hover { font-size:12px;}
#container-center-content.small A:active { font-size:12px;}

#container-center-content.normal {
       font-size: 14px
}
#container-center-content.normal A:link { font-size:14px;}
#container-center-content.normal A:visited { font-size:14px;}
#container-center-content.normal A:hover { font-size:14px;}
#container-center-content.normal A:active { font-size:14px;}

#container-center-content.large {
       font-size: 16px;
}
#container-center-content.large A:link { font-size:16px;}
#container-center-content.large A:visited { font-size:16px;}
#container-center-content.large A:hover { font-size:16px;}
#container-center-content.large A:active { font-size:16px;}


#logo
{
	width: 300px;
	height: 325px;
	position: absolute;
	z-index: auto;
	left: 0px;
	top: 2px;
}

#physio {
        position: absolute;
	z-index: 500;
	left: 325px;
	top: 245px;
}

#fontsizer {
	background: url(../images/fontsizer_normal.gif) no-repeat top left;
	position: absolute;
	top: 5px;
	left: 775px;
	width: 150px;
	height: auto;
	z-index: 20;
	font-size: 14px;
}
#fontsizer.small {
        background: url(../images/fontsizer_small.gif) no-repeat top left;
        font-size: 14px;
}
#fontsizer.normal {
       background: url(../images/fontsizer_normal.gif) no-repeat bottom left;
       font-size: 14px;
}
#fontsizer.large {
      background: url(../images/fontsizer_large.gif) no-repeat bottom left;
      font-size: 14px;
}

#navipfad {
        position: absolute;
        top: 350px;
        left: 325px;
        width: 475px;
        height: 30px;
        z-index: 30;
}

#search {
	/*float:left; -- Wenn das aktiv, dann werden die absolute Layer nicht dargestellt*/
        position: absolute;
	top: 0px;
	left: 925px;
	height: auto;
	width: auto;
	/*text-align: left;*/
	z-index: 10000;
        background: url(../images/searchbackground.png) no-repeat bottom left;
        padding-bottom: 5px;
        padding-right: 5px;
}

.suchausgabe A:link { text-decoration: underline; color: #406498}
.suchausgabe A:visited { text-decoration: underline; color: #406498}
.suchausgabe A:hover {background: #dfe6ec; text-decoration: underline;  color: #406498}
.suchausgabe A:active { background: #dfe6ec; text-decoration: underline; color: #406498}

.num {
   font-size: 16px;
} 

/*Startseite*/
#content-middle {
        width: 100%;
	height: 100%;
	padding: 0px;
        margin: 0px;
	float:  left;
	text-align:left;
}

#start_left {
        float: left;
        margin-left: 40px;
        margin-top: 20px;
        margin-bottom: 10px;
        background: url(../images/start_headline.jpg) no-repeat top left;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-top: 1px;
        width: 300px;
        height: auto;  
}

#start_left A:link {background: #dde8ee; text-decoration: none; color: #406498}
#start_left A:visited { background: #dde8ee; text-decoration: none; color: #406498}
#start_left A:hover {background: #dde8ee; text-decoration: underline;  color: #406498}
#start_left A:active { background: #dde8ee; text-decoration: underline; color: #406498}

#start_middle {
        float: left;
        margin-left: 50px;
        margin-top: 20px;
        margin-bottom: 10px;
        background: url(../images/start_headline.jpg) no-repeat top left;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-top: 1px;
        width: 300px; 
}


#start_middle A:link {background: #dde8ee; text-decoration: none; color: #406498}
#start_middle A:visited { background: #dde8ee; text-decoration: none; color: #406498}
#start_middle A:hover {background: #dde8ee; text-decoration: underline;  color: #406498}
#start_middle A:active { background: #dde8ee; text-decoration: underline; color: #406498}

#start_right {
        float: left;
        margin-left: 50px;
        margin-top: 20px;
        margin-bottom: 10px;
        background: url(../images/start_headline.jpg) no-repeat top left;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-top: 1px;
        width: 300px;
}

#container-center-index {
        position: relative;
 	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	width: 960px;
	height: 530px;
}
/*Startseite Ende*/



#container-center-picture {
	background: url(../images/background_start.jpg) no-repeat bottom right;
	text-align: left;
	margin-top: -2px;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
	height: 335px;
}

/* Linkes Menue */
#content-left {
	width: 280px;
	height: 350px;
	padding: 0px;
	margin-top: 10px;
	float:  left;
	text-align:left;
	margin-left: 3px;
}

#content-left-up {
	width: 280px;
	height: 15px;
        background:#c3d3f5 url(../images/navi_left_up.jpg);
}

#content-left-bottom {
	width: 280px;
	height: 21px;
        background:#c3d3f5 url(../images/navi_left_down.jpg);
}

#content-left-menue {
    /*border: #73aa74 1px dotted;*/
    background: url(../images/navi_left.jpg);
    padding: 5px 5px 5px 9px; 

}

#content-left-menue A:link {  text-decoration: none; color: #406498}
#content-left-menue A:visited { text-decoration: none; color: #406498}
#content-left-menue A:hover { text-decoration: underline;  color: #406498}
#content-left-menue A:active {text-decoration: underline; color: #406498}

/* Linkes Menue Ende */

#content-middle-print {
	    padding-top: 3px;
        margin-top: 20px;
        margin-bottom: 30px;
        padding-bottom: 10px;
        width : 100%;
        text-align:left;
        border-top: #6e88af 1px solid; 
}

/*#content-middle-print A:link {  text-decoration: none; color: #6e88af}
#content-middle-print A:visited { text-decoration: none; color: #6e88af}
#content-middle-print A:hover { text-decoration: underline;  color: #6e88af}
#content-middle-print A:active {text-decoration: underline; color: #6e88af}*/

#content-middle-print-left {
        float: left;
        width: 150px;
     
}
#content-middle-print-right {
        text-align: right;
        float: right;
        width: 330px;
}


/*Index*/
#content-middle-index {
    	width: 500px;
	padding-top: 30px;
    padding-left: 8px;
	padding-right: 8px;
    margin-left: 35px;
	margin-top: 0px;
	float:  left;
	text-align:left;
}

/*Temporaer*/
#content-middle-index-middle {
    	width: auto;
	text-align:left;
}

#content-middle-index-middle img {
        border:none;
}
/*End Temporaer*/

/*Content right - Picture */
#content-right-index {
      position: relative;
      height: auto;
	width: 291px;
	margin-left: 40px;
	margin-top: 10px;
       margin-bottom: 10px;
    padding-left:0px;
    padding-right:0px;
    padding-top: 0px;
	float: left;
	text-align:left;
}

#content-right-index-top
{
       position: absolute;
       /*top: 0px;*/
       /*left: 0px;*/
       width: 291px;
       height: 30px;
       z-index: 998;
}

#content-right-index-bottom
{
       /*display: none;*/
       position: absolute;
       bottom: 0px;
       /*right: 0px;*/
       width: 291px;
       height: 30px;
       z-index: 999;
}
/* End Content right - Picture */

/*Bottom*/
/*Gelber Strich*/
#background-bottom-small {
	width: 1165px;
	height: 5px;
	clear: both;
	background: url(../images/background-bottom.png) repeat-x top left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 

#background-bottom {
        background: #fff url(../images/background.jpg) no-repeat top center;  
	width: 100%;
	height: 128px;
	margin: 0 auto;
	clear: both;
	/*background-image: none;
	background-repeat: repeat-x;
	background-position: left top;*/
} 

#content-bottom{
	text-align: left;
	/*margin-top: 200px;*/
        padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	width: 1165px;
	height: auto;
}

#content-bottom.small {
       font-size: 12px;
}
#content-bottom.small A:link { font-size:12px;}
#content-bottom.small A:visited { font-size:12px;}
#content-bottom.small A:hover { font-size:12px;}
#content-bottom.small A:active { font-size:12px;}

#content-bottom.normal {
       font-size: 14px
}
#content-bottom.normal A:link { font-size:14px;}
#content-bottom.normal A:visited { font-size:14px;}
#content-bottom.normal A:hover { font-size:14px;}
#content-bottom.normal A:active { font-size:14px;}

#content-bottom.large {
       font-size: 16px;
}
#content-bottom.large A:link { font-size:16px;}
#content-bottom.large A:visited { font-size:16px;}
#content-bottom.large A:hover { font-size:16px;}
#content-bottom.large A:active { font-size:16px;}


#content-bottom-left{
        /* position: relative;*/
	float:left;
 	text-align: left;
	width: 270px;
	height: auto;
}

#content-bottom-right{
        float:right;
        text-align: right;
	width: 850px;
	height: auto;
}

#content-bottom-right-w3c{
        float:right;
 	text-align: right;
        margin-top: 2px; 
	width: 210px;
	height: auto;
}
#content-bottom-right-w3c A:link {text-decoration: none; color: #93a7d0}
#content-bottom-right-w3c A:visited { text-decoration: none; color: #93a7d0}
#content-bottom-right-w3c A:hover {text-decoration: underline;  color: #406498}
#content-bottom-right-w3c A:active { text-decoration: underline; color: #406498}


/* End Bottom*/

#concepts {
        display: none;
}

#print-head {
	display: none;	
}
#print {
	display: none;	
}	
	

#lines {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 6000;
}

#lines #lin1 {
	position: absolute;
	left: 407px;
	height: 12px;
	top: 78px;
	border-right: 1px solid #9cb4d4;
	z-index: 6000;	
}

#lines #lin2 {
	position: absolute;
	left: 497px;
	height: 12px;
	top: 78px;
	border-right: 1px solid #9cb4d4;
	z-index: 6000;	
}

#lines #lin3 {
	position: absolute;
	left: 650px;
	height: 12px;
	top: 78px;
	border-right: 1px solid #9cb4d4;
	z-index: 6000;	
}

#lines #lin4 {
	position: absolute;
	left: 825px;
	height: 12px;
	top: 78px;
	border-right: 1px solid #9cb4d4;
	z-index: 6000;	
}

#lines #lin5 {
	position: absolute;
	left: 946px;
	height: 12px;
	top: 78px;
	border-right: 1px solid #9cb4d4;
	z-index: 6000;	
}
#lines #lin6 {
	position: absolute;
	left: 1033px;
	height: 12px;
	top: 78px;
	border-right: 1px solid #9cb4d4;
	z-index: 6001;	
}


#accesskeys {
     display: none;
}

/* Navigation */


/*contenido hauptmenü*/
#mnavi {
        float: right;
        text-align: right;    
}

#mnavi ul { /*contenido hauptmenü*/
         margin-left: 0px;
         /*border: 1px solid;*/
         list-style-type: none;
         display: inline;    
}



#mnavi ul li { /*contenido hauptmenü*/
         list-style-type: none;
         display: inline;
         padding: 0px 2px 0px 2px;        
}

/*contenido hilfsnavigation*/
#meta {
	list-style-type: none;
}
#meta a {
        display: block; 
	padding: 2px 0px 2px 0px;
	text-decoration: none;        
}
#meta a:hover {
        text-decoration: underline;
        background: url(../images/navi_hover_left_left.png) no-repeat bottom left !important;                 
}

#metaactive {
	list-style-type: none;
        text-decoration: none;
        background: url(../images/navi_hover_left_left.png) no-repeat bottom left !important;
}


/*CSS VP Navigation*/
#navi {
	position: absolute;
        background: url(../images/navi.png) no-repeat bottom left;
	top: 65px;
	width: 830px;
	height: 45px;
	z-index: 500;
	left: 299px;
        float: left;
}

#navi ul { /*Das Element das ich übergeordnet verschiebe*/
        padding: 0px 0px 0px 17px;
        margin: 0px;
	list-style: none; 
}

#navi ul li { /*Das Element das ich einzeln verschiebe*/
        padding: 0px;
        margin: 0px;
        float: left; 
}

#navi ul a strong,
#navi ul #active a {
	color: #fff;	
        font-size: 14px;
        /*font-weight bezieht sich auf die untermenüs*/
	/*font-weight: bold;*/
        text-decoration: none;
}


/*geändert now*/
#navi ul a {  /*Ich vergroeßere ich das einzelne Menue-Element selbst*/
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
	padding: 10px 16px 0px 16px;
       	width: auto;
        text-decoration: none;
        text-align: center;
}

#navi ul li a:hover {
         /*height: 32px; geändert*/
         background: url(../images/navi_hover_aktiv.png) no-repeat top center; 
         text-decoration: underline;   
}

/*neu active underline*/
#navi ul #active a:hover {
         text-decoration: underline;   
}

#navi ul #active a,
#navi ul .activepath a {
	background: url(../images/navi_hover_aktiv.png) no-repeat top center;
	/*text-transform: uppercase;*/	
}

#navi ul .activepath ul li a{
	background: none ! important;       
}

#navi ul .activepath ul li a:hover {
        background: url(../images/navi_hover_left.png) no-repeat bottom left !important; 
}


#navi ul .activepath ul #active a{
	/*color: #f4ba28 ! important; Untermenue aktiv */
        background: url(../images/navi_hover_left.png) no-repeat bottom left !important;
        width: auto;
}


/* Ausfahr Navi  */

/*second-level lists*/
#navi ul li ul { /*Das Element das ich übergeordnet verschiebe*/
        padding: 14px 0px 9px 0px;
        position: absolute;
        width: auto;
        /*background: #54bcda;*/
        background: url(../images/navi_down.png) repeat-x bottom left;
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navi ul li ul li {
        float: none !important;
}

#navi ul li ul li a {
        display: block !important;
	color: #fff! important;
	font-size: 14px ! important;
	font-weight: normal;	
	padding-top: 2px;
	padding-bottom: 2px;
        text-decoration: none;
        text-align: left;
        /*color: #2b4c63;*/
	/*text-transform: uppercase;*/
}

#navi ul li ul li a:hover {
	font-size: 14px ! important;
        font-weight: normal;
        text-decoration: underline;
       	background: url(../images/navi_hover_left.png) no-repeat bottom left;
	padding-top: 2px;
	padding-bottom: 2px;
        color: #f0b51e;
        text-align: left;       
}


/*neu active underline second level funkt nicht!*/
#navi ul #active li a:hover {
         /*background-color: #407541;*/
         width: auto;  
         background: url(../images/navi_hover_left.png) no-repeat bottom left;     
} 
#navi ul .activepath ul li a:hover {
        /*background-color: #407541 ! important; */
        width: auto ! important;
        background: url(../images/navi_hover_left.png) no-repeat bottom left;
}
#navi ul #active li a {
         background-image: url();
} 
/*neu aus*/


#navi ul li ul li .aktiv2 {
	color: #fff ! important;
        
}

#navi ul li:hover ul, #navi li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/* third-level lists - Contenido Unterkategorie!!!*/
#navi ul li ul li ul { 
         display: none;
}


/*Vorbereitung falls Menüs third level Menüs ausfahren sollen*/
/*
#navi li:hover li ul, #navi li.sfhover li ul {
        display: none;
        width: 250px;
        margin-left: 136px;
        margin-top: -25px;
	/*position: absolute;
	left: 136px;
        top: auto;
        text-align:center;
}
*/
/*
#navi li li:hover ul, #navi li li.sfhover ul {
	display: block;
}
*/
/*Navi Ende*/


/* Einstellungen für die Sitemap*/
ul#sitemap
 {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
        width: 399px;
}
ul#sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

ul#sitemap li {
	clear: both;
       }
ul#sitemap li a {
	display: block;
        /*Hauptmenü*/
	background-color: #dfe6ec;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	margin-top: 10px;
}
ul#sitemap a:hover {
	/*background-color: #fff;*/
        text-decoration: underline;
}
ul#sitemap li li {
	width: 45%;
	float: left;
	clear: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
ul#sitemap li li a {
	display: block;
	/*Untermenü*/
        background-color: #fff;
	padding: 3px 3px 3px 17px;
	text-decoration: none;
	border-bottom: 1px dotted #406498;
	font-weight: normal;
	margin-top: 5px;
}
ul#sitemap li li li {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}
ul#sitemap li li li a {
	float: none;
	display: block;
        /*Unteruntermenü*/
	background-color: #fff;
	padding: 3px 3px 3px 37px;
	text-decoration: none;
	font-weight: normal;
	/*font-weight: normal;*/
	border: none;
	margin-top: 0px;
	margin-bottom: 1px;
}
ul#sitemap li li li {
	margin-bottom: 0px;
}
ul#sitemap li li li li a {
	display: block;
	/*background-color: #CCCCCC;*/
	padding: 3px 3px 3px 57px;
	text-decoration: none;
	font-weight: normal;
	border: none;
	margin-top: 0px;
	margin-bottom: 1px;
}




/* Einstellungen für den content-middle-index*/
.content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

.content li {
	clear: both;
       }
.content li a {
	display: block;
        /*Hauptmenü*/
	/*background-color: #b8d6b9;*/
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	margin-top: 10px;
}
.content a:hover {
	/*background-color: #b8d6b9;*/
        text-decoration: underline;
}
.content li li {
	width: 45%;
	float: left;
	clear: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.content li li a {
	display: block;
	/*Untermenü*/
        background-color: #fcfff4;
	padding: 3px 3px 3px 17px;
	text-decoration: none;
	border-bottom: 1px solid #406498;
	font-weight: normal;
	/*font-weight: bold;*/
	margin-top: 5px;
}
.content li li li {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}
.content li li li a {
	float: none;
	display: block;
        /*Unteruntermenü*/
	background-color: #fcfff4;
	padding: 3px 3px 3px 37px;
	text-decoration: none;
	font-weight: normal;
	/*font-weight: normal;*/
	border: none;
	margin-top: 0px;
	margin-bottom: 1px;
}
.content li li li {
	margin-bottom: 0px;
}
.content li li li li a {
	display: block;
	/*background-color: #CCCCCC;*/
	padding: 3px 3px 3px 57px;
	text-decoration: none;
	font-weight: normal;
	border: none;
	margin-top: 0px;
	margin-bottom: 1px;
}


/*Validate*/
form.cmxform {
	width: 450px;
        /*color: #fff;*/
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {

          color: #fff;
}

form.cmxform fieldset {
	border: none;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	/*padding: 5px 10px 7px;*/
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

div.error { display: none; }
input {	border: 1px solid #406498;  }
input:focus { border: 1px dotted #406498; background: #fff; }
input.error { border: 1px dotted red; background: #ffeded;}
input:hover {background: #fff;}
form.cmxform .gray * { color: #406498; }
textarea {border: 1px solid #406498; }
textarea:focus { border: 1px dotted #406498; background: #fff;}
textarea.error { border: 1px dotted red; background: #ffeded;}
textarea:hover {background: #fff;}

.button { /* allgemeiner Button Style */
    background-color: #668ec9;
    color: #fff;
    border: 1px solid;
    padding:1px 2px 2px 2px !important;
    font-weight: bold;
    overflow: visible;
    float:left;
}

.button:hover {background-color: #668ec9; text-decoration: underline; }
.button:focus {background-color: #668ec9; text-decoration: underline; }


/* 	SearchField	*/

/* default (inactive field) */
.sf_inactive{
	border:1px #668ec9 solid;
	background:#fff;
	color:#d4dbee;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:1px #000 solid;
	background:#fff;
	color:#406498;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:1px #3c90a5 solid;
	background:#fff;
	color:#406498;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position: absolute;
        width: auto ! important;
        margin:0;
	padding:0;
        padding-top: 2px;
        padding-bottom: 2px;
	background:#b7c5e2;
	top:0;
	left:8px;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
        padding-left: 5px;
        padding-right: 5px;
	/*text-indent:5px;*/
	color:#fff;
        padding-top: 2px;
        padding-bottom: 2px;  
}
.sf_suggestion li.selected a{
	background:#688cc6;
        text-decoration: underline;
}

/* Lightbox */
	#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		/*z-index: 100;*/
		z-index: 11002;
		text-align: center;
		line-height: 0;
	}
	#lightbox a img { border: none; }
	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#imageContainer {
		padding: 10px;
	}
	#loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		/*z-index: 10;*/
		z-index: 11000;
	}
	#imageContainer>#hoverNav { left: 0;}
	#hoverNav a { outline: none;}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
	}
	#imageData {
		padding:0 10px;
	}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 11001;
		width: 100%;
		height: 500px;
		background-color: #0e274f;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* << */