/*
Theme Name: ninjatools
Description: ninjatools theme
Version: 1.0
Author: UGE
Author URI: http://lutsk.uge-gmbh.de/
Tags: white, light, three-columns, right-sidebar, fixed-width, left-sidebar, right-sidebar

	ninjatools v1.0

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@font-face {
 font-family: "Myriad Pro";
 src: url("../fonts/MyriadPro-Regular.otf");
}

html{
	background: #fff: /* url("../images/bg.png");*/
}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
    font-family: "Myriad Pro",Verdana,Tahoma,Arial;
	color: #333;
	text-align: center;
	/*border-top: 5px solid #0e88bd;*/
	background: transparent;/* background: #fff url("../images/top_ribbon.png") repeat-x left 5px;*/ 
}

.result-success {
	font-size: 1.4em; margin: 20px 0;
}

label {
	font-size: 1.4em;
}

#page {
	text-align: left;
	}
#homepage #subglobal{
	background: transparent url('../images/wa.png') repeat-x left top;
	margin-top: -5px;
}
#header {
	background: transparent;
	margin: 0;
	padding: 0;
	height: 95px;
	}
.category-description {
	font-size:14px;
	line-height:18px;
	padding:0 0 10px 0;
}
#logo{
	float:left;
	margin: 10px 0 0 0;
}
#logo h2 {
    color: #000000;
    font-size: 26px;
    font-weight: bold; 
    float:left;
    padding-top:20px;
}
#logo img {float:left;}
#headermenu_wrapper{
	/*background: #333;*/
	height: 95px;
	position: relative;
}
#headermenu{
	height: 95px;
	background: transparent;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#topmenu_wrapper{
	position: relative;
	width: 980px;;
    margin: 0 auto;
}
#headerimg_wrapper{
	background: transparent url('../images/sub_ribbon.png') repeat-x center top;
}
#headerimg {
	margin: 0;
	height: 435px;
	padding: 0;
	background: transparent url('../images/header_bg.png') no-repeat center top;
	}

#content {
	font-size: 1.2em;
	margin-left:0;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	font-size: 0.9em;
	}

.alt {
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}

#footer {
	background: #ffffff; /*url("../images/ninja_480.png") no-repeat right bottom;*/
	color:#000000;
	border-top: 20px solid #406C47;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	}

#headerimg h1 {
	font-size: 4em;
	}
#headerimg #slider{
	margin: 0 auto;
	width: 980px;;
}
.losung{
	text-align: left;
	padding-top: 115px;
	background: transparent url("../images/losung.png") no-repeat left bottom;
	height: 75px;
}
#headerimg .description {
	padding-top:15px;
	font-size: 1.2em;
	color: #fff;
	width: 425px;
	text-align: left;
	}

h1, h2 {
	font-size: 1.6em;
	color: #666;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#rightsidebar h2,
#leftsidebar h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	color: #666;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: #996;
	}

h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #996;
	}

h2 a, h2 a:visited, h3, h3 a, h3 a:visited, 
#rightsidebar h2, #wp-calendar caption, cite ,
#leftsidebar h2 {
	text-decoration: none;
	color: #996;
	}

#rightsidebar h2,
#leftsidebar h2 {
	color: #666;
	}

h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: #666;
	}

.entry p a:visited {
	color: #996;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	line-height: 1.4em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Helvetica, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#rightsidebar,
#leftsidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, 
#rightsidebar ul ul li, 
#rightsidebar ul ol li, 
#leftsidebar ul ul li, 
#leftsidebar ul ol li, 
.nocomments, .postmetadata, blockquote, strike {
	color: #333;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

pre {
	font: 1.1em 'Courier New', Courier, Fixed;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#page {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 980px;
	}

.narrowcolumn {
	padding: 0 0 20px 0;
	}

.widecolumn {
		}

.post {
	margin: 0 0 0px;
	text-align: justify;
	
	}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #1D2F61;
    -moz-use-text-color: #1D2F61;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 2px 0;
    margin: 20px 0;
}
.post hr {
	display: block;
	color:#1D2F61;
	background-color:#1D2F61;
	height:1px;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	clear: both;
	}

/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 10px 0 0 0;
	text-align: center;
	}

h2.pagetitle {
	margin-top: 30px;
}

#rightsidebar h2,
#leftsidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	line-height: 1em;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, 
#rightsidebar ul ul li:before ,
#leftsidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#rightsidebar ul, #rightsidebar ul ol,
#leftsidebar ul, #leftsidebar ul ol {
	margin: 0;
	padding: 0;
	}

#rightsidebar ul li,
#leftsidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
#leftsidebar ul li.widget {
	background-color: #fff;
}	
#rightsidebar ul li.widget {
	background-color: #fff;
}	

#rightsidebar ul p, #rightsidebar ul select,
#leftsidebar ul p, #leftsidebar ul select {
	margin: 5px 0 8px;
	}

#rightsidebar ul ul, #rightsidebar ul ol,
#leftsidebar ul ul, #leftsidebar ul ol {
	margin: 5px 0 0 10px;
	}

#rightsidebar ul ul ul, #rightsidebar ul ol,
#leftsidebar ul ul ul, #leftsidebar ul ol {
	/*margin: 0 0 0 10px;*/
	}

ol li, 
#leftsidebar ul ol li,
#rightsidebar ul ol li {
	list-style: decimal outside;
	}

#rightsidebar ul ul li, #rightsidebar ul ol li,
#leftsidebar ul ul li, #leftsidebar ul ol li {
	margin: 3px 0 0;
	padding: 0 3px;
	}

ul ul li {
	margin-left: 0px;
	padding-left: 10px;
	text-indent: -10px;
	}

/* End Entry Lists */



/* Begin Form Elements */
.searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
 	cursor: pointer;
	}

input, textarea, select
 {
 	border: #ddd 1px solid;
 	background-color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
 	font-size:1em;
 	font-weight: normal;
 }

#text_field, #text_area, .password, select
 {
	/*width: 100%;*/
 }

/* End Form Elements */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#rightsidebar form {
	margin: 0;
	}
/* End Sidebar */
/* Begin LeftSidebar */
#rightsidebar,
#leftsidebar
{
	padding-top: 40px;
	padding-bottom: 10px;
}

#leftsidebar form {
	margin: 0;
	}
/* End LeftSidebar */


/* Begin Calendar */
#wp-calendar_wrap {

	text-align: left;
	}
#wp-calendar {
	empty-cells: show;
	margin: 10px 0 0 0;
	width: 155px;
	text-align: left;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	width: 100%;
	text-align: left;
	}

#wp-calendar td {
	padding: 3px 0;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #eee;
	}

blockquote {
	font-weight:bold;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #eee;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	}

.hidden {
	display: none !important;
	visibility: hidden;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #eee;
	background-color: #fff;
	padding-top: 4px;
	margin-top: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0px 5px;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */








/* ninja tools*/
#key_features{
	background-color: #f4f4f4;
	-webkit-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5);
	-moz-box-shadow:    0px 0px 5px rgba(100, 100, 100, 0.5);
	box-shadow:         0px 0px 5px rgba(100, 100, 100, 0.5);
	border: 1px solid rgba(224, 224, 224, 0.5);
	padding: 10px 20px;
	margin-bottom: 20px;
}
#key_features > h2{
	color:#424242;
	padding-bottom: 20px;
	margin: 0;
	background: transparent url("../images/blue_line.png") no-repeat left bottom;
	font-weight: normal;
	font-size: 1.6em;
	font-family: Verdana;
}
#key_features h1{
	padding: 10px 0;
}
#key_features ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#key_features ul li {
	list-style: none !important;
	margin: 0;
	padding: 0;
	position: relative;
}
#key_features ul li:before {
	content: '';
}
#key_features ul li.divider {
	line-height: 1px;
	border-bottom: 1px dotted #777;
	margin: 10px 0;
}
#key_features ul li div h1{
	color: #0882b8;
}
#key_features ul li img{
	top: -50%;
	margin-top: 5%;
}
#tarifs{
	display: block;
	position: relative;
	color:#929292;
	font-size: .8em;
	margin: 0 auto;
	min-width: 360px;
}

#tarifs:after{
	content:" ";
	clear:both;
	display: block;
}
#tarifs > div{
	position: relative;
	min-width: 120px;
}
#tarifs .tarif{
	-webkit-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5);
	-moz-box-shadow:    0px 0px 5px rgba(100, 100, 100, 0.5);
	box-shadow:         0px 0px 5px rgba(100, 100, 100, 0.5);
	border: 0px solid rgba(224, 224, 224, 0.5);
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.tarif ul li {
	list-style: none;
}
#tarifs .tarif > *{
	padding: 0 10px;
}
#tarifs .tarif ul{
	padding: ;
}
#tarifs ul li{
	margin: 0;
	padding: 0 0 0 20px;
}
#tarifs ul li:before {
	content: '';
}
#tarif-bronze, 
#tarif-gold{
	padding:5px 0;
	z-index: 1;
	width: 33%;
	float:left;
}
#tarif-gold{
}
#tarif-bronze .tarif, 
#tarif-gold .tarif{
	margin:10px 0;
}
#tarif-silver{
	margin: 0 -3px;
	z-index: 2;
	background-color: #fff;
	width: 34%;
	float:left;
}
#tarifs h1{
	margin: 0;
	padding: 10px;
	color:#fff;
	background-color: #333;
	text-align: center;
}
.tarif .counter{
	font-size: 1.3em;
	color:#000;
}
.tarif .pro{
	color:#000;
}
.tarif .ib{
	display: inline-block;
	position: absolute;
	z-index: 0
}
.tarif .tarif-price-wrapper{
	white-space: nowrap;
	display: block;
	position: relative;
	height: 30px;
	margin-top: 20px
}
#tarif-silver .tarif .tarif-price-wrapper{
	margin-top: 30px;
	height: 45px;
}
.tarif-price-wrapper sup{
	font-size: 60%;
}
.tarif .tarif-money-sign sup{
	font-size: 75%;
}

.tarif .tarif-money-sign {
    font-size: 4em;
    font-weight: bold;
    top: 5px;
}


.tarif .tarif-price {
    color: #000000;
    display: block;
    font-size: 4em;
    font-weight: bold;
    right: 5px;
    text-align: left;
    top: 0;
    width: 70%;
}
#tarif-bronze .tarif .tarif-price{
    width: 50%;
}

.tarif .tarif-old-price{
	font-size: 2.5em;
	left: 15px;
	width: 50%;
	height: 40px;
	top:-20px;
	padding-top:10px; 
	padding-left:10px; 
}
.tarif .tarif-old-price-strike{
	background: transparent url("../images/old-price.png") no-repeat left top;
	left: 15px;
	width: 50%;
	height: 40px;
	top:-20px;
	padding-top:10px; 
	padding-left:10px;
}
.tarif .special-offer{
	text-align: center;
	color:#f00;
	font-size: 1em;
	left: 10px;
	top: 15px;      
}
.tarif .tarif-period{
	text-align: center;
}
.tarif button{
	margin: 0 auto 10px auto;
	display: block;
	font-size: 1.1em;
}
ul.payments {
	margin: 0 0 5px 0 !important;
	padding: 0 0 5px 0;
	text-align: center;
}
ul.payments li{
	display: inline-block;
	list-style: none;
	border:none;
	padding: 0 5px 0 0 !important;
	background: transparent url("../images/payments-border.png") no-repeat right center;
	text-indent: 0;
	margin: 0
}
ul.payments li:LAST-CHILD{
	background: none;
}
#leftsidebar ul ul.payments li:BEFORE,
#leftwidgets ul ul.payments li:BEFORE{
	content: '' !important;
}
ul.payments img{
	max-width: 125%
}


.accordion .accordion-group{
	border: 1px solid #e6e6e6;
	padding: 0;
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);
	background-color: #fff;
	margin-bottom: 10px;
	
}
.accordion .accordion-toggle {
	text-decoration: none;
	color: #333;
	margin-right: 10px;
	font-size: 1.4em;
	padding-right: 40px;
}
.accordion .accordion-toggle {
	background: transparent url("../images/collapser_expanded.png") no-repeat right center;
}
.accordion .accordion-toggle.collapsed {
	background: transparent url("../images/collapser.png") no-repeat right center;
}
.accordion .accordion-heading{
	min-height: 50px;
}
#accordion1 .accordion-inner ul{
	margin-left: 0;
}
#accordion1 .accordion-inner ul li:BEFORE{
	content: '';
}
#accordion1 .accordion-inner ul li {
	border-bottom: 1px solid #e0e0e0;
	padding: 1px 0;
	background: transparent url("../images/list-item-blue.png") no-repeat left 8px;
	padding-left: 10px!important;
	margin: 0;
}
#accordion1 .accordion-inner ul li.tool-selected {
	font-weight: bold;
}
.post h2{
	color:#406747;
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
	/*background: transparent url("../images/blue_line.png") no-repeat left bottom;*/
	font-weight: bold;
	font-size: 1.8em;
	font-family: "Myriad Pro",Verdana,Tahoma,Arial;
}
.post > .entry > h3{
	color: #0882b8;
	margin: 0;
	padding: 0;
}
.post > h2:after{
	width : 127px;
	border-color: transparent #0882b8 transparent #0882b8;
	height:7px;
	position: absolute;
	margin-left:-100%;
	
}
.post > form {background: #EFEFEF;padding:10px;min-height:100px;}
form.tools-metagen {min-height:400px;}
form.tools2 {min-height:160px;}
.icon-twitter, .icon-facebook, .icon-googleplus, .icon-info {
    height: 16px!important;
    line-height: 16px!important;
    width: 16px!important;
	background-position: center center!important;
}
.icon-twitter{
	background-image: url("../images/twitter.png")!important;
}
.icon-facebook{
	background-image: url("../images/facebook.png")!important;
}
.icon-googleplus{
	background-image: url("../images/googleplus.png")!important;
}
.icon-info{
	background-image: url("../images/info.png")!important;
}
#topsocialmenu{
	display:none;
	position: absolute;
	position: absolute;
	right: 0;
	top:26px;
	background-color: #1D2F61; 
	width: auto;
	height: auto;
	border : none;
	padding:4px;
	border-radius:10px;
	border:none;
}
#topsocialmenu .navbar-inner{
	background: none!important;
	border:none;
	filter:none;
	min-height: 20px;
	padding: 0 5px!important;
}
#topsocialmenu .nav > li > a{
	padding:0 5px;
	color:#fff;
	text-shadow: none;
}
#topsocialmenu .nav > li > a > i{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=28)";
  filter: alpha(opacity=28);
  -moz-opacity: 0.28;
  -khtml-opacity: 0.28;
  opacity: 0.28;
}
#topsocialmenu .nav > li > a:hover > i{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#topsocialmenu.navbar .nav{
	margin: 0;
}
#toploginmenu{
	position: absolute;
	position: absolute;
	right: 0;
	top:0;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #1D2F61; 
	width: auto;
	height: auto;
	border : none;
}
#toploginmenu .navbar-inner{
	background: none!important;
	filter:none;
	border:none;
	min-height: 20px;
	padding: 0 5px!important;
}
#toploginmenu .divider-vertical{
	border:none;
	border-left:1px solid #d4dbe1;
	height: 16px;
	margin: 3px;
}
#toploginmenu.navbar .nav > li > a{
	padding:0 10px;
	color:#fff;
	text-shadow: none;
}
#toploginmenu.navbar .nav > li > a.icon{
	padding: 0;
	margin:  0 5px;
}
#toploginmenu.navbar .nav{
	margin: 0;
}
#topmenu {
	position: absolute;
	left: 70px;
	top: -85px;
	background-color: #1D2F61;
	width: 650px;
	height: 25px;
	border : none;
	margin-bottom: 2px;
	border-top: none;
	padding: 5px 0 0 0 ;
	border-radius:10px;
}
#topsignupmenu {
	position: absolute;
	right: 0;
	bottom: 22px;
	background-color: #1D2F61;
	width: auto;
	height: auto;
	border : none;
	margin-bottom: 2px;
	border-top: none;
	padding: 10px 0 0 0 ;
	border-radius:10px;
}
#topmenu .navbar-inner,
#topsignupmenu .navbar-inner{
	background: none !important;
	filter: none;
	border:none;
	min-height: 25px;
	padding: 0 !important;
}
.#topmenu .divider-vertical,
#topsignupmenu .divider-vertical{
	border:none;
	display:inline-block;
	background: transparent url("/img/themes/topmenuseparator.png") no-repeat center center;
	width: 1px;
	height: 20px;
	
}
#topmenu.navbar .nav > li > a,
#topsignupmenu.navbar .nav > li > a{
	padding:0 10px;
	color:#ffffff;
	text-shadow: none;
	text-transform: none;
	font-size: 14px;
	font-weight:300;
}
#topmenu.navbar .nav > li > a:hover,
#topsignupmenu.navbar .nav > li > a:hover{
	color:#ffffff;
}
#topmenu > .navbar-inner > .nav > .dropdown-submenu:hover > .dropdown-menu,
#topmenu > .navbar-inner > .nav > .dropdown-submenu:focus > .dropdown-menu {
	display:block;
	}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #4D8D8E;
  background-image: none;
  background-repeat: repeat-x;
  filter: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #4D8D8E;
  background-image: none;
  background-repeat: repeat-x;
  outline: 0;
  filter: none;
}
	
#topmenu.navbar .nav > li > a.last,
#topsignupmenu.navbar .nav > li > a.last{
	padding: 0;
	margin-right:  0;
	padding-right: 0;
}
.devshed #topmenu.navbar .nav > li:first-child{
	display:none;
}
#topmenu.navbar .nav > li > a i{
		display:none;
	}
#topmenu.navbar .nav > li > a span{
		display:inline-block;
	}
#topmenu.navbar .nav,
#topsignupmenu.navbar .nav{
	margin: 0;
}
#topsignupmenu{
	display:none;	
}
#topmenu > .navbar-inner > .nav > .dropdown-submenu > .dropdown-menu {
    border-radius: 6px 6px 6px 6px;
    left: 0;
    margin-left: -1px;
    margin-top: 0px;
    top: 100%;
}

#topmenu > .navbar-inner > .nav > .dropdown-submenu .divider,
.de#topmenu > .navbar-inner > .nav > .dropdown-submenu .divider-vertical{
	display: none;
}
#topmenu > .navbar-inner > .nav > li > a:hover,
#topmenu > .navbar-inner > .nav > li > a:focus,
#topmenu > .navbar-inner > .nav > .dropdown-submenu:hover > a,
#topmenu > .navbar-inner > .nav > .dropdown-submenu:focus > a {
	background: none;
}
.navbar .divider-vertical {
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #FFFFFF;
    height: 20px;
    margin: 0 9px;
}
.dev-social {display:inline;float:right;margin:10px 80px 0 0;}
.dev-social img {background:#406C47; padding:5px; border-radius:3px;}
#rightsidebar .widget,
#leftsidebar .widget{
		border: 1px solid #e6e6e6;
	padding: 0;
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.5);
}
#rightsidebar .widget.widget_search,
#leftsidebar .widget.widget_search{
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
#rightsidebar .widget h2,
#leftsidebar .widget h2{
	background: transparent url("../images/widget_title_bg.png") repeat-x left top;
	line-height: 18px;
	color:#fff;
	border-bottom: 1px solid #e6e6e6;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 3px 3px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 3px 3px rgba(50, 50, 50, 0.1);
	padding: 5px;
	}
#leftsidebar .widget h2,
#leftwidgets .widget h2{
	color:#6c6c6c;
	background: #fff;
}
#leftsidebar{
	margin-left: 0;
}

#submission{
	background-color: #0e88bd;
	border-bottom: 5px solid #28a0d3;
	height: 70px;
}
#submission_wrapper{
	width: 980px;;
	margin: 0 auto;
	height: 60px;
	padding: 5px 0;
	font-size: 14px;
	font-style: italic;
}
#submission_text{
	font-family: Times;
	text-align: left;
}
#submission img{
	display: inline-block;
}
#submission img.open_quot{
	margin: 0 5px 0 0;
	vertical-align: top;
}
#submission img.close_quot{
	margin: 0 0 0 5px;
}
#submission_wrapper p{
	color: #000;
	text-align: right;
	padding: 0;
}
#copy_wrapper{
	margin: 0 auto 0 auto;
	width: 980px;;
	padding-top: 10px;
}
#copy{
	margin: 0 auto;
	width: 980px;;
	border-top: none;
	height: 40px;
	bottom:0;
	line-height: 40px;
	font-size:13px;
}
#copy a, #copy a:hover {color:#000000;text-decoration:underline;}
#footer_widgets{
	margin: 0 auto;
	width: 980px;;
}
#footer_widgets .widget{
	padding: 20px 0;
	text-align: left;
}
#footer_widgets .widget h2{
	font-size:16px;
	color:#000000;
	margin: 0;
	text-align: left;
	font-weight:normal;
}
#footer_widgets .widget ul{
	list-style-type: none;
	margin: 0px;
	padding: 0;
}
#footer_widgets > ul{
	position: relative;
}

#footer_widgets > ul > li {
	list-style: none;
	display: block;
	float:left;
	margin-left: 10px;
}
#footer_widgets > ul > li {
	width: 28%;
    min-width:180px;
    /*width: 19%;
    min-width:120px;*/
}
#footer_widgets > ul > li.widget_text{
	width: 38%;
	min-width: 360px;
}
#footer_widgets > ul:after{
	content: " ";
	width:0;
	height:0;
	line-height: 0;
	clear: both;
	display: block;
}
#footer_widgets .widget ul li{
	border-bottom: none;
	text-align: left;
	font-size:13px;
    text-indent: 0;
    line-height:16px;
    padding: 6px 0;
}
#footer_widgets p{
	font-size:13px;
}
#footer_widgets a{
	color:#000000;
	text-decoration: underline;
}
#footer_widgets a i{
	margin: 0 5px;
	display: inline-block;
}
#footer_widgets a:hover{
	color:#000000;
}
.icon-big {
    height: 52px!important;
    line-height: 52px!important;
    width: 52px!important;
	background-position: center center!important;
	background-color:#406C47;
	padding:2px;
	border-radius:5px;
}
.icon-big.icon-twitter{
	background-image: url("../images/twitter_big.png")!important;
}
.icon-big.icon-facebook{
	background-image: url("../images/facebook_big.png")!important;
}
.icon-big.icon-googleplus{
	background-image: url("../images/googleplus_big.png")!important;
}
.icon-big.icon-contact-us{
	background-image: url("../images/contact_us_big.png")!important;
}
.icon-mid {
    height: 36px!important;
    line-height: 36px!important;
    width: 36px!important;
	background-position: center center!important;
}
.icon-mid.icon-twitter{
	background-image: url("../images/twitter_mid.png")!important;
}
.icon-mid.icon-facebook{
	background-image: url("../images/facebook_mid.png")!important;
}
.icon-mid.icon-googleplus{
	background-image: url("../images/googleplus_mid.png")!important;
}
.icon-mid.icon-contact-us{
	background-image: url("../images/contact_us_mid.png")!important;
}
#find_out_more_wrapper{
	text-align: left;
	margin: 10px auto 0 auto;
	width: 980px;
}
#find_out_more_wrapper .fom{
	color: rgb(255, 255, 255);
	font-size: 20px;
	padding: 15px 30px;
	text-shadow: 0px 1px 2px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	background: rgb(204, 64, 3);
	background: -moz-linear-gradient(90deg, rgb(204, 64, 3) 0%, rgb(254, 203, 87) 100%);
	background: -webkit-linear-gradient(90deg, rgb(204, 64, 3) 0%, rgb(254, 203, 87) 100%);
	background: -o-linear-gradient(90deg, rgb(204, 64, 3) 0%, rgb(254, 203, 87) 100%);
	background: -ms-linear-gradient(90deg, rgb(204, 64, 3) 0%, rgb(254, 203, 87) 100%);
	background: linear-gradient(0deg, rgb(204, 64, 3) 0%, rgb(254, 203, 87) 100%);
	-webkit-box-shadow: 0px 5px 20px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 20px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 20px rgba(50, 50, 50, 0.75);
}
#menu480{
	display : none;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: transparent;
	width: auto;
	height: auto;
	border : none;
	margin-bottom: 2px;
	/*border-top: 1px dotted #777;*/
	padding: 10px 0 0 0 ;
}
#menu480 > .dropdown-menu{
	position: absolute;
}
#menu480 > .dropdown > .nav > .dropdown-submenu > a:after{
	border: none;
}

#menu480.navbar .nav > li > a, 
#menu480.navbar .nav > li > a, 
#menu480.navbar .nav > li > a,
#menu480.navbar .nav > li.dropdown-submenu:focus > a{
    background: none;
	background-color: #333;
    color: #555555;
}
#menu480.navbar .nav > li.dropdown-submenu{
	margin-left:0
}
#menu480 .dropdown-menu > li > a
{
  display: block;
  padding-top: 3px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  /*color: #fff;*/
  white-space: nowrap;
}

/*#menu480 .dropdown-menu > li > a:hover, 
#menu480 .dropdown-menu > li > a:focus, 
#menu480 .dropdown-submenu:hover > a, 
#menu480 .dropdown-submenu:focus > a
{
  color: #333;
  background-color: #eee;
  background-image: none;
  background-repeat: repeat-x;
}*/
  
#menu480 .dropdown-menu {
    /*background-color: #333;*/
    padding: 0;
}
#menu480 .dropdown-menu .divider{
	background: none;
	padding: 0;
	margin:0;
	display: none;
}
#menu480 ul ul li {
    margin-left: 0;
    padding-left: 0px;
    text-indent: -10px;
}
#menu480 .dropdown-menu {
    margin-left: -1px;
    margin-top: -6px;
    padding: 5px 0;
}
#menu480 > .dropdown > .nav > .dropdown-submenu > .dropdown-menu {
    border-radius: 6px;
    left: 0;
    margin-left: -1px;
    margin-top: -6px;
    top: 100%;
}
#menu480.navbar .nav > li li a i{
		display:none;
}

#topmenu .dropdown-menu > li {
    border-radius: 6px;
    top: 100%;
    padding-left: 0;
    
}	
#topmenu > .navbar-inner > .nav > .dropdown-submenu > .dropdown-menu {
    border-radius: 6px 6px 6px 6px;
    left: 0;
    margin-left: -1px;
    margin-top: 0px;
    top: 100%;
}
#topmenu > .navbar-inner > .nav > .dropdown-submenu .divider,
#topmenu > .navbar-inner > .nav > .dropdown-submenu .divider-vertical{
	display: none;
}
#topmenu > .navbar-inner > .nav > li > a:hover,
#topmenu > .navbar-inner > .nav > li > a:focus,
#topmenu > .navbar-inner > .nav > .dropdown-submenu:hover > a,
#topmenu > .navbar-inner > .nav > .dropdown-submenu:focus > a {
	background: none;
}
#topmenu > .navbar-inner > .nav > .dropdown-submenu > a:after{
	 border-color: #777777 transparent transparent transparent ;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    margin: 8px 0 0 5px;
}
#topmenu > .navbar-inner > .nav > .dropdown-submenu:hover > a:after{
	 border-color: #fff transparent transparent transparent ;
}
#login-form-wrapper{
	height: 0;
	margin: 0 auto;
	position: relative;
	width: 980px;
	z-index:1;
}
#login-form{
	display: none;
	position: absolute;
	width: 320px;
	background-color: #e4e4e4;
	-webkit-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5);
	-moz-box-shadow:    0px 0px 5px rgba(100, 100, 100, 0.5);
	box-shadow:         0px 0px 5px rgba(100, 100, 100, 0.5);
	border: 1px solid rgba(50, 50, 50, 0.5);
	padding: 20px 10px;
	right: 0;
	top:-75px
}
#login-form .form-horizontal .control-label {
    width: 60px;
    font-size: 1.2em;
}
#login-form .form-horizontal .controls {
    margin-left: 80px;
}
#login-form .form-horizontal .controls button{
	float: right;
	margin-right: 10px;
}
#login-form .form-horizontal .controls button:after{
	content:'';
	display: block;
	clear: both;
	height: 00;
}
#login-form .form-horizontal .controls i{
	margin-left: 10px; 
}
#login-form .form-horizontal label.checkbox {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 1.2em;
}
#login-form hr {
	display: block;
	height: 1px;
	margin: 0 -10px 20px -10px;
}
#login-form .controls a {
	display: inline-block;
	margin-left: 10px;
    font-size: 1.2em;
}
#login-form h2,
#login-form h3 {
	margin: 0;
	color:#0882b8;
	font-size: 2em;
}
#login-form h3{
	color: #333;
}
#login-form h3 a{
	color:#0882b8;
	text-decoration: underline;
}
#footer_widgets .row{
	margin-left: -10px;
}

.tool-form span {
/*	display: block;
	width: 100%; */
}

.tool-form input[type="text"] {
/*	width: 97%;*/
}

textarea {
	/*width: 97%;*/
}

#browser-size-tool span#browser-size-height {
	position: absolute;
	top: 53%;
	left: 21%;
	font-size: 2.5em;
}
#browser-size-tool span#browser-size-width {
	position: absolute;
	top: 87%;
	left: 45%;
	font-size: 2.5em;
}
.swirl_loading img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left:5px;
	}
	
	
	
/*home page*/
.categories-index .span4, .categories-index .span12 {
    width: 100%;
    float:none;
    clear:both;
    margin-left:0;
}   
.category-tools-list {
 	/*column-count:3;
	-moz-column-count:3; 
	-webkit-column-count:3; */
	background:#ffffff;
	padding:0;
	margin-left:-5px;
	/*-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	break-inside:avoid;
	-webkit-column-break-after: always; 
	-moz-column-break-after: always; 
	-o-column-break-after: always; 
	-ms-column-break-after: always; 
	column-break-after: always;*/
}
.categories-index, .category-li, .category-tools {
	
}
h3.category-li {
	font-size:2.0em;
	font-weight:bold;
	margin:10px 0 0 0;
	width:100%;
}

li.category-tool {
	width:31%;
	float:left;
	margin:0 30px 0 0;
	font-size:1.1em;
	/*width:100%;
	display:inline-block;
	position:relative;*/
}
li.category-tool a, li.category-tool a:visited {
	color:#000000; 
	text-decoration:none;
	font-weight:400;
	font-size:1.2em;
	}
h3.category-li a, h3.category-li a:visited {
	color:#4D8D8E;
	}

h3.category-li a:hover, li.category-tool a:hover, h3.category-li a:focus, li.category-tool a:focus {
	color:#000000;
	text-decoration:underline;
	}
.categories-index .category-tools {
	font-size:1.2em;
}
.categories-index .category-tools li {
	list-style-type:none;
	margin-left:-20px;
	padding-bottom:5px;
}



.categories-index a.tool-tip {
  position: relative;
  text-decoration: none;
}
.categories-index a.tool-tip span {display: none;}
.categories-index a.tool-tip:hover span {
  display: block;
  position: absolute; 
  padding: .5em;
  content: attr(title);
  min-width: 120px;
  text-align: center;
  background: rgba(17,141,142,1);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;    
  color: #fff;
  font-size: 14px;
  font-weight:400;
  bottom: 30px;
  left: 60%;
  z-index: 999;
  width: 300px;
  margin-left: -150px;
}
.categories-index a.tool-tip:hover span:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: rgba(17,141,142,1) transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom: -16px;
  left:1em;
}

.dev-feeds .span12 {
    width: 100%;
    float:none;
    clear:both;
    margin-left:0;
} 
.dev-feeds {
	font-family: "Myriad Pro",Verdana,Tahoma,Arial;
	column-count:2;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */	
	background:#ffffff;
	padding:20px 20px 20px 0;
	margin:0;
	column-gap:40px;
	-moz-column-gap:40px; /* Firefox */
	-webkit-column-gap:40px; /* Safari and Chrome */
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	break-inside:avoid;
	-webkit-column-break-after: always; 
	-moz-column-break-after: always; 
	-o-column-break-after: always; 
	-ms-column-break-after: always; 
	column-break-after: always;
	column-gap:40px;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
}
.dev-feeds ul{ 
	list-style-type:none;
	margin-left:0;
	}
li.dev-feeds {
	display: inline-block;
    width: 80%;
    }
.dev-feeds ul li {font-size:16px;line-height:24px;	}
.dev-feeds li li {white-space:nowrap;
	overflow:hidden;}
.dev-feeds h2.widgettitle {
	text-align:left;
	color:#4D8E8F;
    font-size: 1.4em;
    line-height:1.4em;
    font-weight: bold;
    text-decoration: none;
    font-family: "Myriad Pro",Verdana,Tahoma,Arial;
    margin:0 0 0 0;
    padding:0;}
    
.dev-feeds a {color:#000000 !important;text-decoration:none;}   
.dev-feeds a:hover {background:none;color:#000000 !important; text-decoration:underline;} 
	

@media (max-width: 979px) {
	#browser-size-tool span#browser-size-height {
		top: 53%;
		left: 14%;
	}
	#browser-size-tool span#browser-size-width {
		top: 87%;
		left: 45%;
	}
	ul.topnav {
    	width: 740px;
    	margin: 0 auto -1px;
	}
	ul.payments li{
		background: none;
	}
	ul.payments li:FIRST-CHILD{
		background: transparent url("../images/payments-border.png") no-repeat right center;
		
	}
	#find_out_more_wrapper .fom{
		font-size: 12px;
		padding: 10px 20px;
		-webkit-box-shadow: 0px 5px 15px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 5px 15px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 5px 15px rgba(50, 50, 50, 0.75);
	}
	#login-form-wrapper{
		width: 768px;
	}
	#login-form{
		top:-10px;
	}
	#header{
		background: none;
		height: 150px;
	}
	body#homepage{
		background: transparent url("../images/sub_ribbon_767.png") repeat-x center top;	
	}
	body#homepage #header{
		background: transparent url("../images/header_bg_767.png") no-repeat center top;
		height: 435px;
	}
	#headerimg {
		height: 335px;
		background: none;
	}
	#headerimg_wrapper{
		background: none;
	}
	
	#headermenu_wrapper{
		height:155px;
		background: transparent;
	}
	#headermenu, #topmenu_wrapper{
		height: 95px;
		/*background: #333;*/
		width: 768px;
		margin: 0 auto;
		position: relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#topmenu_wrapper{
		height: 40px;
		margin: 10px auto;
	}
	#topmenu{
		position: relative;
		width:80%;	
	}
	#headerimg #slider{
		width: 768px;
	}
	#page {
		width: 768px;
		}
	#submission_wrapper{
		width: 768px;
		margin: 0 auto;
	}
	#submission_text{
		width: 768px;
	}
	#copy_wrapper{
		width: 768px;
	}
	#copy{
		width: 768px;
	}
	#footer_widgets{
		width: 768px;
	}
	#footer_widgets > ul > li.widget_text {
    min-width: 80px;
    width: 30%;
	}
	#footer_widgets > ul > li {
    min-width: 80px;
    width: 30%;
    }
	#find_out_more_wrapper{
		width: 768px;
		margin: 10px auto 0 auto;
	}
	#logo{
		padding-left: 10px;
	}
	#toploginmenu{
		display: none;	
	}
	#topsocialmenu{
		display: block;
	}
	.losung{
		padding-top: 55px;
		background: transparent url("../images/losung_767.png") no-repeat left bottom;
		height: 52px;
	}
	#headerimg .description {
		padding-top:10px;
		font-size: 1.1em;
		width: 365px;
	}
	
	#topmenu.navbar .nav > li > a,
	#topsignupmenu.navbar .nav > li > a{
		padding:0 10px;
		/*color:#777;*/
		font-size: 1.2em;
		text-transform: none;
	}
	#topmenu.navbar .nav > li > a > i,
	#topsignupmenu.navbar .nav > li > a > i{
		display:inline-block;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=28)";
		filter: alpha(opacity=28);
		-moz-opacity: 0.28;
		-khtml-opacity: 0.28;
		opacity: 0.28;
	}
	#topmenu.navbar .nav > li > a:hover > i,
	#topsignupmenu.navbar .nav > li > a:hover > i{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}	
	#topmenu.navbar .nav > li > a span,
	#topsignupmenu.navbar .nav > li > a span{
		display:none;
	}
	#topmenu.navbar .nav > li:hover > a,
	#topsignupmenu.navbar .nav > li:hover > a,
	#topmenu.navbar .nav > li > a:hover,
	#topsignupmenu.navbar .nav > li > a:hover{
		color:#fff;
	}
	#topmenu .divider-vertical{
		display: none;
	}
	#topmenu.navbar .nav > li > a.last,
	#topsignupmenu.navbar .nav > li > a.last{
		padding: 0 10px;
	}
	#topsignupmenu{
		display:block;	
		border:none;
	}
	#footer {
		/*background: #406C47;*/ /*url("../images/ninja_480.png") no-repeat right bottom;*/
	}
	#submission {
	    height: 90px;
	}
	#accordion1 .accordion-inner ul li {
		padding-left: 20px!important;
	}
}	


@media (max-width: 767px) {
	#browser-size-tool span#browser-size-height {
		top: 53%;
		left: 4%;
	}
	#browser-size-tool span#browser-size-width {
		top: 87%;
		left: 41%;
	}
	ul.topnav {
    	width: 480px;
    	margin: 0 auto -1px;
	}
	#submission	{
		display: none;	
	}
	ul.payments li{
		background: transparent url("../images/payments-border.png") no-repeat right center;
	}
	ul.payments li:LAST-CHILD{
		background: none;
	}	
	#find_out_more_wrapper .fom{
		font-size: 10px;
		padding: 5px 10px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.5);
	}
	#login-form-wrapper{
		width: 480px;
	}
	#login-form{
		top:-10px;
	}
	#header{
		background: none;
		height: 150px;
	}
	body#homepage{
		background: transparent url("../images/sub_ribbon_480.png") repeat-x center top;	
	}
	body#homepage #header{
		background: transparent url("../images/header_bg_480.png") no-repeat center top;
		height: 330px;
	}
	#headerimg {
		height: 230px;
		background: none;
	}
	#headerimg_wrapper{
		background: none;
	}
	
	#headermenu_wrapper{
		height:155px;
		background: transparent;
	}
	#headermenu, #topmenu_wrapper{
		height: 95px;
		/*background: #333;*/
		width: 480px;
		margin: 0 auto;
		position: relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	
	}
	#topmenu_wrapper{
		height: 40px;
		margin: 5px auto;
	}
	#topmenu{
		position: relative;		
	}
	#headerimg #slider{
		width: 480px;
	}
	#page {
		width: 480px;
		}
	#submission_wrapper{
		width: 480px;
		margin: 0 auto;
	}
	#submission_text{
		width: 480px;
	}
	#copy_wrapper{
		width: 480px;
	}
	#copy{
		width: 480px;
	}
	#footer_widgets{
		width: 480px;
	}
	#find_out_more_wrapper{
		width: 480px;
		margin: 10px auto 0 auto;
	}
	#logo{
		padding-left: 10px;
	}
	#toploginmenu{
		display: none;	
	}
	#topmenu{
		display: none;
	}
	.losung{
		padding-top: 10px;
		background: transparent url("../images/losung_480.png") no-repeat left bottom;
		height: 52px;
	}
	#headerimg .description {
		padding-top:5px;
		font-size: 1em;
		width: 300px;
		line-height: 1.5em;
	}
	#footer {
		/*background: #406C47;*/ /*url("../images/ninja_480.png") no-repeat right bottom;*/
	}
	#menu480{
		display : block;
	}

	#page #rightsidebar {
    	padding: 20px 0 10px;
		margin-left: 0;
	}

	#key_features ul li img{
		display: none;
	}
	#email_us img{
		display: none;
	}
	li.category-tool {
	width:45%;
	float:left;
	margin:0 30px 0 0;
	/*width:100%;
	display:inline-block;
	position:relative;*/
}
}

@media (max-width: 489px) {
	div#browser-size-tool span#browser-size-height {
		top: 53%;
		left: 4%;
	}
	div#browser-size-tool span#browser-size-width {
		top: 87%;
		left: 41%;
	}
	ul.topnav {
    	width: 460px;
    	margin: 0 auto -1px;
	}
	#submission	{
		display: none;	
	}
	ul.payments li{
		background: transparent url("../images/payments-border.png") no-repeat right center;
	}
	ul.payments li:LAST-CHILD{
		background: none;
	}	
	#find_out_more_wrapper .fom{
		font-size: 10px;
		padding: 5px 10px;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.5);
	}
	#login-form-wrapper{
		width: 460px;
	}
	#login-form{
		top:-10px;
	}
	#header{
		background: none;
		height: 150px;
	}
	body#homepage{
		background: transparent url("../images/sub_ribbon_480.png") repeat-x center top;	
	}
	body#homepage #header{
		background: transparent url("../images/header_bg_480.png") no-repeat center top;
		height: 330px;
	}
	#headerimg {
		height: 230px;
		background: none;
	}
	#headerimg_wrapper{
		background: none;
	}
	
	#headermenu_wrapper{
		height:155px;
		background: transparent;
	}
	#headermenu, #topmenu_wrapper{
		height: 95px;
		/*background: #333;*/
		width: 460px;
		margin: 0 auto;
		position: relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	
	}
	#topmenu_wrapper{
		height: 40px;
		margin: 5px auto;
	}
	#topmenu{
		position: relative;		
	}
	#headerimg #slider{
		width: 460px;
	}
	#page {
		width: 460px;
		}
	#submission_wrapper{
		width: 460px;
		margin: 0 auto;
	}
	#submission_text{
		width: 460px;
	}
	#copy_wrapper{
		width: 460px;
	}
	#copy{
		width: 460px;
	}
	#footer_widgets{
		width: 460px;
	}
	#find_out_more_wrapper{
		width: 460px;
		margin: 10px auto 0 auto;
	}
	#logo{
		padding-left: 10px;
	}
	#toploginmenu{
		display: none;	
	}
	#topmenu{
		display: none;
	}
	.losung{
		padding-top: 10px;
		background: transparent url("../images/losung_480.png") no-repeat left bottom;
		height: 52px;
	}
	#headerimg .description {
		padding-top:5px;
		font-size: 1em;
		width: 300px;
		line-height: 1.5em;
	}
	#footer {
		/*background: #406C47;*/ /*url("../images/ninja_480.png") no-repeat right bottom;*/
	}
	#menu480{
		display : block;
	}

	#page #rightsidebar {
    	padding: 20px 0 10px;
		margin-left: 0;
	}

	#key_features ul li img{
		display: none;
	}
	li.category-tool {
	width:95%;
	float:none;
	margin:0 30px 0 10px;
	/*width:100%;
	display:inline-block;
	position:relative;*/
}

	
}

#browser-size-tool {
	position: relative;
}
.two-column {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}
.head-check-results {
	overflow: hidden;
}
.tool-form input.counter-input[type="text"] {
	width: 97%;
	margin: 0;
}
.tool-form textarea.counter-input {
	width: 97%;
	margin: 0;
}
.tool-form div.counter {
	width: 99%;
	text-align: right;
}
.p-generator-word {
	color: red;
}

form.image-hide-results {
	padding: 10px;
	width: 550px;
	background-color: #f1f1f1;
	border: 1px solid #d8d6c9;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	float: left;
}

#result-email-hide {
	width: 100%;
	background: gray;
	padding: 35px 0;
	border: 1px solid #606060;
	-webkit-appearance: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
.email-wrap {
	width: 380px;
	margin: 0 auto;
	text-align: center;
}
.popover {
	max-width: 376px;
}
.popover-content hr {
	margin: 5px 0;
}

.accordion-toggle {
	text-transform: uppercase;
}
.topnav {
    background: #1D2F61;
    border-bottom: none;
    font-size: 13px;
    padding: 5px 0 0;
    width: 980px;
    margin: 0 auto -1px;
}
.topnav li ul li {
	text-align: left;
}
.topnav .dropdown-menu {
    border-top: 1px solid #DDDDDD;
    margin: -1px 0 0;
}
.topnav > li > a {
    border-radius: 6px 6px 0 0;
    margin-right: 5px;
    padding: 4px 8px;
    color:#ffffff;
}
.topnav > li > a:hover {
    color:#1D2F61;
}
.nav .dropdown-toggle .caret {
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
    margin-top: 6px;
}
.dropdown-menu > li > a {
    font-size: 12px;
}
.top-menu-wrapper {
	background: #1D2F61;
	border-bottom: none;
}
.dropdown-menu > li > a.selected-tool {
	color: #1D2F61;
}
.dropdown-menu > li:hover > a.selected-tool {
	color: #ffffff;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 0 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover {background-color:#1D2F61;background-image:none;}
ul.last-menu-item, ul.before-last-menu-item {
	right: 0 !important;
	left: auto;
}
ul.before-last-menu-item {
	right: 5px !important;
}
a.last-menu-item {
	margin-right: 0 !important;
	/*margin-left: 10px;*/
}

.results_column h5 {
	text-align: center;
}

.right_col, .left_col {
	text-align: left;
}
.left_col {
	width: 30%;
}
.more-link {
	cursor: pointer;
}
tr.wrap-overflow td {
	word-wrap: break-word;
	overflow: hidden;	  
}
/*
tr.level1 {
	background-color: #CCCCFF;
}

tr.level2 {
	background-color: #99CCFF;
}

tr.level3 {
	background-color: #66CCFF;
}

*/
table.page-rank-table, table.page-rank-table tbody tr td {
	padding: 0;
	margin: 0;
	border: none;
	
}

.table-condensed th, .table-condensed td {
	padding: 0 5px;
}	

input[type="radio"], input[type="checkbox"] {
margin: 0;
}

.about-block {
	font-size: 1.4em;
}
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
}