/*
Theme Name: bluesky Systems
Theme URI: http://bluesky-systems.de/
Description: Layout im Corporate Design von bluesky Systems.
Version: 1.0
Author: Tilo Schröder
Author URI: http://bluesky-systems.de/
Tags: blue, fixed width, right sidebar

	The CSS, XHTML and design is NOT FREE.

*/


/* HTML vorbereiten */ 
:focus {outline:0;}
body {
	font-family:arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	font-size: 100.01%; 
	background: #dfdfdf url('./img/bg-body.gif') repeat-x;
}

* {
	margin: 0;
	padding: 0;
}

abbr, acronym {border-bottom: none;}

q { quotes:"\00BB" "\00AB" "\203A" "\2039";  }
q:before { content:open-quote; color:#004da5;}
q:after { content:close-quote; color:#004da5; }

code { 	font-family:Courier, Helvetica, sans-serif;}

.mark {}
.ilink {vertical-align: middle; width: 16px; height: 14px;}

img { border:none;}

ul, ol { margin: 0;}

a:hover, a:focus, a:active {text-decoration: none;}

#skip a:link, #skip a:visited {
	position:absolute;
display:inline;

overflow:hidden;
	left: 0px;
	top: -1000px;
}

#skip a:active, #skip a:hover, #skip a:focus {
	width: 99%;
	position:absolute;
        top: 10px;
	font-size: 1.2em;
	background:#006cc3;
	color: #fff;
	padding: 0 1em;
}

#skip ul {list-style: none;}

.hidden {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height:0px;
	overflow:hidden;
} 
*

#container {
	position:relative;
	text-align:left;
	width:790px;
	margin:3em auto !important;
	margin: /**/1em auto;
	margin /**/:1em auto;
	background: #fff;
	border: 2px solid #006dc4;
	padding-left: 1em;
}


/* Logo- und Service-Bereich */ 

#logo {
	margin:  .5em 0 1em 0;
	padding:0 0 .5em 0;
	float: left;
}

.service ul {
}

.service {
	float: right;
	margin: 1em 0 0 0;
	font-size:.8em;
}

.font li, .service li {
	float: left;
	list-style: none;
	margin-right: 1em;
	color: #000;
	clear: none;
        line-height: 1.4em;
}

.service a:link,
.service a:visited {
	padding: 0 .3em;
	color:#006dc4;
	text-decoration:none;
}

.service a:hover,
.service a:focus,
.service a:active {
	background:#006dc5;
	color:#fff;
        border-bottom: 1px solid #006dc5;
}
.service .current_page_item {color: #309010;}
.font {clear: right; }

.service ol  {	margin:0; padding:0; float: left;}
.service ol li {float: left;}



.fll {float: left; padding-right: 1em; }
.fb {border: 1px solid #006dc4;}





/* Haupt- und Unternavigation */ 

#banner-bg {
	float: left;
	width:460px;
	height:120px;
	background-repeat: no-repeat;
}

.bg-banner-01 {	background-image: url('./img/banner_01.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-02 {	background-image: url('./img/banner_02.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-03 {	background-image: url('./img/banner_03.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-04 {	background-image: url('./img/banner_04.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-05 {	background-image: url('./img/banner_05.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-06 {	background-image: url('./img/banner_06.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-07 {	background-image: url('./img/banner_07.jpg'); border-bottom: .5em solid #69d626;}
.bg-banner-404 {	background-image: url('./img/banner_error.jpg'); border-bottom: .5em solid #69d626;}

 ol#nav {
    width: 265px;
    float: right;
    margin: 0; 
    padding: 0;
    text-transform: lowercase;
    text-align: right;
    border-left: 1px solid #d5d5ff;
    border-bottom: 1px solid #d5d5ff;
    overflow: hidden;
	background: url('./img/nav_bg.gif') repeat-y;
  }


  ol#nav li {
    list-style: none;
    margin: 0; 
    padding: 0 1em 0 0;
    height: 1%;
    line-height: 2em;
  }

  ol#nav li ul {
    margin: 0 ; padding: 0;
	background: #fff url('./img/subnav_bg.gif') repeat-y;
  }

  ol#nav li ul li {
    margin:  0;
	padding-right: 2em;
	font-size: .85em; 
	line-height: 2.3em;
  }


#nav .page_item {border-top: 1px solid #d5d5ff;}

  ol#nav li ul li {font-style: italic; }


  ol#nav a {
    display: block;
    text-decoration: none; 
    font-weight: bold;
    color: #006dc4; 
  }


  ol#nav a:hover {
    color: #64c828; 
  }

 ol#nav li a:link,
 ol#nav li a:visited  {
    color: #006dc4; 
}

ol#nav li a:hover,
ol#nav li a:focus,
ol#nav li a:active
  {
    color: #40a000; 
text-decoration: underline;
}

 .current_page_parent {
    color: #006dc4; 
    font-style: italic;
  }

.current_page_item {
    color: #208000; 
/*    color: #50b020; */
  }

/* Inhaltsbereich */ 

#content {
	clear: both;
	margin: 0;
	padding:0 1em 3em 0;
}

.breadcrumb {
	font-size: .7em;
	margin: 2em 0 3em;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #006dc4; 
	text-decoration: none;
	padding: 0 3px;
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	background:#006ec4;
	color:#fff;
        border-bottom: 1px solid #006dc5;
}
.bc_img {width: 18px; height: 13px; vertical-align: middle;}

.contentrahmen { width: 450px; float: left;}

#maincontent{
	width: 450px;
	padding: 1em 0 1em 0;
	float: left;
	overflow: auto;
	font-size:0.9em;
        margin: 0 0 .5em .7em;
        border: none;
}


#rahmen {margin: 2em 2em 2em 0; }


#maincontent h1 {font-size: 1.4em; background: url('./img/ref_h1.gif') no-repeat;  color: #004da4; margin-bottom: 2em;}
#maincontent h2 {font-size: 1.2em; color: #004da4;}
#maincontent h3 {font-size: 1em; color: #004da5; font-style: italic;}
#maincontent h4 {font-size: .9em;color: #004da5;}


#maincontent a:link,
#maincontent a:visited {
	padding: 0 .3em;
	color: #006dc4;
	text-decoration:none;
}
#maincontent a:hover,
#maincontent a:focus,
#maincontent a:active {
	background:#006dc6;
	color:#fff;
        border-bottom: 1px solid #006dc5;
}

#maincontent img.elink {border: none; padding:0; height: 13px; width:13px; vertical-align: middle;}
#maincontent img.email {border: none; padding:0; height: 13px; width:15px; vertical-align: middle;}

#maincontent .contentnews ul li,
#maincontent .text ul li,
#maincontent .formular ul li
 {list-style: url('./img/listb.gif');}

/* Klassen für die Meldungen */ 

.right {text-align: right;}

.green {color: green;}

.red {color: red;}

.small {font-size: 8pt; color: gray;}

/* normaler Text */
.text {margin: 0 1em 2.5em 0; clear: both;}
.text p {font-size: .95em; margin: 1em 0; line-height: 1.4em;}

.text h2 {margin: 1em 0;}

.text ul {font-size: .9em; margin: .5em 0 1em 2em;}
.text ol {font-size: .9em; margin: .5em 0 1em 2em;}


/* Graue Box */ 

div.box {
	background-color: #F4F3F3;
	border: 1px solid #E1E1E1;
	width: 95%;
	padding: .5em;
	margin: 2em 0 3em 0;

}

.box fieldset {border: none;}
.box ul {list-style: none; font-size: .8em;}
.box li {float: left; margin-left: 1em;    line-height: 2em;}


/* Tabellen */ 

table {margin-bottom: 3em; width: 99%; border-collapse:collapse; text-align: left; }

th {
	font-size: .9em;
	padding:.4em;
}

thead th {
	border-top: 1px solid #006dc4;
	border-bottom: 1px solid #006dc4;
	background: #f3f9fc;
	font-weight: bold;
}

tbody th {
	font-weight: normal;
}


th a,
th a:visited {color: #006dc4; text-decoration: none;}

th a:hover,
th a:focus,
th a:active {color: #006dc4; border-bottom: 1px solid #006dc4;}

tbody td {font-size: .8em; padding: .4em;}

tbody td img {margin-right: 1em;}

tbody td a,
tbody td a:visited {
	color: #0060b0;
	text-decoration: none;
}

tbody td a:hover,
tbody td a:focus,
tbody td a:active {
	color: #0060b0;
	border-bottom: 1px solid #0060b0;
}

.tr1 {background-color: #fff; vertical-align: middle; border-top: 1px solid #e5f1f8; border-bottom: 1px solid #e5f1f8;}

.tr2 {background-color: #f6fcff; vertical-align: middle;}

.tr3 {background: #fff url('./img/ref_h3.gif') no-repeat; border-top: 1px solid #f5f5ff; border-bottom: 1px solid #e5f1f8; font-weight: bold; font-size: 1.2em;}


.rate {font-size: 1.4em; font-weight: bold; color:#208000;}

.domain {font-weight: bold;}

.drate {font-weight: bold; color:#208000;}

.tipp {vertical-align: super; font-weight: bold; font-size: .8em; color: #006dc4;}

/* Layout für Newsboxen  */

.contentnews { width: auto !important; background: #fff url('./img/ref_bg.gif') no-repeat bottom right; height: auto; padding: 1em; margin: 1em 0 0 0; border: 1px solid #e5f1f8;}

.contentnews h2 {background: url('./img/ref_h3.gif') no-repeat; margin-bottom: 1em; }

.contentnews img {padding: 1px; border: 3px solid #e5f1f8; margin: 0;}

.contentnews p  {margin: .7em 0; line-height: 1.4em; }
.contentnews strong  {background: #e5f1f8; padding: 3px;color: #004da4;}
.contentnews a:link, .contentnews a:visited {	padding: 0 .3em;
	color:#006dc4;
	text-decoration:none;
}

.contentnews a:hover, .contentnews a:focus, .contentnews a:active {background:#006dc3;
	color:#fff;
	border-bottom: 1px solid #006dc3;}

.contentnews .postdate,
.text .postdate
 {font-size: .8em; margin:0; padding: 0; border-top: 1px solid #e5f1f8; border-bottom: 1px solid #e5f1f8; }

.offers {margin-bottom: 1.5em; padding: .5em 1em; width: 410px; font-size: .9em; overflow:hidden;}
.offers #system1 {float: left; background: #fff url('./img/ref_bg.gif') no-repeat bottom right; margin: 1em 0; padding: .5em; border: 1px solid #e5f1f8;}
.offers #system2 {float: right; background: #fff url('./img/ref_bg.gif') no-repeat bottom right; margin: 1em 0; padding: .5em;  border: 1px solid #e5f1f8;}

.offers ul#system1 li,
.offers ul#system2 li
{list-style: none;
margin: 0;
line-height: 1.7em;
}

.moreinfo {margin: 1em 0 0 3em;}

.mo {clear: both; margin: 1em 0; width: 430px; }
.mo h2 {margin: 1em 0;}

ul.tags {list-style: none;}
.tags .tag1 {font-size: 80%; color: #006dc4; float: left; margin: 0 1em;}
.tags .tag2 {font-size: 100%; color: #006dc4; float: left; margin: 0 .5em;}
.tags .tag3 {font-size: 130%; color: #006dc4; float: left; margin: 0 1em;}
.tags .tag4 {font-size: 160%; color: #208000; float: left; margin: 0 .5em;}
.tags .tag5 {font-size: 190%; color: #40a010; float: left; margin: 0 1em;}
.tags .tag6 {font-size: 220%; color: #006dc4; float: left; margin: 0 .5em;}
.tags .tag7 {font-size: 250%; color: #64c827; float: left; margin: 0 1em;}
.tags .tag8 {font-size: 270%; color: #004da5; float: left; margin: 0 .5em;}


/* Layout für Referenzen */

.referenz { width: auto !important; background: #fff url('./img/ref_bg.gif') no-repeat bottom right; height: auto; padding: 1em; margin: 1em 0 0 0; border: 1px solid #e5f1f8;}

.referenz h2 {text-transform: lowercase; background: url('./img/ref_h3.gif') no-repeat; margin-bottom: 1em;}

.referenz img {padding: 1px; border: 3px solid #e5f1f8; margin: 0;}

.referenz .right {float: right; margin-left: 1em;}
.referenz .left {float: left; margin-right: 1em;}
.referenz .refd {line-height: 1.3em; }
.referenz .rlink {clear:both; margin-bottom: 1em; padding-top: 1em;}
.referenz em { font-style: normal; font-weight: bold;  font-size: .9em; line-height: 1.7em; }

.referenz a:link, .referenz a:visited {	padding: 0 .3em;
	color:#006dc4;
	text-decoration:none;
}

.referenz a:hover, .referenz a:focus, .referenz a:active {background:#006dc3;
	color:#fff;
        border-bottom: 1px solid #006dc3;}



/* Liste in der Legende */ 

#legende ul {margin: 1em 0 3em 2em; font-size: .8em; list-style: none;}
#legende li {padding-top: .5em;}
#legende h3 {font-size: .9em; margin: 1em 0 .5em 0; padding:0 0 5px 0; }


/* Liste für Kontaktdaten */

#maincontent .text ul.imp_li li {list-style: none; line-height: 3em; margin-left: -2em;}



/* FAQ-Style */ 

ul.faq, ol.faq {list-style: none; font-size: .9em;}

.faq li a, .faq li a:visited {color: #000; text-decoration: none; border-bottom: 1px solid #fff;}

strong.faq, .faq li a:hover, .faq li a:focus, .faq li a:active {color: #fff;background: #129ad5; border-bottom: 1px solid #129ad5;}

img.faq {margin-top: 10px;}


/* Formulare */ 

div.formular {
width: 410px; padding: 1em; margin: 1em 0 3em 0;
	border: 1px solid #e5f1f8;
	background: #fff url('./img/ref_bg.gif') no-repeat bottom right; }

.formular p {
	margin: .5em 0;
	padding: .8em 0;
}

.formular fieldset {display: block; border: none;}
.formular legend {display: none;}

.formular label {
	float: left;
	width: 8em;
	text-align: right;
	padding: 0 .5em;
	font-size: .9em;
}

.formular .input {padding: 3px; width: 240px; border: 1px solid #006dc4;}
.formular .subject {padding: 3px; width: 246px; border: 1px solid #006dc4;}
.formular .text {padding: 3px; width: 240px; border: 1px solid #006dc4;}
.formular .submit {width: 248px; border: 1px solid #006dc4; padding: 3px; background: #e5f0f7;}

.formular .formerror {font-weight: normal; color: red;}

.formular input,
.formular select,
.formular textarea {
	margin-left: 1em; font-size: 1em;
}

.formular small {font-weight: normal;}

.formular ul {margin-left: 3em;}



div.bestellung {
width: 410px; padding: .5em; margin: 1em 0 3em 0;
	border: 1px solid #e5f1f8;
	background: #fff url('./img/ref_bg.gif') no-repeat bottom right; }

.bestellung fieldset.order {
	border: none;
}

.bestellung legend.order {
	display: none;
}

.bestellung p {
	margin: .25em 0;
	padding: .4em 0;
}

.bestellung .format {clear: both; margin-left: 8em; font-size: .7em;}

.bestellung fieldset {display: block; border: 1px solid #e5f1f8;}
.bestellung legend {background: #006dc4 ; color: #fff; padding: .15em; margin: .25em 0; font-size: .8em;}

.bestellung label {
	float: left;
	width: 8em;
	text-align: right;
	padding: 0 .5em;
	font-size: .9em;
}

.bestellung .input {padding: 3px; width: 240px; border: 1px solid #006dc4;}
.bestellung .subject {padding: 3px; width: 246px; border: 1px solid #006dc4;}
.bestellung .text {padding: 3px; width: 240px; border: 1px solid #006dc4;}
.bestellung .submit {width: 248px; border: 1px solid #006dc4; padding: 3px; background: #e5f0f7;}

.bestellung .formerror {font-weight: normal; color: red;}

.bestellung input,
.bestellung select,
.bestellung textarea {
	margin-left: 1em; font-size: 1em;
}
.bestellung label small {text-align: left;}

.bestellung small {font-weight: normal;}

.bestellung ul {margin-left: 3em;}



/* Domainabfrage */

.registered {padding: 1em 1em 1em 3em; background: #ffeeee url('./img/button_registered.jpg') no-repeat center left;}
.available {padding: 1em 1em 1em 3em; background: #effecf url('./img/button_available.jpg') no-repeat center left;}
.waiting {padding: 1em 1em 1em 3em; background: #e1eef1 url('./img/ajax-loader.gif') no-repeat center left;}


/* Rechte Boxen */

.rightbox {
	float: right;
	width: 267px;
        margin: 2em 0 2em 0;
}

.rbox {
	margin: 1.4em 0 0 0;
	background:#fff url('./img/rbox_bg.gif') no-repeat bottom right; 
	padding: .6em 1em .6em 1em;
	border: 1px solid #006dc4;
        overflow: auto;
}


.rbox h4{
	color:#004da4;
	text-transform: lowercase;
	font-size: 1.3em;
	padding:0 0 5px 0;
	background: url('./img/rbox_h3.gif') no-repeat;
	margin-bottom: 1em;
        font-size: 1em;
}

.rbox ul li, .rbox p {
        list-style: none;
	font-size: .8em;
}

.rightbox .rbox .aktuell li {
	margin-bottom: .4em;
        margin-left: 1em;
        list-style: url('./img/listb.gif') outside;
}

.rbox small {margin-left: 4em; font-size: .75em; color: #222;}
.text .number,
.rbox .number {letter-spacing: .1em; font-weight: bold; white-space: nowrap; color: #006dc4;}
.contact  {line-height: 1.5em; }
.plink {margin-left: 1em; letter-spacing: .075em; }
.rbox .medium {letter-spacing: .075em; color: #fff; background:#006dc4; padding: .15em; margin-right: 1em; width: 4em; display: inline;}

.icon {vertical-align: middle; width: 16px; height: 16px; margin-right: 1em;}
.button {vertical-align: middle; width: 30px; height: 30px; margin-right: 1em;}

ul.contact li img {vertical-align: middle; margin-right: .5em;}

.rbox p a, .rbox p a:visited, .rbox li a, .rbox li a:visited  {
	padding: 0 .3em;
	color:#006dc4;
	text-decoration: none;
	}

.rbox li a:hover, .rbox li a:focus, .rbox li a:active,
.rbox p a:hover, .rbox p a:focus, .rbox p a:active  {
	background: #006dc3;
	color:#fff;
        border-bottom: 1px solid #006dc3;
	}

.rbox fieldset {border: none; vertical-align: bottom; }
.rbox legend {display: none;}
.rbox input {vertical-align: bottom;}

.rbox .domainname {padding: 3px; font-size: .8em; width: 7em; border: 1px solid #006dc4;}
.rbox .tld {padding: 3px 2px; font-size: .8em; border: 1px solid #006dc4;}
.rbox .check {margin-left: .5em;}




/*
.rbox input {padding: 3px; font-size: .7em; border: 1px solid #006dc4;}
.rbox select {font-size: .7em; border: 1px solid #006dc4; margin: 0;}
.rbox input[type=text] { width: 8em; padding: 3px; font-size: .7em; border: 1px solid #006dc4;}
.rbox select {width: 5em; padding: 3px; font-size: .7em; border: 1px solid #006dc4; margin-right: 1em;}
.rbox input[type=submit] {background: #f5f5ff; padding: 3px; font-size: .7em; border: 1px solid #006dc4;}
.rbox input[type=image] {border: none; width: 20px; height: 20px;}
*/

.rbox .accesskey  {letter-spacing: .075em; text-decoration: none; font-weight: bold; }
.rbox .ak {line-height: 1.2em;}




.rbox #banner  a:hover,
.rbox #banner a:focus,
.rbox #banner a:active
  {
	background: transparent;
        border-bottom: 0;
	}

.rbox #banner img {border:1px solid #e5f0f7;}

.rbox #banner img { padding: 0;  }



/* Fusszeile und Copyright */ 

#footer {
	border-top: #006dc4 1px solid;
	font-size: .75em;
	color: #000022;
	clear: both;
	padding: 1em 0;
}


.footer_left { 
	text-align: right;
	float: left;
	display: block;
}


.footer_left li {
	float: left;
	display: block;
	list-style: none;
	padding: 0 .5em;
        line-height: 1.4em;
}
.footer_left a:link,
.footer_left a:visited {
	padding: 0 .3em;
	color:#006dc4;
	text-decoration:none;
}
.footer_left a:hover,
.footer_left a:focus,
.footer_left a:active {
	background:#006dc6;
	color:#fff;
        border-bottom: 1px solid #006dc6;
}

.footer_left .loadingtime {color:#555;}

#footer img.top {border: none; vertical-align: middle;}

address {
	font-style: normal;
	float: right;
       color:#555;
}


img.leftfloat {float: left;}