.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;
}/*-----------------------------------------------------------------------------

	-	revolution slider -

Screen Stylesheet

author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/******************************
	-	WRAPPER STYLES		-
******************************/



.rev_slider_wrapper{
	position:relative;
	-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;
}

.rev_slider_wrapper >ul	{
	visibility:hidden;
}

.rev_slider{
	position:relative;
	overflow:hidden;
}


.rev_slider img{
	max-width:none !important;
	max-width:none !important;
	-moz-transition: none 0 !important;
	-webkit-transition: none 0 !important;
	-o-transition: none 0 !important;
	transition: none 0 !important;
	margin:0px !important;
	padding:0px !important;
	border-width:0px !important;
	border:none;
	visibility:visible !important;
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider ul{
	margin:0px !important;
	padding:0px !important;
	list-style: none !important;
	list-style-type: none !important;
	background-position:0px 0px !important;
}

.rev_slider ul li,
.rev_slider >ul >li,
.rev_slider >ul >li:before{
	list-style:none !important;
	position:absolute;
	visibility:hidden;
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none !important;
	background-position:0px 0px !important;
	text-indent: 0em !important;
}

.rev_slider .tp-caption,
.rev_slider .caption, {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; 	position:absolute; visibility: hidden;
}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption { z-index:1;}



.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}


.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important;}

/******************************
	-	WRAPPER STYLES END	-
******************************/

/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}
/******************************
	-	IE8 HACKS ENDS	-
*******************************/

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}
/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100% !important;
	position:relative;
}


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

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

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

.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img			{ 


//-webkit-transform: translateZ(0);
 // -webkit-backface-visibility: hidden;
  //-webkit-perspective: 1000;
  
  //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;
										  
									}


/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; position:absolute;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(media/com_uniterevolution/assets/rs-plugin/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 {	background:url(media/com_uniterevolution/assets/rs-plugin/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {	background:url(media/com_uniterevolution/assets/rs-plugin/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}


/******************************
	-	BUTTONS	-
*******************************/

.tp-button{
			padding:6px 13px 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			height:30px;
			cursor:pointer;
			color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
			background:url(media/com_uniterevolution/assets/rs-plugin/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
			text-decoration:none;
		}
		
	

.tp-button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(media/com_uniterevolution/assets/rs-plugin/images/gradient/g40.png) repeat-x top;}


.purchase:hover,
.tp-button:hover,
.tp-button.big:hover		{	background-position:bottom, 15px 11px;}


	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.tp-button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
		a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tp-button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
		a.tp-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}


/*	BUTTON COLORS	*/

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }


.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68;}


.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212;}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00;}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222;}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555;}



/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/
.tp-bullets												{	z-index:100; position:absolute; bottom:10px; }
.tp-bullets.simplebullets								{ 	bottom:10px;}


.tp-bullets.simplebullets.navbar						{ 	margin-left:-40px; border:1px solid #666; border-bottom:1px solid #444; bottom:-20px; background:url(media/com_uniterevolution/assets/rs-plugin/assets/boxed_bgtile.png); height:40px; padding:0px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;}

.tp-bullets.simplebullets.navbar-old					{ 	bottom:-20px; background:url(media/com_uniterevolution/assets/rs-plugin/assets/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;}


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:-10px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px;}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:-12px;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px;}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:10px;}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important;}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:30px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:30px !important;}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }



/*************************************
	-	TP ARROWS 	-
**************************************/

.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:-7px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:-7px;}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:-13px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:-13px;}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/small_left_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-right:4px; margin-top:-4px;}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/small_right_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-left:-36px; margin-top:-4px;}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:-20px; margin-top:-8px;}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:-20px; margin-top:-8px;}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px; }

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:-9px;}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:-9px;}


.tp-leftarrow.large										{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/large_left.png) no-Repeat top left;	width:40px;	height:40px;  margin-left:20px; margin-top:-20px; }
.tp-rightarrow.large									{	z-index:100;cursor:pointer; position:relative;	background:url(media/com_uniterevolution/assets/rs-plugin/assets/large_right.png) no-Repeat top left;	width:40px;	height:40px;  margin-left:-20px; margin-top:-20px; }

.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left; }






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

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


.tp-bullets.tp-thumbs						{	z-index:100; position:absolute; padding:0px 2px 2px;background-color:#fff;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
											}

.fullwidthbanner-container .tp-thumbs					{  padding:2px;}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";		-moz-opacity: 0.5;	-khtml-opacity: 0.5;	opacity: 0.5;
												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
											}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";		-moz-opacity: 1;	-khtml-opacity: 1;	opacity: 1;}
.tp-thumbs img								{	width:100%; }


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url(media/com_uniterevolution/assets/rs-plugin/assets/timer.png);position:absolute; z-index:200;}
.tp-bannertimer.tp-bottom					{	bottom:0px !important;height:5px;}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/


	@media only screen and (min-width: 480px) and (max-width: 767px) {
			.responsive .tp-bullets.tp-thumbs				{	width:300px !important; height:30px !important;}
			.responsive .tp-bullets.tp-thumbs .tp-mask		{	width:300px !important; height:30px !important;}
			.responsive .tp-bullets.tp-thumbs .bullet		{	width:60px !important;height:30px !important;}

	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none;}
	}


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

	-	BASIC SETTINGS FOR THE BANNER	-

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

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}


.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul li{
	list-style:none;
	position:absolute;
	visibility:hidden;
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:10000px; height:10000px;  background:url(media/com_uniterevolution/assets/rs-plugin/assets/coloredbg.png) repeat;}

.tp-loader 	{	background:url(media/com_uniterevolution/assets/rs-plugin/assets/loader.gif) no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}

.tp-caption.sf{
			margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: 'Lato', Verdana, Arial, sans serif;
font-weight: 400;
font-size: 1.2em;										
		}

.tp-caption.sf-textlist{
			font-size: 1.2em;
			list-style: disc;
			list-style-position: outside;
			padding: 0 0 0 15px;									
		}

.tp-caption.sf-button{
			 background: url("http://simple-fax.de/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;									
		}


.tp-caption.big_white{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 36px; 
			line-height: 36px; 
			font-family: Arial; 
			padding: 0px 4px; 
			padding-top: 1px;
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#000;	
			letter-spacing: -1.5px;										
		}

.tp-caption.big_orange{
			position: absolute; 
			color: #ff7302; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 36px; 
			line-height: 36px; 
			font-family: Arial; 
			padding: 0px 4px; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#fff;	
			letter-spacing: -1.5px;															
		}	
					
.tp-caption.big_black{
			position: absolute; 
			color: #000; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 36px; 
			line-height: 36px; 
			font-family: Arial; 
			padding: 0px 4px; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#fff;	
			letter-spacing: -1.5px;															
		}		

.tp-caption.medium_grey{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 20px; 
			line-height: 20px; 
			font-family: Arial; 
			padding: 2px 4px; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			background-color:#888;		
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}	
					
.tp-caption.small_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 14px; 
			line-height: 20px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}
					
.tp-caption.medium_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 20px; 
			line-height: 20px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}
					
.tp-caption.large_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 40px; 
			line-height: 40px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
		}	
					
.tp-caption.very_large_text{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 60px; 
			line-height: 60px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
			letter-spacing: -2px;		
		}
					
.tp-caption.very_big_white{
			position: absolute; 
			color: #fff; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 60px; 
			line-height: 60px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			padding: 0px 4px; 
			padding-top: 1px;
			background-color:#000;		
					}	
					
.tp-caption.very_big_black{
			position: absolute; 
			color: #000; 
			text-shadow: none; 
			font-weight: 700; 
			font-size: 60px; 
			line-height: 60px; 
			font-family: Arial; 
			margin: 0px; 
			border-width: 0px; 
			border-style: none; 
			white-space:nowrap;	
			padding: 0px 4px; 
			padding-top: 1px;
			background-color:#fff;		
					}
					
.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}
											
.tp-caption.black{
		color: #000; 
		text-shadow: none;		
	}	
					
.tp-caption.noshadow {
		text-shadow: none;		
	}	
					

/* 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;
}