.ui-tabs-nav .ui-state-default  {
	display: inline-block;
	/*
	padding: 10px 30px;
	margin: 0 30px 0 0;
	color: #333;
	font-size: 1.2em;
	font-weight: 700;
	*/
	margin: 0 30px 0 0;
	text-align: center;
	background: url("components/com_sfsoworks/views/sfsoworks/tmpl/assets/images/button_white_hg_60px.jpg") repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
	cursor: pointer;
}
.ui-tabs-nav .ui-state-active,
.ui-tabs-nav .ui-state-hover,
.ui-tabs-nav .ui-state-active span,
.ui-tabs-nav .ui-state-hover span,
.ui-tabs-nav .ui-state-default:hover {
	color: #fff;
	background: url("components/com_sfsoworks/views/sfsoworks/tmpl/assets/images/button_hg_60px.jpg") repeat-x;
	border-color: #FF9933;
}

.ui-tabs-nav a {
	display: block;
	position:relative;
	padding: 10px 30px;
	color: #333;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	
}

.ui-tabs-nav a span {
	font-weight: 700;
	color: #FF9900;
}

.ui-tabs-nav a:hover {
	text-decoration:none;
}
/* How To
-------------------------------------- */




.howto_point {
	margin: 20px 0 40px 0;
	background: url("components/com_sfsoworks/views/sfsoworks/tmpl/assets/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	padding: 30px 10px;
}
.howto_number {
	position: absolute;
	left: -20px;
	top: -20px;
}
.howto_img {
	float:left;
	margin: 0 20px;
}	
.howto_content {
	float:left;
	width: 540px;
}
.howto_content p {
	margin: 10px 0;
}		
.howto_inner {
	padding: 25px 35px 10px 35px;
}


.smartTextBox{
	font: 12px "Lucida Grande",
	Verdana;
	cursor: text;

	width: 555px;
	min-height: 80px;
	font-size: 0.85em;
	//color: #ccc;
	padding: 15px 0 0 15px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
    resize: vertical;
    -webkit-box-shadow: inset 0px 0px 10px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 10px 0px #ccc;
	box-shadow: inset 0px 0px 10px 0px #ccc;

}

.smartTextBox-items{
	zoom: 1;
	overflow: hidden;
	margin: 0;
	padding: 3px 4px 0;
	//border: 1px solid #999;
	*padding-bottom: 3px;
	resize: none;
	font-size: 0.85em;
}

.smartTextBox-elem{
	list-style-type: none;
	line-height: 18px;
	float: left;
	display: block;
	padding: 0;
	margin: 0 5px 3px 0;
	cursor: default;
}

.smartTextBox-box-elem{
	position: relative;
	padding: 0 5px;
	border: 1px solid #CAD8F3;
	background: #DEE7F8;
	cursor: default;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

.smartTextBox-input-elem{
	backgound-color : transparent;
}

.smartTextBox-input-elem-valueInput{
	border: none;
}

.smartTextBox-elem-hover{

}

.smartTextBox-elem-box-hover{
	background-color: #BBCEF1;
}

.smartTextBox-elem-input-hover{

}

.smartTextBox-elem-focus{
	
}

.smartTextBox-elem-box-focus{
	background-color: #598BEC;
}

.smartTextBox-elem-input-focus{
	
}

.smartTextBox-elem-valueContainer{
	margin-right: 8px;
	white-space: nowrap;
}

.smartTextBox-elem-deleteButton{ 
	position: absolute; 
	right: 4px; 
	top: 6px; 
	display: block; 
	width: 7px; 
	height: 7px; 
	font-size: 1px; 
	background: url('templates/sf-kunden/images/close.gif');
}

.smartTextBox-elem-deleteButton:hover{ 
	border: none;
	background-position: 7px;
	text-decoration: none;
}



/* AutoComplete */
.smartTextBox-autocomplete{
	position: absolute;
	z-index: 10;
}

.smartTextBox-autocomplete-placeholder{
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #eee;
	border: 1px solid #999;
	border-top: none;
	padding: 5px 7px;
}

.smartTextBox-autocomplete-results{
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #eee;
	border: 1px solid #999;
	border-top: none;
	margin: 0;
	padding: 0;
}

.smartTextBox-autocomplete-result{
	margin: 0;
	padding: 5px;
	list-style-type: none;
	background: #eee;
	cursor: pointer;
	.width: 100%;
}

.smartTextBox-autocomplete-value {
	display: none;
}

.smartTextBox-autocomplete-highligh {
	font-weight: bold;
}

.smartTextBox-autocomplete-result-focus{
	background: #C6D9E4;
}



/* Jq
-------------------------------------- */


.ui-dialog{
z-index: 999;
position: absolute;
left:50%;
top: 30%;
width: 500px;
margin: 0 0 0 -250px;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.ui-dialog-content {
	border: 1px solid #FF9900;
	background: #fff;
    margin: 2px 0 0 0;
	}
.ui-dialog-titlebar {
	position: absolute;
	display: inline;
	padding: 3px 30px 3px 15px;
	color: #fff;
	margin: -21px 0 0 0;
	font-size: 0.85em;
	font-weight: 700;
	text-align: center;
	background: url("templates/sf-kunden/images/button_hg_30px.jpg") repeat-x;
	}
.lb_box_header a {
	width: 10px;
	height: 10px;
	right: 10px;
	position: absolute;
}	
.lb_innerbox {
	padding: 20px;
	height: auto !important;
	width: auto !important;
}	
	
.ui-icon-closethick {
	background: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/close_cross.png) no-repeat center center transparent;
	height: 17px;
	width: 10px;
	display: block;
	float: right;
	margin-left: 10px;
	margin-right: -15px;
	cursor: pointer;
}

.ui-widget-overlay {
	position: absolute;
	background: url("templates/sf-kunden/images/darkcurtain.png");
	z-index: 0;
	bottom: 0px; 
	width: 100%; 
	height: 100%;
	overflow: hidden;
}

.ui-tabs-hide {
	display: none !important;
}

.tabholder {
	list-style: none;
}

.tabholder li {
	display: block;
	float: left;
	margin-left: 5px;
	
}

/*UPLOAD BUTTION EXTA*/
#upload{cursor:pointer;}
.hover {
	text-decoration: underline;
	cursor:pointer;
}


.platzhalter {
	width: 170px;
	height: 170px;
	padding: 20px;
	border: 0px !important;
	list-style:none !important;
	float:left;
	margin: 0 7px 7px 0;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

div.box_navi a{
	color: white;
	width:100%;
	height:100%;
}
div.box_navi ul li {

}

/* Adressbuch Box
--------------------------- */
#con_contacts_list {
	overflow:auto;
	height: 301px;
}
.adressboxBox {
	height: 301px;
}
#fixed-alphabet { position:fixed; width:393px;}

.ui-tabs .ui-tabs-panel {
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.adressButton {
	cursor: pointer;
}
.con_left div {
	min-height: 17px;
}
.selAdressItem {
	float:right;
	z-index: 100000;
	width:16px;
	height:16px;
	margin: 0 auto;
	background: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/checked_no.gif) no-repeat center center transparent;
}
.selAdressItemActive {
	background-image: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/checked.gif);
}
.selActive {
	background: none repeat scroll 0 0 #FBE4BF;
    color: #333333;
}
#adressbox-loader {
	background: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/loading.gif) no-repeat center center transparent;
	height:20px;
	min-width: 50px;
	display:block;
	float:right;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background: url("components/com_simplefax/views/adressbuch/tmpl/assets/images/highlight") repeat-x scroll 50% top #FFE45C;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
    color: #363636;
}
.ui-tabs .ui-tabs-panel {
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.create_grey_button {
    background: url("templates/sf-kunden/images/button_hg_grey_30px.jpg") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    margin: 0 5px 0 0;
    padding: 3px 15px;
    text-align: center;
    float: left;
}
.create_orange_button {
    background: url("templates/sf-kunden/images/button_hg_30px.jpg") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    padding: 3px 15px;
    text-align: center;
    float: left;
}

/* Adressbuch Box
--------------------------- */
#con_contacts_list2 {
	overflow:auto;
	height: 301px;
}
.adressboxBox {
	height: 301px;
}
#fixed-alphabet2 { position:fixed; width:393px;}

.ui-tabs .ui-tabs-panel {
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.adressButton {
	cursor: pointer;
}
.con_left div {
	min-height: 17px;
}
.selAdressItem {
	float:right;
	z-index: 100000;
	width:16px;
	height:16px;
	margin: 0 auto;
	background: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/checked_no.gif) no-repeat center center transparent;
}
.selAdressItemActive {
	background-image: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/checked.gif);
}
.selActive {
	background: none repeat scroll 0 0 #FBE4BF;
    color: #333333;
}
#adressbox-loader2 {
	background: url(components/com_simplefax/views/adressbuch/tmpl/assets/images/loading.gif) no-repeat center center transparent;
	height:20px;
	min-width: 50px;
	display:block;
	float:right;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background: url("components/com_simplefax/views/adressbuch/tmpl/assets/images/highlight") repeat-x scroll 50% top #FFE45C;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
    color: #363636;
}
.ui-tabs .ui-tabs-panel {
    display: block;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.create_grey_button {
    background: url("templates/sf-kunden/images/button_hg_grey_30px.jpg") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    margin: 0 5px 0 0;
    padding: 3px 15px;
    text-align: center;
    float: left;
}
.create_orange_button {
    background: url("templates/sf-kunden/images/button_hg_30px.jpg") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    padding: 3px 15px;
    text-align: center;
    float: left;
}

/* Adressbuch
-------------------------------------- */

.con_create_contact {
	margin: 0 10px 0 0;
    float:left;
}	
.con_create_contact a {
	background: url("templates/sf-kunden/images/button_hg_40px.jpg") repeat-x;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 0.85em;
	font-weight: 700;
	padding: 3px 25px;
}
.con_create_search input {
	padding: 3px 5px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 0.75em;
}
#con_contacts {
	font-size: 0.85em;
}
#con_contacts_list2 {
	
}
#con_contacts_list2 li {
	border-bottom: 1px solid #ccc;
}
#con_contacts_list2 li a {
	padding: 5px 15px;
	display: block;
}
#con_contacts_list2 li a:hover {
	background: #fbe4bf;
	text-decoration: none;
	font-weight: 700;
	color: #333;
}
#con_contacts_list2 li:nth-last-child(1) {
	border:none;
}
#con_contacts_list2 li.alphabet {
	background: #ededed;
	font-weight: 700;
	padding: 5px 15px;
}
#contact_details {
	font-size: 0.85em;
}
#con_desc {
	float:left;
	width: 100px;
	padding: 15px 15px 60px 15px;
	border-right: 1px solid #ccc;
}
#con_data2 {
	float:left;
	width: 200px;
	padding: 15px;
}
.con_right {
	text-align: right;
}
.con_right div {
	font-weight: 700;
}
.con_left {
	text-align: left;
}
.con_names {
	margin: 0 0 20px 0;
}
.con_numbers {
	margin: 0 0 20px 0;
}
.con_address {
	margin: 0 0 20px 0;
}
#con_create_box {
	margin: 15px 0 0 0;
}		
.con_create_button {
	margin: 0 10px 0 0;
    float:left;
}	
.con_create_button a {
	background: url("templates/sf-kunden/images/button_hg_40px.jpg") repeat-x;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 3px 25px;
}

div.create_form textarea {
	color: #333;
}/* simple-fax.de - style.css  
-------------------------------------- */

/* Global reset start 
test
-------------------------------------- */
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,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'Lato', Verdana, Arial, sans serif;
	font-weight: 400;
}
* {
	margin: 0;
	padding: 0;
}
html,
body,{
	height: 100%;
	width: 100%;
	}
body {
    background-color: #fff;
	background-image: url("templates/sf-start/images/top_hg.jpg");
	background-repeat:repeat-x;
	color: #333;
}	
ol,
ul { list-style: none }
p {
	
}

/* Allgemeine Angaben 
-------------------------------------- */
a { text-decoration: none; color: #FF9900; }
a:hover { text-decoration: underline; cursor:pointer; }
.floatL { float: left }
.floatR { float: right }
.clear { clear: both }
.invis,
.hide { display: none !important }
.hidden { visibility: hidden;}
.noPadding { padding: 0 }
.noMargin { margin: 0 }
.clickable { cursor: pointer }
input.hidden { display: none }
input[type="hidden"] { display: none !important }
strong {font-weight:700;}
small {font-size: 0.7em;}

/* Headlines 
-------------------------------------- */
h1 {
    font-size: 2.2em;
    line-height: normal;
    color: #FF9900;
    margin: 0 0 10px 0;
	font-weight: 700;
}

.h1hilfefaq {
   font-size: 1.4em;
   margin: 20px 0;
   font-weight: 700;
   color: #333;
}

h2 {
    font-size: 1.3em;
    margin: 0 0 10px 0;
	font-weight: 700;
	color: #333;
}
.simple {
	color: #FF9900;
	font-weight: 700;
	}
	
.simpleblack {
    font-size: 1.3em;
    margin: 0 0 10px 0;
    font-weight: 700;
    color: #333;
}

.simpleorange {
    font-size: 1.3em;
    margin: 0 0 10px 0;
    font-weight: 700;
    color: #FF9900;
}

h3 {
    font-size: 1.8em;
    line-height: normal;
	color: #FF9900;
	font-weight: 700;
	margin: 10px 0;
}
h4 {
	color: #FF9900;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
}
h5 {
	font-size: 1.4em;
    margin: 20px 0;
	font-weight: 700;
	color: #333;
}

/* Seitenbereiche 
-------------------------------------- */
#wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
}
#page {
	position: relative;
	height: 100%;
	width: 900px;
	left: 50%;
	margin: 0 0 0 -450px;
}
#logo {
	position: relative;
	width: 400px;
	left: 25px;
	top: 25px;
	}
#header {
    position: relative;
    height: 125px;
	margin: 20px 0 0 0;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x;
	border: 1px solid #ccc;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#content { 
	position: relative;
	width: 900px;
	padding: 0;
	margin: 0;
}
#footer {
	position: relative;
	height: 220px;
	margin: 20px 0 0 0;
	z-index: 2;
	border-top: 1px solid #ccc;
	color: #fff;
	display: block;
	}
#footer_hg {
	position: absolute;
	background: url("templates/sf-start/images/footer_hg.jpg") repeat-x;
	height: 450px;
	width: 100%;
	bottom: 0px !important;
	z-index: 1;
	margin: 0;
	}

* html #footer_hg {position:relative;} /* nur für den IE6 */
*+html #footer_hg {position:relative;} /* nur für den IE7 */


/* Navigation 
-------------------------------------- */
#navigation {
    position: relative;
	font-size: 1.0em;
	width: 930px;
	height: 45px;
	margin: 0 0 0 -15px;
	padding: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: url("templates/sf-start/images/nav_hg.jpg") repeat-x;
}

#main_navigtion {
	}
ul#main_navigation li {
	float:left;
	background: url("templates/sf-start/images/nav_seperator.png") no-repeat;
	background-position: left;
	}
ul#main_navigation li:first-child {
	background: none;
	}
ul#main_navigation li.active {
	color: #fff;
	background: url("templates/sf-start/images/nav_link_hover.jpg") repeat-x left;
	text-decoration: none;
	}
ul#main_navigation li:first-child.active {
	color: #fff;
	background: url("templates/sf-start/images/nav_link_hover.jpg") repeat-x left;
	text-decoration: none;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	}		
ul#main_navigation li a {
	padding: 11px 25px 15px 25px;
	display: inline-block;
	color: #fff;
	}
ul#main_navigation li a:hover {
	color: #fff;
	background: url("templates/sf-start/images/nav_link_hover.jpg") repeat-x left;
	text-decoration: none;
	}	
ul#main_navigation li:first-child a {
	padding: 11px 25px 15px 25px;
	display: inline-block;
	color: #fff;
	}
ul#main_navigation li:first-child a:hover {
	color: #fff;
	background: url("templates/sf-start/images/nav_link_hover.jpg") repeat-x left;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	}
@-moz-document url-prefix() {
  ul#main_navigation li:first-child a, ul#main_navigation li a {
  	padding: 10px 25px 15px 25px;
  }
}
/* Footer Inhalt 
-------------------------------------- */
	
#footer_navigation ul {
    float: left;
    margin: 15px 50px 0 0;
	font-size: 0.85em;
}
#footer_navigation ul li {
	line-height: 1.8em;
	}
#payment_infos {
	position: absolute;
	right: 0px;
	font-size: 0.85em;
	margin: 15px 0 0 0;
	width: 266px;
	}
#payment_infos img {
	margin: 0 0 0 10px;
	}
/* Columns
-------------------------------------- */
.col_5050_left {
	width:47%;
	float:left;
	}
	
.col_5050_right {
	width:47%;
	float:right;
	}


/* Startseite 
-------------------------------------- */
#login {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 270px;
	}
#login_user {width: 270px;}
#login_password { width: 270px;}
#login_user input {
	background: #fff;
	font-size: 0.8em;
	//color: #999;
	border: 1px solid #ccc;
	padding: 7px;
	margin: 0 0 5px 0;
	width: 254px;
	}
#login_password input {
	background: #fff;
	font-size: 0.8em;
	//color: #999;
	border: 1px solid #ccc;
	padding: 7px;
	margin: 0 0 5px 0;
	width: 215px;
	}		
#login_password button {
	position: relative;
	font-size: 0.8em;
	font-weight: 700;
	border: 1px solid #fff;
	background: url("templates/sf-start/images/button_hg_30px.jpg") repeat-x;
	background-color: #FF9900;
	height: 32px;
	width: 34px;
	float:right;
	cursor:pointer;
	}
#login_terms {
	font-size: 0.7em;
	}
#login_terms a {
	float:right;
	}		
#slider {
    position: relative;
    height: 400px;
	
}
#slider img {
	border: 1px solid #ccc;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	}
#slider_text {
	position: absolute;
	top: 40px;
	right: 120px;
	}
#slider_text .slider_textlist {
	font-size: 1.2em;
	list-style: disc;
	list-style-position: outside;
	padding: 0 0 0 15px;
	}
#slider_text .slider_textlist li {
	padding: 3px 5px;
	}
	
#slider_text h2 {
	font-size: 1em;
	}
	
		
.slider_headline {
    font-size: 3.2em;
    line-height: normal;
    color: #FF9900;
    margin: 0 0 10px 0;
	font-weight: 700;
}	
#simple_register {
	position: relative;
	margin: 20px 0 0 0;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	}
#simple_infobox {
	position: relative;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;

	margin: 20px 0 0 0;
	background-color: #fff;
	}	
#simple_register_col1 {
	width: 290px;
	display: block;
	float: left;
	}
#simple_register_col1 p {
	font-size: 0.85em;
	line-height: 1.6em;
	}

#simple_register_form {
	width: 575px;
	float: left;
	margin: 0;
	padding: 0;
	}
#simple_register_field1 {width: 275px; margin: 0; }
#simple_register_field2 {width: 260px; margin: 0 0 0 35px; }	
#simple_register_field div {
	float:left;
	}	
#simple_register_field1 input {
	background: #fff;
	font-size: 0.8em;
	color: #999;
	border: 1px solid #ccc;
	padding: 7px 0 7px 7px;
	margin: 0 0 5px 0;
	width: 275px;
	}	
#simple_register_field2 input {
	background: #fff;
	font-size: 0.8em;
	color: #999;
	border: 1px solid #ccc;
	padding: 7px 0 7px 7px;
	margin: 0 0 5px 0;
	width: 260px;
	}	
#simple_register_field2 button {
	padding: 6px;
	font-size: 0.8em;
	font-weight: 700;
	border: 1px solid #fff;
	background: url("templates/sf-start/images/button_hg_30px.jpg") repeat-x;
	color: #fff;
	text-align: left;
	width: 270px;
	cursor:pointer;
	}
#simple_register_field2 img {
	position: absolute;
	right: 25px;
	margin: -6px 0 0 0;
	}	
.start_box {
	margin: 20px 0 0 0;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	background-color: #fff;
	}

.start_box img {
	position: relative;
	float:left;
	margin: 0 30px 0 0;
	}
.start_box ul {
	position: relative;
	list-style: disc;
	list-style-position: outside;
	padding: 0 0 15px 15px;
	font-size: 0.85em;
	}
.start_box ul li {
	margin: 3px 0 3px 0;
	}	
.start_box a {
	color: #333;
	}		
.button_more {
	position: relative;
	padding: 5px 15px 7px 15px;
	font-size: 0.8em;
	font-weight: 700;
	border: 1px solid #fff;
	background: url("templates/sf-start/images/button_hg_30px.jpg") repeat-x; 
	color: #fff;
	display: inline-block;
	cursor:pointer;
	}
.h120 {
	height: 120px;
}	
#start_kundenmeinung {
	position: relative;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin: 20px 0 0 0;
	background-color: #fff;
        height: 270px;
	}
#start_kontakt {
	position: relative;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin: 20px 0 0 0;
	background-color: #fff;
        height: 270px;
	}
#start_kontakt {
	font-size: 0.85em;
	}
#start_kontakt .kontakt_main {
	font-size: 1.5em;
	font-weight: 700;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	}
.kontakt_main img {
	margin: 15px 0 0 0;
	}
.kontakt_main a {
	color: #333;
	}				
#kontakt_adresse {
	margin: 13px 0 0 0;
	line-height: 1.6em;
	}	
#start_kontakt .kontakt_main img {
	margin: 0 10px 0 0;
	}	
#start_opinions li {
	font-size: 0.85em;
	padding: 10px 0;
	/*padding: 12px 0; Sebastian 16.05.2012*/
	border-top: 1px solid #ccc;
	}
#start_opinions li:first-child {
	border-top: none;
	}

/* Boxen 
-------------------------------------- */

.box {
	border: 1px solid #FF9900;
	background: #fff;
    margin: 0;
    position: relative;
	}
.box_header {
	display: inline;
	padding: 3px 30px;
	color: #fff;
	font-size: 0.85em;
	font-weight: 700;
	text-align: center;
	background: url("templates/sf-start/images/button_hg_30px.jpg") repeat-x;
	}
.innerbox {
	padding: 10px;
	}
.fullw {
	display: block;
	width: 100%;
	padding: 3px 0px;
}
	
/* How To
-------------------------------------- */


#howto .howto_navi ul li {
	display: inline-block;
	padding: 10px 30px;
	margin: 0 30px 0 0;
	color: #333;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	background: url("templates/sf-start/images/button_white_hg_60px.jpg") repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
}
#howto .howto_navi ul li span {
	font-weight: 700;
	color: #FF9900;
}
#howto .howto_navi ul li.active span {
	font-weight: 700;
	color: #333;
}
#howto .howto_navi ul li:hover span {
	color: #fff;
}
#howto .howto_navi ul li.active:hover span {
	color: #333;
}
#howto .howto_navi ul li.active {
	display: inline;
	padding: 12px 30px;
	color: #fff;
	text-align: center;
	background: url("templates/sf-start/images/button_hg_60px.jpg") repeat-x;
	border: 1px solid #FF9933;
	border-bottom: none;
}
#howto .howto_navi ul li:hover {
	cursor: pointer;
	background: url("templates/sf-start/images/button_hg_60px.jpg") repeat-x;
	border: 1px solid #FF9933;
	border-bottom: none;
}

.howto_point {
	margin: 20px 0 40px 0;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	padding: 30px 10px;
}
.howto_number {
	position: absolute;
	left: -20px;
	top: -20px;
}
.howto_img {
	float:left;
	margin: 0 20px;
}	
.howto_content {
	float:left;
	width: 540px;
}
.howto_content p {
	margin: 10px 0;
}		
.howto_inner {
	padding: 25px 35px 10px 35px;
}


	
/* Leistungen
-------------------------------------- */

#leistungen {
	margin: 20px 0;
	width: 900px;
}
.serv_cat {
	width: 100%; 
	background: url("templates/sf-start/images/nav_hg.jpg");
	color: #fff;
	height: 40px;
	border: 1px solid #666;
	}
.serv_cat p {
	padding: 10px;
}
.serv_row {
	width: 100%;
	margin: -1px 0 0 0;
	border: 1px solid #ccc;
}
.serv_cell {
	display: block;
	//width: 278px;
	width: 427px;
	position: relative;
	padding: 10px;
	float: left;
	margin: 0;
}
.serv_desc {
	border-right: 1px solid #ccc;
	background: #ededed;
}
.op1 {
	text-align: center;
	margin: 0 0 0 -1px;
	//border-right: 1px solid #ccc;
}
.op2 {
	text-align: center;
	margin: 0 0 0 -1px;
}
.serv_desc {}
.serv_action {
}

.serv_action a {
	padding: 10px 0;
	color: #fff;
	text-align: center;
	display: block;
	background: url("templates/sf-start/images/button_hg_40px.jpg") repeat-x;
}

/* FAQ
-------------------------------------- */

#create_box_left {
        width: 220px;
        min-height: 250px;
        border-right: 1px solid #ccc;
        float: left;
        margin: 0 20px 0 0;
	}
#create_box_left .create_button a {
	width: 190px;
	}
#create_box_left .active a  {
	width: 190px;
	background: url("templates/sf-start/images/active_createbox.png") repeat-x;
	}
#create_box_left .active .pfeil_rechts  {
	display: block;
	}	
#create_box_left .pfeil_rechts  {
	display: none;
	}	
.pfeil_rechts {	
	position: absolute;
	right: 5px;
        top: 0px;
	width: 15px;
	height: 34px;
	background: url("templates/sf-start/images/pfeil_rechts.png") no-repeat;
	}
#create_fax {
        float:left; 
        width: 655px;   
}

.create_introtext {
margin: 0 0 20px 0;
}
.create_introtext {
font-size: 0.85em;
}
.intern_intro_headline {
color: #FF9900;
font-weight: 700;
margin: 0 0 10px 0;
}

#create_box {
	margin: 23px 0 0 0;
	}		
.create_button {
	height: 35px;
	margin: 0 0 8px 0;
	width: 220px;
        position: relative;
	}	
.create_button a {
	background: url("templates/sf-start/images/button_hg_40px.jpg") repeat-x;
	width: 230px;
	display: block;
	color: #fff;
	text-align: center;
	padding: 7px 5px;
	}		
.create_button img {
	position:absolute;
	margin-left: 10px;
	margin-top: 7px;
	}
#faq_list {
	float:left;
}
.accordian {
	width: 655px;
}
.accordian li {
	list-style-type: none;
	height: 22px;
}
.accordian li.acc_point {
	padding: 6px 10px;
	background: url("templates/sf-start/images/acc_down.jpg") no-repeat;
	background-position: right;
	background-color: #fff;
}
.accordian li.acc_content {
	padding: 10px 10px 20px 10px;
}
.accordian li.active {
	background: url("templates/sf-start/images/acc_up.jpg") no-repeat;
	background-position: right;
	background-color: #fff;
	color: #ff9900;
}
.dimension {
	padding-bottom: 70px !important;
}
.even, .odd {
	font-weight: bold;
	padding-left: 30px;
}
.even {
	border: 1px solid #d8d8d8;
	background-color: #ececec;
}	
.odd {
	border: 1px solid #d8d8d8;
	background: #fff;
	color: #333;
}


/* Kontakt
-------------------------------------- */

#kon_telefon {
	float:left;
	width: 440px;
	margin-right: 20px;
	position: relative;
}
#kon_fax {
	float:right;
	width: 440px;
	position: relative;
}
.kon_button {
	width: 100%;
    position: relative;
    background: url("templates/sf-start/images/button_hg_40px.jpg") repeat-x;
	display: block;
	color: #fff;
	}
.kon_button p {
    position: relative;
	display: block;
	color: #fff;
	padding: 8px 0 8px 60px;
	font-size: 1.1em;
	}				
#kon_telefon img, #kon_fax img {
	position:absolute;
	left: 15px;
	top: 10px;
	}
#kon_infos {
	float:left;
	width: 300px;
	height: 200px;
	margin-right: 18px;
	position: relative;
	border-right: 1px solid #ccc;
}
#kon_msg {
	float:right;
	width: 580px;
	position: relative;
}
#kon_infos .box {
	width: 280px;
}
#kon_infos .box input {
	padding: 10px 5px;
	margin: 0;
	width: 270px;
	position: relative;
	border: none;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 10px 0px #ccc;
	box-shadow: inset 0px 0px 10px 0px #ccc;
}
#kon_msg .box select {
	width: 100%;
	margin: 0;
	padding: 8px 5px 7px 5px;
	font-size: 0.8em;
	border: none;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 10px 0px #ccc;
	box-shadow: inset 0px 0px 10px 0px #ccc;
}
#kon_msg .box textarea {
	padding: 10px 0 0 10px;
	margin: 0;
	width: 568px;
	font-size: 0.85em;
	resize: vertical;
	position: relative;
	border: none;
	text-align: left !important;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 10px 0px #ccc;
	box-shadow: inset 0px 0px 10px 0px #ccc;
}
.orange_button {
    background: url("templates/sf-start/images/button_hg_30px.jpg") repeat-x;
	display: block;
	color: #fff;
	text-align: center;
    font-size: 0.8em;
	padding: 3px 15px;
	margin: 10px 0;
    border: none;
    cursor:pointer;
}


/* Kontakt
-------------------------------------- */

#agbs {
	padding: 20px 0;
	line-height: 1.7em;
	font-size: 0.85em;
}
#agbs p {
	padding: 5px 0;
	margin:0;
}



/* ////////////////////////////////////////////////////*/
/* //////////////////// Preise ////////////////////////*/
/* ////////////////////////////////////////////////////*/

strong {
	font-weight: 700;
}
#price_action {
	text-align: center;
}
#search_price {
	width: 400px;
	padding: 10px 0px;
	font-size: 1.2em;
	text-align: center;
	margin: 20px 0;
	color: #999;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px 0px 5px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 5px 0px #ccc;
	box-shadow: inset 0px 0px 5px 0px #ccc; 
}
#search_price_action {
	padding: 10px 20px;
	font-size: 1.2em;
	text-align: center;
	margin: 20px 0;
	color: #fff;
	border: 1px solid #ccc;
	background: url("templates/sf-start/images/button_hg_40px.jpg") repeat-x;
	background-color: #FF9900;
	cursor:pointer;
}
@-moz-document url-prefix() {
	#search_price {	
		padding: 8px 0px;
	}
	#search_price_action {
		padding: 7px 20px;
	}
}
#price_action .price_headline {
	font-weight: 700;
}
#price_display p {
	padding: 5px 0;
	font-weight: 400;
}
#price_display ul {
	
}
.price {
	color: #FF9900;
}
ul#continents {
	list-style: none;
	background: url("templates/sf-start/images/simplefax_map.png") no-repeat 0 0;
	position: relative;
	width: 900px;
	height: 500px;	
	margin: -20px 0 0 0;
	padding: 0;
}

ul#continents li {
	position: absolute;
}

ul#continents li a{
	display: block;
	height: 100%;
	text-decoration: none;
}

#northamerica {
	width: 380px;
	height: 310px;
	top: 0px;
	left: 0px;
}

#southamerica {
	width: 120px;
	height: 206px;
	left: 217px;
	bottom: 0px;
}

#africa {
	width: 175px;
	height: 195px;
	top: 226px;
	left: 377px;
}

#europe {
	width: 165px;
	height: 160px;
	top: 68px;
	left: 360px;
}

#asia {
	width: 415px;
	height: 345px;
	top: 0px;
	right: 0px;
}

#australia {
	width: 165px;
	height: 125px;
	right: 30px;
	bottom: 45px;
}

ul#continents li a:hover {
	background: url("templates/sf-start/images/simplefax_map.png") no-repeat 0 0;
}

ul#continents li#northamerica a:hover {
	background-position: -4px -533px;
}

ul#continents li#southamerica a:hover {
	background-position: -64px -887px;
}

ul#continents li#africa a:hover {
	background-position: -710px -541px;
}

ul#continents li#europe a:hover {
	background-position: -458px -540px;
}

ul#continents li#asia a:hover {
	background-position: -480px -743px;
}

ul#continents li#australia a:hover {
	background-position: -264px -917px;
}

ul#continents li a span {
	display: none;
}

ul#continents li a:hover span {
	display: block;
}

ul#continents li a:hover span {
	display: block;
	padding: 15px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
    font-family: 'Lato', Verdana, Arial, sans serif;
	font-weight: 400;
	font-size: 0.8em;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}

ul#continents li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 1.2em;
	font-weight: 700;
}



/* ////////////////////////////////////////////////////*/
/* ///////////////// Registrierung ////////////////////*/
/* ////////////////////////////////////////////////////*/

.col_33 {
	float:left;
	width: 280px;
	margin: 0 28px 0 0;
}
.col_33_last {
	float:left;
	width: 280px;
	margin: 0;
}

.col_66 {
	float:left;
	width: 560px;
	margin: 0 28px 0 0;
}
.input_reg {
	border: 1px solid #BBBBBB;
	padding: 6px 10px;
	font-size: 0.85em;
	display: block;
	margin: 0 0 6px 0;
	width: 260px;
	color: #333;
}
.inactive {
	border: 1px solid #BBBBBB;
	color: #999;
	background:#ccc;
	padding: 6px 10px;
	font-size: 0.85em;
	display: block;
	margin: 0 0 6px 0;
	width: 260px;
}
.input_nr {
	width: 41px;
	float:right;
}
.input_street {
	width: 190px;
	float:left;
}
.input_zip {
	width: 60px;
	float:left;
}
.input_city {
	width: 170px;
	float:right;
}
.input_reg:hover {
	border: 1px solid #FF9900;
	background: #fbe4bf;
	font-weight: 700;
}
.inactive:hover {
	border: 1px solid #BBBBBB;
	background:#ccc;
	color: #999;
	font-weight: normal;
}
p.reg_pos_h {
	font-size: 1.2em;
	padding: 10px 0;
	font-weight: bold;
	color: #FF99CC;
}
#reg_gender {
	padding: 10px 0 0 0;
	height: 26px;
}
span.gender {
	font-size: 0.85em;
	margin: 0 10px 0 0;
	color: #333;
	height: 30px;
}
span.gender input {
	margin: 0 5px 0 0;
}
.register_btn {
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	border: 1px solid #fff;
	background: url("templates/sf-start/images/button_hg_40px.jpg") repeat-x;
	background-color: #FF9900;
	height: 40px;
	padding: 0;
	margin: 20px 0 0 0;
	width: 100%;
	cursor:pointer;
}
.faxnr {
	font-size: 1.6em;
	background: transparent;
	border: 1px solid #ccc;
	padding: 3px;
	width: 120px;
	height: 40px;
	float:none;
}
.faxnr option {
	padding: 5px;
}
.faxnrp {
	padding: 10px 0;
}
.faxnr_info {
	font-size: 0.7em;
	padding: 5px 0;
}


/* MOHAMMED CHANGES
 * */
 
 #login_intern {
position: absolute;
right: 20px;
bottom: 15px;
width: 270px;
font-size: 0.85em;
}

#howto div.howto_navi ul li {
	padding:0px;
	height: 45px;
	width:167px;
	color: #FF9900 !important;
}
#howto div.howto_navi ul li a {
	color: black;
	text-decoration: none;
	height: 25px;
	width:167px;
	display:block;
	padding: 10px 0px;
}

#howto div.howto_navi ul li a:hover {
	color: white;
}

#howto div.howto_navi ul li:hover {
	color: black !important;
}

#mailing_gutscheincode {
	width: 400px;
	padding: 10px 0px;
	font-size: 1.2em;
	text-align: center;
	margin: 20px 0;
	border: 1px solid #ccc;
	
	background-color: white;
}


#simple_kuendigung_form {
	width: 565px;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	
background: #fff;

border-top:1px solid #fff;
background-repeat:no-repeat;
background-position:top left;
-moz-box-shadow:0 6px 8px #878787;
-webkit-box-shadow:0 6px 8px #878787;
	}
	

#simple_kuendigung_field1 input {
	
	background: #fff;
	font-size: 0.8em;
	border: 0px;
	font-size: 16px;
	margin: 0 0 5px 0;
	width: 275px;

}
	
#simple_kuendigung_field2 input {
	
	background: #fff;
	font-size: 0.8em;
	border: 0px;
	
	margin: 0 0 5px 0;
	width: 240px;
}	

#simple_kuendigung_field1 {width: 275px; margin: 0; }
#simple_kuendigung_field2 {width: 250px; margin: 0 0 0 35px; }	
#simple_kuendigung_field div {
	float:left;
	}
	
	
#simple_paypal_input {
-webkit-appearance: none;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
background-attachment: scroll;
background-clip: border-box;
background-color: white;
background-image: none;
background-origin: padding-box;
background-repeat: repeat;
border-bottom-color: #CCC;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #CCC;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #CCC;
border-top-style: solid;
border-top-width: 1px;
color: #999;
cursor: auto;
display: inline-block;
font-family: 'Lucida Grande';
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 16px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 0px;
padding-top: 7px;
text-align: -webkit-auto;
text-indent: 0px;
text-shadow: none;
text-transform: none;
width: 275px;
word-spacing: 0px;	
}

.start_reg_btn {
   background: url("templates/sf-start/images/button_hg_40px.jpg") repeat-x scroll 0 0 transparent;
   border: 1px solid #FFFFFF;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   bottom: -60px;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 1em;
   font-weight: 700;
   left: 0;
   padding: 10px 30px;
   #position: absolute;
   text-align: left;
}

#verisign {
	position: absolute;
	right: 350px;
	top: 36px;
	width: 150px;
}
	
#trustedshop {
	position: absolute;
	right: 283px;
	top: 30px;
	width: 100px;
}

#seniocert {
	position: absolute;
	right: 323px;
	top: 66px;
	width: 60px;
}
		
	
.simple_blog-entry {
	position: relative;
	margin: 20px 0 0 0;
	background: url("templates/sf-start/images/header_hg.jpg") repeat-x bottom;
	border: 1px solid #ccc;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	}				

	


.simple_blog-entry p {
	padding: 8px 0;
	line-height: 24px;

}


.simple_blog-entry h1 {
	padding: 5px 0;
	font-size: 1.6em;
	margin: 0;
}


.simple_blog-entry h2 {
	padding: 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}

.simple_blog-entry h3 {
	padding: 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	margin-top: 20px;
	color: #333;
}

.simple_blog-entry .inner {
	
	position: relative;
}


.simple_blog-entry .blog-date {
	
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 20px;
}

hr {
	
	margin:  10px 0;
	
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	width: 900px;
	padding: 0;
	z-index: 999 !important;
	display: block;
	margin: 20px 0;
}

.blog {
	width: 900px;
	padding: 0;
	z-index: 999 !important;
	display: block;
	margin: 20px 0;
}

.container_3 {
	width: 900px;
	padding: 0;
}
.container_height {
	float:left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	float: left;
	position: relative;
	z-index: 999;
}

.inner {
	padding: 15px 15px 15px 15px;
	}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
	float:right;
}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {
	width: 280px;
	margin: 20px 0 0 27px;
}

.grid_2 {
	width: 590px;
	margin: 20px 0 0 0;
}

.grid_3 {
	width: 900px;
}
.grid_4 {
	width:280px;
}


/* Prefix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 {
	padding-left:33.333%;
}

.prefix_2 {
	padding-left:66.667%;
}

/* Suffix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 {
	padding-right:33.333%;
}

.suffix_2 {
	padding-right:66.667%;
}

/* Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 {
	left:33.333%;
}

.push_2 {
	left:66.667%;
}

/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 {
	left:-33.333%;
}

.pull_2 {
	left:-66.667%;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}