/* IE 5.5 + 6 PNG support fix */
span, #logo , #nav li, #nav li a.selected { 
	behavior: url(../pics/iepngfix.htc)
}

body
{
	margin:				0;
	font-size:			81.25%;
	color:				#444;
	background:			#FBFDFF url(../pics/bg-center.gif) repeat-x left 85px;
}

a
{
	text-decoration:	none;
	color:				#0084BF;
	outline:			none;
}
a:visited
{
	color:				#0084BF;
}
a:focus, a:hover
{
	color:				#EF6B00;
	text-decoration:	underline;
}
a.strong
{
	font-weight:		bold;
}

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

.preload_a_btn_dl {background: url(../pics/button-download-hoover.jpg);}

a.btn_dl:link, a.btn_dl:visited {
	color: #ffffff;
	text-decoration: none;
	background: url(../pics/button-download.jpg) no-repeat;
	border: 0px;
	width: 240px;
	height: 90px;
	display: block;
}
a.btn_dl:hover {
	background: url(../pics/button-download-hoover.jpg) no-repeat;
	display: block; 
}

.preload_servers_ad_1 {background: url(../pics/serverspot-ad-1_hover.jpg);}

a.servers_ad_1:link, a.servers_ad_1:visited {
	text-decoration: none;
	background: url(../pics/serverspot-ad-1.jpg) no-repeat;
	width: 240px;
	height: 300px;
	display: block;
}
a.servers_ad_1:hover {
	background: url(../pics/serverspot-ad-1_hover.jpg) no-repeat;
	display: block; 
}

/* --------------------------------------- */
/* MENÜ TOP */
/* --------------------------------------- */

div.floated {
	width: 400px;
	float: left;
	margin-left: 1em;
}

div#myOtherElement {
	width: 200px;
	height: 20px;
	overflow: hidden;
	border: 1px solid black;
	background-color: #f9f9f9;
}

div#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 0 3px;
}

div#myOtherElement a:hover {
	background: #f5f5f5;
}


/*****************************************************************************
 * Structure
 */

 /*
#nav
{
	width: 100%;
	height:				161px;
	margin-bottom:		1.5em;
	/*background:			#000 url(../pics/bg-top.gif) repeat-x left top;*/
	background:			#000 url(../pics/logo-top.jpg) no-repeat left top;*/

}
*/

#logo
{
	position:			absolute;
	margin:				0;
	padding:			0;
	top:				0px;
	left:				0px;
	width:				950px;
	height:				160px;
	background:			url(../pics/logo_top_center.png) no-repeat left;
}
#logo a
{
	display:			block;
	width:				100%;
	height:				100%;
	font-size:			0;
	text-indent:		-1000px;
}


.footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FBFDFF url(http://www.serverspot.de/img/bg_footer.jpg) repeat-x scroll left top;
clear:both;
margin-top:50px;
padding-top:5px;
color: #9C9C9C;
text-align:right;
min-height:150px;
}

.footer a {
text-decoration:underline;
color:#9C9C9C;
}

.footer a:hover{
color:#000000;
text-decoration:none;
}

.footer p{
color:#333333;
margin:0;
padding:5px 15px;
text-align:right;
}

.footer p span{
color:#999999;
display:block;
float:left;
font-weight:normal;
text-align:left;
}
/*****************************************************************************
 * Elements
 */

h1, h2, h3, h4, h5, h6
{
	font-weight:		normal;
}
h2 a, h3 a, h4 a,
h2 a:link, h3 a:link, h4 a:link
{
	text-decoration:	none;
	color:				inherit !important;
}
h1
{
	font-size:			218%;
}
h2
{
	font-size:			164%;
	border-bottom:		1px solid #eee;
	font-weight:		bold;
	color:				#0084BF;
}
h2 a
{
	color:				#0084BF;
}
h3
{
	font-size:			145%;
	border-top:			1px solid #eee;
	margin-top:			0.6em;
	padding-top:		0.4em;
	margin-top:			1em;
	font-weight:		bold;
	color:				#444;
}
h3 a
{
	color:				#444;
}
h4
{
	margin-top:			0.6em;
	padding-top:		0.4em;
	border-top:			1px solid #eee;
	font-size:			118%;
	font-weight:		bold;
	color:				inherit;
}

pre
{
	overflow-x:			auto;
	background-color:	#f5f5f5;
	border-top:			1px solid #eee;
	border-bottom:		1px solid #eee;
	padding:			10px;
	width:				600px;
	max-height:			500px;
}

p img
{
	margin:				0.5em 1em 0.5em 0;
}

p + p
{
	margin-top:			-.75em;
}

/**
 * fancy-type.css
 */
.alt {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}

ul.inline,
ul.tags,
ul.trackbacks
{
	list-style:			none;
	margin:				0;
	display:			inline;
}
ul.trackbacks
{
	display:			block;
	max-height:			200px;
	overflow:			auto;
}
ul.inline li,
ul.tags li,
ul.trackbacks li
{
	padding:			0 .3em;
	display:			inline;
}
ul.tags li,
ul.trackbacks li
{
	padding:			0.2em 0 0.2em 28px;
	font-size:			0.9em;
	background:			url(../pics/ico-tag.png) no-repeat 8px 50%;
}
ul.trackbacks li
{
	background-image:	url(../pics/ico-link.png);
	display:			block;
	font-size:			1em;
}

ul.pagination li
{
	border-right:		1px solid #eee;
}
ul.pagination li.last
{
	border-right:		none;
}

#tagged
{
	border-top:			1px solid #eee;
	padding-top:		0.75em;
	margin:				2em 0 1em 0;
}
#share
{
	margin:				1em 0;
}

p.large
{
	font-size:			1.5em;
	line-height:		1.5em;
}
p.big-teaser
{
	font-size:			2em;
}

.left
{
	float:				left;
}
.right
{
	float:				right;
}

#sort
{
	margin-bottom:		1em;
}

.panel-right
{
	float:				right;
	margin-left:		0.75em;
	font-size:			0.9em;
	line-height:		1.4em;

}
#footer .colborder
{
	border-color:		#444;
}
#footer h4
{
	color:				#bbb;
	margin-top:			0;
	padding-top:		0;
	border:				none;
}
#footer ul
{
	font-size:			0.9em;
	line-height:		1.68em;
	margin:				0;
	list-style:			none;
}
#footer li
{
	display:			block;
	padding:			0 0 0 20px;
	border-bottom:		1px solid #444;
}
#footer .recent-comments li
{
	background:			url(../pics/ico-comment.gif) no-repeat 0px 50%;
}
#footer .recent-posts li
{
	background:			url(../pics/ico-post.gif) no-repeat 0px 50%;
}
#footer .recent-logs li
{
	background:			url(../pics/ico-post.gif) no-repeat 0px 50%;
}
#footer li a
{
	text-decoration:	none;
}
#footer li span
{
	font-size:			0.8em;
	line-height:		1.875em;
}


#deck h4
{
	color:				#444;
	border-top:			1px solid #eee;
	padding-top:		0.4em;
	margin-bottom:		0.6em;
}
#deck a.selected
{
	font-weight:		bold;
}
#deck ul
{
	margin-left:		1.5em;
	margin-right:		0;
	list-style:			none;
}

#deck input.text
{
	padding:			2px 4px;
	margin:				0;
	width:				130px;
}
#deck .submit
{
	margin-left:		0.5em;
	padding:			0 4px;
}
#deck label
{
	font-weight:		normal;
	font-size:			0.9em;
	display:			inline;
}


#sbi
{
	background:			#fff url(http://www.google.com/coop/intl/en/pics/google_custom_search_watermark.gif) no-repeat center;
}
#sbi:focus
{
	background-image:	none;
}


label
{
	display:			block;
}
label span
{
	display:			block;
}

/* TUMBLR */

div.post,
div.project
{
	margin-bottom: 1.5em;
}

/* TABELLE */

.vergleichstabelle {
	float:left;
	width:725px;
}

.osvergleich {
clear: both;
float: left;
list-style-type:none;
margin:0;
padding:0;
font-size:10px;


}

.osvergleich li.gerade,.osvergleich li.ungerade{
	border-bottom: 1px solid #fbfdff;
}

.versteckt{
	display: none;
}

.osvergleich li.gerade{
	background:#e9e9e9;
}
.osvergleich li.ungerade{
	background:#FBFDFF;
}
.osvergleich li.preis{
	background:#F5FAFF;
}
.osvergleich li.gerade:hover,.osvergleich li.ungerade:hover{
	background:#E0EFFF;
}
.osvergleich li.gerade:hover .pakethigh,.osvergleich li.ungerade:hover .pakethigh{
	background:#E0EFFF;
}


.osvergleich li.orderbutton{
	background:#FBFDFF;
	color:#3A7FC0;
	height:25px;
	margin-top:20px;
	padding:10px 0px;
}
.osvergleich li.orderbutton .paketname{
	float:right;
	width:125px;
	font-size:12px;
	text-align:center;
	color:#BEBEBE;
}

.osvergleich li.header .paketname{
	float: right;
	width: 142px;
	font-size: 15px;
	padding: 0px 10px;
	text-align: center;
	color: #BEBEBE;
}

.osvergleich li.header{
/*background:#FBFDFF url(../img/osicons/ok_blue.jpg) no-repeat scroll 10px top;*/
border-bottom:1px solid #3987C9;
color:#3A7FC0;
font-size:18px;
font-weight:bold;
height:25px;
line-height:20px;
margin-top:40px;
padding:10px 0 10px 10px;
}

.osvergleich li.showbox,.osvergleich li.showbox:hover{
	background:#FBFDFF;
	padding:5px;
}
.osvergleich .description{
	padding: 5px 10px;
	width:340px;
	height: 19px;
	float:left;
	line-height:15px;
}
.osvergleich .paketwert{
	float: left;
	text-align: center;
	font-size: 12px;
	height: 20px;
	padding: 10px;
	font-weight: bold;
	color: #484848;
}

.free_gerade {
	background:#e4e4e4;
}

.free_ungerade {
	background:#f2f2f2;
}

.basic_gerade {
	background:#CFE5FF;
}

.basic_ungerade{
	background:#DFEEFF;
}

.powerplus_gerade{
	background:#D8EFC2;
}
 
.powerplus_ungerade{
	background:#e7f0dd;
}

.osvergleich .paketimg{
	width:140px;
	padding:10px 0px;
	height:100px;
}
.osvergleich .pakethigh{
	background:#F4F4F4;
}

.osvergleich b{
	font-size:11px;
}

.osvergleich li.last{
	border-bottom: 0px solid #aaaaaa;
}

.osvergleich a{
	color:#484848;
}
.osvergleich a:hover{
	color:#999999
}
.osvergleich .paketname a:hover{
	color:#fff;
	font-weight:bold;
}

/* BESTELL BUTTONS IN VERGLEICHSTABELLE */

.preloader_a_bestellen_free {background: url(../pics/tabelle_preise_free_hover.jpg);}

a.a_bestellen_free:link, a.a_bestellen_free:visited {
	display: block;
	width: 90px;
	height: 126px;
	background: url(../pics/tabelle_preise_free.jpg) no-repeat center right;
	text-align: left;
}
a.a_bestellen_free:hover {
	background-image: url(../pics/tabelle_preise_free_hover.jpg);
}

.preloader_a_bestellen_basic {background: url(../pics/tabelle_preise_basic_hover.jpg);}

a.a_bestellen_basic:link, a.a_bestellen_basic:visited {
	display: block;
	width: 90px;
	height: 126px;
	background: url(../pics/tabelle_preise_basic.jpg) no-repeat center right;
	text-align: left;
}
a.a_bestellen_basic:hover {
	background-image: url(../pics/tabelle_preise_basic_hover.jpg);
}

.preloader_a_bestellen_powerplus {background: url(../pics/tabelle_preise_powerplus_hover.jpg);}

a.a_bestellen_powerplus:link, a.a_bestellen_powerplus:visited {
	display: block;
	width: 90px;
	height: 126px;
	background: url(../pics/tabelle_preise_powerplus.jpg) no-repeat center right;
	text-align: left;
}
a.a_bestellen_powerplus:hover {
	background-image: url(../pics/tabelle_preise_powerplus_hover.jpg);
}




a.a_logo  {
display:block;
width: 130px;
height: 90px;
}
a.a_logo:hover  {
	background: url(http://www.serverspot.de/img/home_link.jpg) no-repeat right center;
}


.top_bg {
background:transparent url(http://www.serverspot.de/img/logo_strich.gif) repeat-x scroll right top;
height:100px;
}

.logo{
float: left;
width: 100px;
height: 100px; 
background: url(../pics/logo.jpg) no-repeat left top;
}
.logo_text{
display:block;
text-align:right;
padding: 20px 40px 0px 0px;
color:#FFF;
font-size:22px;
font-weight:bold;
}

.middlecontainer {
margin-left:auto;
margin-right:auto;
width:960px;
height:100%;
}

.navi {
background:transparent url(http://www.serverspot.de/img/nav.gif) repeat-x scroll right top;
height:39px;
border-bottom:1px solid #ACC9E5;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}

.navi a.mainmenu,.navi div.helpme{
padding: 0px 10px;
height:39px;
line-height:39px;
display:block;
float:left;
text-decoration:none;
font-size:13px;
color:#FFF;
font-weight:bold;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.serverspot.de/img/nav_trenner.gif) no-repeat scroll right 8px;
}
.navi a.last{
background:transparent
}

.navi div.helpme{
background: transparent;
display:block;
width:65px;
float:right;

}
.navi a.mainmenu:hover,.navi a.current{
background:transparent url(http://www.serverspot.de/img/nav_btn.gif) repeat-x scroll right top;
}
.navi a.last:hover,.navi div.helpme:hover{
background:transparent url(http://www.serverspot.de/img/nav_btn_last.gif) repeat-x scroll right top;
}

/* -------------------------------------------- MENU -------------------------------------------- */


#nav{
padding-top:9px;
}

/* ALLGEMEINER STYLE */
ul.dropdown,ul.dropdown li,ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 font-weight: bold; 
}
/* ALLGEMEINER STYLE für alle li */
ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 border-style: solid;
 border-width: 0px 0px 1px 0px;
 border-color: #fff #d9d9d9 #d9d9d9 #fff;
 background-color: transparent;
 color:#FFFFFF;
 margin-right:5px;
 height:30px;
 line-height:30px;
 zoom: 1;
}

ul.dropdown li.current {
background-color: #FBFDFF;
color: #4078A7;
border-width: 0px 1px 1px 1px;
 border-color: #d9d9d9 #d9d9d9 #fff #d9d9d9;
}

ul.dropdown li.current:hover {
padding: 0px 1px;
}

ul.dropdown li.hover,ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}


ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: -1px;
 z-index: 598;
 width: 100%;
}
/* alle unterpunkte untereinander */
ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



ul.dropdown li:hover {
background-color: #FBFDFF;
border-width: 0px 0px 1px 0px;
border-color: #d9d9d9 #d9d9d9 #fff #d9d9d9;
color: #4078A7;
}
ul.dropdown ul li:hover {
background-color: #EDEDED;
}

ul.dropdown li a:hover{
color: #4078A7;
}

ul.dropdown a{ display:block; line-height:30px; padding:0 10px;}
ul.dropdown a:link,ul.dropdown a:active,ul.dropdown a:visited{ color: inherit; text-decoration: none; }
ul.dropdown a:hover { color: #4078A7; }

ul.dropdown ul li a{ display:block; line-height:30px; padding:0 10px;}
ul.dropdown ul li a:link,ul.dropdown ul li a:active,ul.dropdown ul li a:visited{ color: #4078A7; text-decoration: none; }
ul.dropdown ul li a:hover { font-weight: bold; color: #4078A7; }


ul.dropdown ul {
width: 220px;
}

ul.dropdown ul li {
 font-weight: normal;
 overflow:hidden;
 background-color: #FBFDFF;
 border-width: 0px 1px 1px 1px;
 border-color: #d9d9d9 #d9d9d9 #d9d9d9 #d9d9d9;
 color: #4078A7; 
}

ul.dropdown ul li.current_2nd  {
 font-weight: bold;
 overflow:hidden;
 background-color: #FBFDFF;
 border-width: 0px 1px 1px 1px;
 border-color: #d9d9d9 #d9d9d9 #d9d9d9 #d9d9d9;
 color: #4078A7; 
}