@CHARSET "UTF-8";
body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:10px;
    color: #666;
    background-color: #FFF;
}

div {
	font-size:1em;
}
* {
	font-family: Arial, Verdana, Sans-serif;
    margin: 0;
    padding: 0;
    overflow: auto;
}

img {
    border-width: 0px;
}

img.mo {
    border: 0px;
    width: 200px;
    height: 200px;
    display: block;
}

ul {
    list-style: none;
}

p {
    line-height: 17px;
	text-align:justify;
}

p a {
    font-weight:bold;
}

.minfo {
	display:block;
	position:absolute;
	background-color:#000;
	height:18px;
	width:100px;
	padding-top:2px;
	color:white;
	vertical-align:middle;
	text-transform:uppercase;
	text-align:center;
}

.lightSwitcher {
	position:absolute;
	display:block; width:20px;height:20px;
	z-index:101;
	background-image:url("http://facity.com/img/light_bulb_off.png"); 
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 0 0 0;
	margin-left:-3px;
	outline:none;
	text-decoration:none;
	}

#sshadow {
	background-image:url("http://facity.com/img/shade1x1.png");
	position:absolute;
	left:0; top:0;
	width:100%; z-index:100;
	}
.turnedOff {
	color:#ffff00;
	background-image:url("http://facity.com/img/light_bulb.png");
	}


#shadow {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
* html #shadow { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#container {
    display: block;
    position: relative;
    width: 730px;
    margin: 0 auto;
}

#head {
    position: relative;
    display: block;
    width: 602px;
    height: 90px;
    clear: both;
    background-image: url("http://facity.com/img/line_black.gif");
    background-position: bottom left;
    background-repeat: repeat-x;
    overflow: visible;
    border-width: 0px;
    margin: 0px;
}

#head_right {
    float: right;
    width: 170px;
    height: 80px;
    text-align: right;
    vertical-align: bottom;
    margin: 0px;
    overflow: visible;
}

#head_left {
    float: left;
    width: 360px;
    height: 80px;
    overflow: visible;
}

#head_middle {
    width: auto;
    height: 80px;
    margin-left: 360px;
    margin-right: 170px;
    text-align: right;
    overflow: visible;
}

#topnav {
    display: block;
    color: #FFF;
    text-decoration: none;
    width: 400px;
	overflow:visible;
}


#styleswitch {
    height: 20px;
    margin-top: 20px;
    margin-bottom:24px;
    /*background: #FFF url("http://facity.de/img/rss_black.gif") bottom right no-repeat;*/
}

#switch_white {
    color: #666;
}

#search a {
    color: #999;
    text-decoration: none;
}

#search {
    height:22px;
	margin:0px;
	margin-left:30px;
	color: #000;
	overflow:visible;
	
}

#searchfield {
	width:105px;
	height:16px;
	padding:0px;
	margin:0px;
	border:1px solid #CCC;
	background-color:#FFF;
	font-size:1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:left;
	
}

#searchsubmit {
	border: 1px solid #CCC;
	background-color: #FFF;
	height: 18px;
	width: 30px;
	display:block;
	color:#666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
}


#content {
    width: 602px;
    margin: 0px;
    float: left;
    border: 0px;
    display: inline;
    position: relative;
    overflow: visible;
}
iframe {
	width:120px;
	height:25px;
	text-align:right;
	float:right;
	overflow:visible;
}
#foot {
    position: relative;
    width: 602px;
    height: 100px;
    clear: both;
    padding-top: 10px;
	line-height:14px;
    background-image: url("http://facity.com/img/line_black.gif");
    background-position: top left;
    background-repeat: repeat-x;
    overflow:visible;
    text-align: right;
}


#star {
    background: #FFF url("http://facity.com/img/join_in_white.gif") top right no-repeat;
    height: 70px;
    width: 70px;
    border: 0px;
    display: block;
    overflow: visible;
    margin-bottom: 0px;
    margin-top: 10px;
    float: right;
}

#logo {
    background: #FFF url("http://facity.com/img/logo_black.gif") top left no-repeat;
    position: relative;
    border: 0px;
    width: 321px;
    height: 58px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    overflow: visible;
}

#navi {
    float: right;
    width: 128px;
    margin: 0px;
    border: 0px;
    padding-top: 24px;
    overflow: hidden;
    display: inline;
    position: relative;
	
}

#image {
    border: 1px solid #CCC;
	z-index: 101;
	position: absolute;
	outline:none;
	}

#navi a {
    text-transform: uppercase;
}


#navi_top {
    height: 578px;
    margin-left: 15px;
    overflow: hidden;
}
#top {
	padding-top:12px;
}

#navi_bottom {
    overflow: visible;
    height: 40px;
    font-size: 3em;
    margin-left: 15px;
	margin-bottom:-6px;	
   	text-decoration: none;

}

#questions {
    clear: both;
    padding: 0px;
    margin: 0px;
    width: 600px;
    border: 0px;
    display: block;
    overflow: hidden;
}

#info {

    background: #FFF url("http://facity.com/img/line_black.gif") bottom left repeat-x;
	
    padding-top: 6px;
	margin-bottom: 10px;
    display: block;
    height: 20px;
    color: #666;
    text-transform: uppercase;
}

#profile {
    background: #FFF url("http://facity.com/img/line_black.gif") top left repeat-x;
	margin-top: 622px;
    padding-top: 8px;
    display: block;
    height: 19px;
    color: #666;
    text-transform: uppercase;
}

.block {
	background: #FFF url("http://facity.com/img/line_black.gif") top left repeat-x;
    padding-top: 8px;
    padding-bottom: 6px;
    width: 110px;
    display: block;
   
}


#number {
    font-size: 1em;
   
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #666;
    background-color: #eee;
    padding: 3px;
    opacity: 0.85;
    color: #666;
}

#tooltip h3, #tooltip div {
    margin: 0;
}

.container {
    display: table;
    border: 0px;
	font-size: 1.1em;
}

.row {
    display: table-row;
}

.cell {
    display: block;
    float: left;
    border: 0;
    padding: 0;
    margin: 0;
}

ul.imgList {
    padding: 0;
    margin: 0;
}

ul.imgList li {
    position: relative;
    overflow: hidden;
    margin: 0;
    float: none;
}

ul.imgList li p {
    white-space: nowrap;
    overflow: hidden;
}

/* image-info */
.imgList img {
    display: block;
}

#imgList li {
    width: auto;
    float: left;
    margin: 0;
}

/* IE workaround */ * html .cell {
    display: inline
}
* html img.mo {
    display: inline
}

.box {
    margin-left: 15px;
}

a {
    text-decoration: none;
    color: #000;
    outline-width: 0px;
}

a:link {
    text-decoration: none;
    color: #000;
    outline-width: 0px;
}

a:visited {
    text-decoration: none;
    color: #000;
    outline-width: 0px;
}

a:focus {
    text-decoration: none;
    color: #000;
    outline-width: 0px;
}

a:hover {
    text-decoration: none;
    color: #666;
    outline-width: 0px;
}

a.on, a.on:link,a.on:visited, a.on:hover, a.on:active{
	color: #666;
}


#language #switch_black {
    text-decoration: none;
    color: #666;
}

#slideshow {
    position: relative;
    height: 80px;
    width: 80px;
}

#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 29;
}

#slideshow IMG.active {
    z-index: 31;
}

#slideshow IMG.last-active {
    z-index: 30;
}

textarea {
    border: 1px solid #000000;
}

.checkbox {
    width: 10px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    /*text-align:center;*/
    background-color: #FFF;
    border: 0px none;
}

.input {
    height: 50px;
}

.submit {
    margin-top: 5px;
    height: 25px;
}

input[type = text], input[type = password] {
    font-size: 10px;
    height: 16px;
}


#UserLoginForm input {
	font-size: 10px;
    height: 16px;
	width: auto;
}


#UserLoginForm label {
    display: block;
    width: 100px;
}

table.tablesorter {
	border: 1px solid #CCC;
	margin-top: 20px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	height: 30px;
	background-color: #FFF;
	text-transform: uppercase;
	text-align: left;
	padding-left:14px;
	padding-top:2px;
	
}
table.tablesorter thead tr .header {
	cursor: pointer;
}
table.tablesorter tbody td {
	padding-left:14px;
	padding-top:2px;
	height:16px;
}
table.tablesorter tbody tr.odd td {
	background-color:#EEE;
	padding-left:14px;
	padding-top:2px;
	height:16px;
}


table.tablesorter tr th.headerSortUp a {
color: #999;
}

table.tablesorter tr th.headerSortDown a {
color: #999;
}
/*
table.tablesorter tr th.headerSortUp { 
    background-image: url(/img/small_asc.gif); 
	
	cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    
} 
table.tablesorter tr th.headerSortDown { 
    background-image: url(/img/small_desc.gif); 
	color: #CCC;
	 cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    
} 

table.tablesorter tr .header { 
    background-image: url(/img/small.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
    
    border-bottom: 1px solid #CCC;
	
	
} 
*/
#contact_form {
	margin-left:120px;
	margin-top:30px;
	width:auto;
	height:500px;
}

#contact_form .row {
	display:block;
	width: 360px;
	height:20px;
	padding:5px;
}

#UserLoginForm input[type=text] {
	border:1px solid #CCC;
	background-color:#FFF;
	width:120px;
	font-size:1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left:2px;
	
}
#UserLoginForm input[type=password] {
	border:1px solid #CCC;
	background-color:#FFF;
	width:120px;
	font-size:1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left:2px;

}

#UserLoginForm input[type=submit] {
	border:1px solid #CCC;
	background-color:#FFF;
	width:120px;
	font-size:1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left:2px;
	
}

#contact_form input[type=text],input[type=password],textarea {
	border:1px solid #CCC;
	background-color:#FFF;
	width:350px;
	font-size:1.1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left:2px;
	
}
#contact_form select {
	border:1px solid #CCC;
	background-color:#FFF;
	width:354px;
	font-size:1.1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left:2px;
	
}

#contact_form option {
	text-transform:uppercase;	
}


#contact_form input[type=submit] {
	border: 1px solid #CCC;
	background-color: #EEE;
	height: 20px;
	margin-right:5px;
	width: 70px;
	display:block;
	color:#000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:right;
}