body{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #262626;
	font: 18px 'Lucida Grande', helvetica, verdana, sans-serif;
	text-shadow: rgba(180, 180, 180, 0.496094) 0px 1px 1px;
}
a{
	color: rgb(25, 128, 175);
	text-shadow: rgba(255, 255, 255, 0.496094) 0px 1px 1px;
}
abbr{
	border-bottom: 1px dotted #333;
	cursor: help;
}
noscript .warning.box{
	background: #febbba;
	border: 1px solid #db3431;
	padding: 15px;
	margin: 10px 0 20px 0;
}
noscript .warning.box h3{
	margin: 0 0 10px 0;
}
noscript .warning.box p{
	margin: 0;
}
noscript .warning.box a{
	color: inherit;
}
.button{
	display: block;
	background: #ccc url('../../images/icons_32/round_plus.png') no-repeat 3px center;
	border: 1px solid #aaa;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: inherit;
	text-decoration: none;
	width: 205px;
	padding: 8px 10px 9px 40px;
}
.button.add{
	background-image: url('../../images/icons_32/round_plus.png');
	float: left;
}
.button.goto{
	background-image: url('../../images/icons_32/round_arrow_right.png');
	width: 230px;
	float: right;
	text-align: right;
}
.button:hover{
	background-color: #bbb;
}


#mother{
	width: 1060px;
	margin: 0 auto;
}
#logo a{
	color: rgb(25, 128, 175);
	letter-spacing: -5px;
	text-decoration: none;
	margin: 70px 20px 20px 0;
	font: bold 62px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
}
#menubar{
	float: right;
	margin-top: -70px;
}
#menubar a{
	margin-left: 3px;
}
#menubar img{
	border: none;
}




/* HOMESCREEN */
#homescreen{
	margin: 10px 10px 20px 0;
	width: 1060px;
}
#homescreen #featured_screenshot{
	width: 640px;
	height: 390px;;
	margin-left: -15px;
	float: left;
}
#homescreen #featured_screenshot img{
	width: 640px;
}
#homescreen #featured_details{
	width: 430px;
	margin-top: 20px;
	float: right;
}
#homescreen #featured_details h3{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 22px;
	margin: 20px 0 -15px 0;
}
#homescreen .featured_link{
	margin-top: 20px;
}
#homescreen .featured_link a{
	background: rgb(25, 128, 175);
	color: #fff;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 0px 0px 4px #aaaaaa; 
	-webkit-box-shadow: 0px 0px 4px #aaaaaa; 
	box-shadow: 0px 0px 4px #aaaaaa; 
	
	opacity: 0.95;
}
#homescreen .featured_link a.info{
	opacity: 0.9;
}
#homescreen .featured_link a:hover{
	opacity: 1;
}
#last_changes{
	clear: both;
	padding-top: 40px;
	width: 1060px;
}
#last_changes h4{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 26px;
	margin: 20px 0 -15px 0;
}
#last_changes div{
	margin: 30px 0 20px 0;
}
#last_changes h5{
	color: #ccc;
	text-decoration: none;
	font-size: 14px;
	margin: 0;
}
#last_changes h5 a{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 18px;
	margin: 20px 0 -15px 0;
}
#last_changes p{
	margin: 0;
	font-size: 14px;
}
#last_changes ul{
	margin: 5px;
	font-size: 14px;
	margin-left: -10px;
}

/* SUCHFORMULAR */
#searchform{
	margin: -10px 10px 20px 0;
	padding: 0 0 250px 0;
	width: 1060px;
	background: 
}
#searchform h2{
	font-size: 24px;
	color: #aaa;
	margin-bottom: 0;
}
#searchform p{
	color: #444;
	margin-top: 0;
}
#searchform #searchform_ergebnisse{
	float: right;
	width: 300px;
	padding: 10px;
	background: #eee;
	border: 1px solid #aaa;
	text-align: center;
}
#searchform #searchform_ergebnisse span{
	font-size: 32px;
}
.searchform .item{
	border: 1px solid #aaa;
	background: #eee;
	padding: 8px 8px 8px 55px;
	margin: 10px 0 0 10px;
	height: 24px;
	width: 600px;
	background: #eee url(../../images/icons_32/box.png) no-repeat 8px 4px;
}
.searchform #catalog_menues_cms .item, .searchform .item.cms{
	background-image: url(../../images/icons_32/magic_wand.png);
}
.searchform #catalog_menues_allgemein .item, .searchform .item.allgemein{
	background-image: url(../../images/icons_32/info.png);
}
.searchform #catalog_menues_upload .item, .searchform .item.upload{
	background-image: url(../../images/icons_32/arrow_top.png);
}
.searchform #catalog_menues_domain .item, .searchform .item.domain{
	background-image: url(../../images/icons_32/browser.png);
}
.searchform #catalog_menues_programmiersprachen .item, .searchform .item.programmiersprachen{
	background-image: url(../../images/icons_32/brackets.png);
}
.searchform #catalog_menues_datenbanken .item, .searchform .item.datenbanken{
	background-image: url(../../images/icons_32/db.png);
}
.searchform #catalog_menues_email .item, .searchform .item.email{
	background-image: url(../../images/icons_32/mail.png);
}
.searchform #catalog_menues_werbung .item, .searchform .item.werbung{
	background-image: url(../../images/icons_32/burst.png);
}
.searchform .item input, .searchform .item select, .searchform .item select[disabled]{
	background: transparent;
	border: none;
	border-bottom: 1px solid #aaa;
	text-align: right;
	font-size: 16px;
	color: inherit;
}
.searchform .item .dellink{
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}
#searchform #search_filter_background{
	margin: 20px 0 30px 0;
	padding: 5px 20px 20px 20px;
	
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; /* IE8 */
  
	width: 685px;
	float: left;
}
#searchform #search_filter{
	margin-bottom: 10px;
}
#searchform .button{
	margin-left: 420px;
}




/* SUCHFORMULAR-KATALOG */
#catalog_back{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.0;
	display: none;
}
#catalog_main{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 355px;
	margin-top: -248px;
	margin-left: -400px;
	background: transparent;
	display: none;
	opacity: 0.0;
}
#catalog_closelink{
	position: relative;
	bottom: 2px;
	left: 745px;
	font-size: 12px;
}
#catalog_closelink a{
	text-decoration: none;
}
#catalog_categorys{
	width: 240px;
	height: 413px;
	height: auto;
	float: left;
	background: #eee;
	border: 1px solid #aaa;
	font-size: 14px;
	padding: 0;
	text-shadow: none;
	overflow: hidden;
}
#catalog_categorys ul{
	list-style: none;
	margin: 0;
}
#catalog_categorys a{
	display: list-item;
	margin-left: -40px;
	padding: 20px 20px 20px 70px;
	background: #fff url(../../images/icons_32/arrow_r.png) no-repeat 19px center;
	border: 1px solid #fff;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	color: #222;
}
#catalog_categorys #catalog_categorys_menu_cms a{
	background-image: url(../../images/icons_32/magic_wand.png);
}
#catalog_categorys #catalog_categorys_menu_allgemein a{
	background-image: url(../../images/icons_32/info.png);
}
#catalog_categorys #catalog_categorys_menu_upload a{
	background-image: url(../../images/icons_32/arrow_top.png);
}
#catalog_categorys #catalog_categorys_menu_domain a{
	background-image: url(../../images/icons_32/browser.png);
}
#catalog_categorys #catalog_categorys_menu_programmiersprachen a{
	background-image: url(../../images/icons_32/brackets.png);
}
#catalog_categorys #catalog_categorys_menu_datenbanken a{
	background-image: url(../../images/icons_32/db.png);
}
#catalog_categorys #catalog_categorys_menu_email a{
	background-image: url(../../images/icons_32/mail.png);
}
#catalog_categorys #catalog_categorys_menu_werbung a{
	background-image: url(../../images/icons_32/burst.png);
}
#catalog_categorys li.second a{
	background-color: #f8f8f8;
}
#catalog_categorys .active a, #catalog_categorys a:hover{
	border: 1px solid #a8b4be;
	background-color: #e5f1fa !important;
	padding: 20px 20px 20px 70px;
}
#catalog_items{
	width: 540px;
	height: 413px;
	float: right;
	background: #fff;
	border: 1px solid #aaa;
	overflow: hidden;
	overflow-y: scroll;
}
#catalog_items .item{
	margin-left: 10px;
	width: 440px;
	cursor: pointer;
	margin-bottom: 10px;
}
#catalog_items .item:hover{
	background-color: #d8d8d8;
	border: 1px solid #888;
}
#catalog_items .item input{
	cursor: pointer;
}




/* DETAILS */
#detail_warning{
	background: #ccc url(../../images/icons_32/attention.png) no-repeat 20px center;
	padding: 1px 8px 1px 70px;
	font-size: 14px;
	margin-bottom: 40px;
}
#details.inactive{
	opacity: 0.9;
}
#details h2{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
}
#details h2 a{
	text-decoration: none;
}
#details h2 span{
	color: #ccc;
	font-size: 26px;
	font-weight: normal;
}
#details h3{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 16px;
	margin: 20px 0 5px 0;
}
#details p{
	margin: 0;
	width: 640px;
}
#details p.description{
	font-size: 14px;
	width: 1000px;
	margin-bottom: 20px;
}
#details_features{
	min-height: 500px;
}
#details #leftmenu{
	position: relative;
	width: 300px;
	border: 1px solid #ededed;
	font-size: 14px;
	padding: 0;
	text-shadow: none;
	float: left;
}
#details #leftmenu ul{
	list-style: none;
	margin: 0;
}
#details #leftmenu a{
	display: list-item;
	margin-left: -40px;
	padding: 20px 20px 20px 70px;
	background: #fff url(../../images/icons_32/arrow_r.png) no-repeat 19px center;
	border: 1px solid #fff;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	color: #222;
}
#details #leftmenu #menu_allgemein a{
	background-image: url(../../images/icons_32/info.png);
}
#details #leftmenu #menu_upload a{
	background-image: url(../../images/icons_32/arrow_top.png);
}
#details #leftmenu #menu_domain a{
	background-image: url(../../images/icons_32/browser.png);
}
#details #leftmenu #menu_programmiersprachen a{
	background-image: url(../../images/icons_32/brackets.png);
}
#details #leftmenu #menu_datenbanken a{
	background-image: url(../../images/icons_32/db.png);
}
#details #leftmenu #menu_email a{
	background-image: url(../../images/icons_32/mail.png);
}
#details #leftmenu #menu_werbung a{
	background-image: url(../../images/icons_32/burst.png);
}
#details #leftmenu li.second a{
	background-color: #f8f8f8;
}
#details #leftmenu .active a, #details #leftmenu a:hover{
	border: 1px solid #a8b4be;
	background-color: #e5f1fa !important;
	padding: 20px 20px 20px 70px;
}
#details #leftmenu a a{
	text-decoration: none;
	color: #262626;
}
#details #leftmenu a span{
	color: rgb(110, 110, 110);
	font-size: 12px;
}
#details .center{
	position: relative;
	width: 700px;
	font-size: 14px;
	padding: 0;
	text-shadow: none;
	float: right;
	display: block;
	margin-bottom: 50px;
}
#details .center.viewit{
	display: block;
}
#details .decriptionbox{
	font-size: 16px;
	margin-bottom: 50px;
}
#details .box{
	width: 300px;
	float: left;
	margin: 0 35px 40px 0;
}
#details .box h3{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: url(../../images/icons_16/round_arrow_right.png) no-repeat;
	color: #333;
	text-decoration: none;
}
#details .box.goto h3{
	background: url(../../images/icons_16/round_arrow_right.png) no-repeat;
}
#details .box.compare h3{
	background: url(../../images/icons_16/arrow_two_head.png) no-repeat;
}
#details .box.phpinfo h3{
	background: url(../../images/icons_16/info.png) no-repeat;
}
#details .box.media h3{
	background: url(../../images/icons_16/preso.png) no-repeat;
}
#details .box a{
	text-decoration: none;
}
#details .box p{
	margin: 0;
	color: #666666;
	width: auto;
	font-size: 14px;
	text-decoration: none;
}
#details .center .uptimewert{
	width: 150px;
	height: 50px;
	font-size: 50px;
	padding-top: 10px;
	margin-right: 20px;
	text-align: right;
	border: none;
}
#details .center .uptimewert p{
	color: #373737;
	font-size: 50px;
}
#details .center .uptimetxt{
	width: 475px;
}

#details table{
	width: 640px;
	float: left;
	margin: 0 35px 40px 0;
	border-collapse: collapse;
}
#details table tr{
	height: 30px;
}
#details table tr.first{
	background: #eee;
}
#details table tr.second{
	background: #f9f9f9;
}
#details table tr:hover{
	background: #ddd;
}
#details td{
	padding: .7em 1em;
	width: 50%;
}
#details table span.yes{
	background: url(../../images/icons_16/checkbox_checked.png) no-repeat;
	padding-left: 22px;
}
#details table span.no{
	background: url(../../images/icons_16/checkbox_unchecked.png) no-repeat;
	padding-left: 22px;
}
#details .notes{
	font-size: 12px;
}

#details #links{
	clear: both;
}
#details #links .box{
	width: 230px;
}
#details #links .disabled{
	opacity: 0.5;
	cursor: normal;
}

#details #zufriedenheit_big{
	clear: both;
	padding-top: 40px;
}
#details #zufriedenheit_bal{
	width: 1000px;
	height: 30px;
	background: #ccc;
	margin-bottom: 5px;
}
#details #zufriedenheit_min{
	height: 30px;
	background: #666;
	color: #eee;
	overflow: visible;
}
#details #zufriedenheit_big span{
	font-size: 12px;
}
#details #zufriedenheit_big h2 span{
	font-size: 26px;
}
#details #zufriedenheit_big .left{
	float: left;
}
#details #zufriedenheit_big .right{
	float: right;
	margin-right: 60px;
}

#details #meinungen{
	margin-top: 180px;
}
#details #meinungen h3{
	margin: 50px 0 20px 10px;
}
#details #meinungen p{
	margin: 0 0 20px 10px;
	font-size: 14px;
	width: 990px;
}
#details #meinungen div.comment{
	width: 960px;
	padding: 10px 10px 10px 20px;
	margin: 10px 0 0px 10px;
	clear: both;
	background: #f1f1f1;
}
#details #meinungen div.commentavatar{
	width: 70px;
	float: left;
	font-size: 12px;
	line-height: 2em;
}
#details #meinungen div.commentcontent{
	width: 855px;
	background: #fff;
	padding: 10px;
	float: right;
	height: auto;
	min-height: 90px;
}
#details #meinungen div.commentcontent p{
	width: 855px;
	margin-left: 0;
}
#details #meinungen div.comments_clear{
	clear: both;
	width: 100%;
}
#details #meinungen textarea{
	height: 80px;
	width: 990px;
	font: inherit;
}
#details #meinungen input{
	padding: 5px;
	width: 400px;
	font: inherit;
	border: 1px solid #ccc;
}
#details #meinungen input.button.goto{
	height: 40px;
	width: 130px !important;
	cursor: pointer;
	float: right;
}
#details #meinungen input.button.goto:disabled{
	opacity: 0.6;
}

#details #bewerten{
	margin-top: 80px;
}
#details #bewerten p{
	width: 980px;
}
#details #bewerten_box{
	text-align: center;
	margin-top: 30px;
}
#details #bewerten_box a, #bewerten_box span{
	background: #ccc;
	height: 32px;
	padding: 8px 10px 8px 10px;
	font-size: 19px;
	color: #777;
	text-decoration: none;
	margin-left: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#details #bewerten_box a.top{
	background: #ccc url('../../images/icons_32/hand_pro.png') 2px center no-repeat;
	padding-left: 42px;
}
#details #bewerten_box a.flop{
	background: #ccc url('../../images/icons_32/hand_contra.png') 2px center no-repeat;
	padding-left: 42px;
}
#details #bewerten_box a:hover{
	background-color: #aaa;
}
#details #bewerten_box img{
	border: none;
}
#details .mediabox{
	margin-bottom: 80px;
}
#details #details_screenshots img{
	margin-bottom: 50px;
}


#ergebnisse h2{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
}
#ergebnisse .suchergebnis{
	margin: 30px 0 0 0;
}
#ergebnisse .suchergebnis h3{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}
#ergebnisse .suchergebnis a{
	text-decoration: none;
}
#ergebnisse .suchergebnis h3 span{
	color: #ccc;
	font-weight: normal;
}
#ergebnisse .suchergebnis p{
	color: #666;
	font-size: 16px;
	margin: 0;
}


#directory a{
	text-decoration: none;
	color: inherit;
}
#directory .s0{
	font-size: 16px;
}
#directory .s1{
	font-size: 18px;
}
#directory .s2{
	font-size: 20px;
}
#directory .s3{
	font-size: 22px;
}
#directory .s4{
	font-size: 24px;
}
#directory .s5{
	font-size: 26px;
}


#compare{
	
}
#compare h2{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
}
#compare h3{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 5px 0;
}
#compare p{
	color: #333;
}
#compare table{
	width: 1060px;
	border-collapse: collapse;	
}
#compare tr{
	background: #FFF;
}
#compare table td:first-child{
	width: 200px;
}
#compare tr.row{
	background: #F9F9F9;
}
#compare td{
	text-align: left;			
	border-width: 1px;
  	border-style: solid;
}
#compare thead td{
	color: #555;
	background: #F0FBFF; 
	padding: .8em 1em;	
  	border-color: #D8EBF5 #D8EBF5 #B9DBEE #D8EBF5;	
}
#compare thead td img{
	display: none;
}
#compare thead td:hover img{
	display: inline;
}
#compare td{
	border-color: #EFEFEF;	
	padding: .7em 1em;	
}





#normal h2{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
	margin: 60px 0 0 0;
}
#normal h2:first-child{
	margin-top: 0;
}
#normal .box{
	margin: 10px 0 20px 0;
}
#normal h3{
	color: rgb(25, 128, 175);
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	margin: 18px 0 2px 0;
}
#normal a{
	text-decoration: none;
}
#normal h3 span{
	color: #ccc;
	font-weight: normal;
}
#normal p{
	color: #666;
	font-size: 16px;
	margin: 7px 0 7px 0;
}



#header{
	position: absolute;
	left: 50%;
	top: -5px;
	height: 10px;
	width: 1100px;
	margin-left: -550px;
	background: rgb(25, 128, 175);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#footer_line{
	font-size: 12px;
	background: rgb(25, 128, 175);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 20px;
	padding: 7px 10px 5px 10px;
	clear: both;
	width: 1100px;
	margin: 150px -20px 20px -20px;
}
#footer_line a{
	font-size: 12px;
	color: #262626;
	text-decoration: none;
}
#footer_line .left{
	float: left;
}
#footer_line .right{
	float: right;
}
#extrloader{
	width: 32px;
	height: 32px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: url(../../images/extr_loader.gif);
}