@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#000000;
	color:#FFFFFF;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
}

#middle form fieldset .ocs_checkbox {
    margin-right: 5px;
    vertical-align: middle;
}

a {
	color:#444444;
	text-decoration:underline;
}

a:hover {
	color:#000000;
}

.navbtn a {
	text-decoration:none;
}

/* Global Design Tags */

h1 {
	font-size:18px;
    color: #000000;
}

h2 {
  color:#FFFFFF;
  height: 25px;
  font-size:12px;
  padding-top:5px;
}

h3 {
    color: #FF0000;
    font-size:18px;
    letter-spacing: 2px;
}

img {
	border:none;
}


ul {
	padding-left:30px;
}

ol {
    margin-top:10px;
	padding-left:40px;
}

ol li {
    padding-top:10px;
}

.index_ul {
    margin-top:10px;
	padding-left:40px;
}

.index_ul li {
    padding-top:10px;
}

fieldset {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #FF9900;
    padding: 10px;
    padding-top: 20px;
}

legend {
    border: 1px solid #FF9900;
    margin-left: 10px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}


.bar_highlight {
    height:14px;
    background-color:#bfdee4;
    background-color:#bfdee4;
    padding: 7px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.red {
    color: #BB0000;
}

.green {
    color: #00BB00;
}

.hint {
    margin-left: 10px;
    color: #555555;
    font-size: 9px;
}


#messages {
    background-color:#FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    left: 0px;
    width:535px;
    border:2px #009900 solid;
    padding:5px;
}

#messages_error {
    background-color:#FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    left: 0px;
    width:535px;
    border:2px #FF0000 solid;
    padding:5px;
}

.clear {
    clear: both;
}


/* Design-Tags header */

#headertop {
  top:0px;
  left:0px;
  height:46px;
  width:100%;
  z-index:-1;
  position:absolute;
  background-image:url('/images/headertop_light.gif');
  background-repeat:repeat-x;
}


#logo {
   	margin-top:30px;
	margin-left:20px;
	width:480px;
	height:100px;
	background-image:url('/images/logov2_light.png');
	background-repeat:no-repeat;
        float: left;
}

#ad_top {
	width:468px;
        height: 60px;
        float: right;
        margin-right: 20px;
        margin-top: 30px;
        padding-top: 40px;
}

/* Design-Tags centerall */
.centerall {
    width: 991px; 
    margin: 0px auto;
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */
}

/* Design-Tags left */

#left {
	margin-left:20px;
        margin-right: 20px;
	margin-top:20px;
	width:170px;
	color:#444444;
    background-color:#FFFFFF;
	border:1px solid #EBE6DB;
    background-image:url('images/topdiv_light.gif');
	background-repeat:repeat-x;
    float: left;
}

#left form label {
    float: left;
}

#left form br {
    clear: left;
}

#left form .input {
    width: 80px;
}


#left li a {
    text-decoration: none;
}


#left ul {
    margin: 0px;
    padding: 0px;
}

#left li {
    list-style-image: none;
    list-style-type: none;
    height: 20px;
    padding-top: 5px;
    padding-left: 10px;
    margin-left: 0px;
}

#left li img {
    margin-right: 5px;
}


#left ul .highlight {
    background-color: #bfdee4;
    font-weight: bold;
}

#left ul .border_top {
    border-top: 1px dashed #000000;
}

/* Login-Felder */
#left form {
    padding: 5px;
    padding-top: 0px;
    margin-bottom: 5px;
}

#left form label {
    margin-bottom: 5px;
}

#left form input {
    margin-bottom: 5px;
}


/* Design-Tags middle */

#middle {
	width: 572px;
	color: #990000;
	margin-top: 20px;
        float:left;
        margin-right: 20px;
}

#middle p {
    line-height: 25px;
}

#middle p label {
    width: 200px;
    float: left;
    font-weight: bold;
}

#middle p br {
    clear: left;
}


#middle form {
    margin-top: 10px;
    line-height: 20px;
    margin-bottom: 10px;
}


#middle form label {
    float: left;
    width: 125px;
    font-weight: bold;
    margin-bottom: 10px;
}

#middle form span label {
    width: auto;
    margin-right: 20px;
    float: left;
}


#middle form br {
    clear: left;
}

#middle form input {
    margin-bottom: 10px;
}

#middle form select {

}


#middle .content {
    width: 550px;
	background-color:#FFFFFF;
	padding:10px;
    padding-top:0px;
	color:#444444;
	font-size:12px;
    border:1px solid #EBE6DB;
    background-image:url('images/topdiv_light.gif');
	background-repeat:repeat-x;
    margin-bottom: 20px;
}

#middle .downloads {
    background-color:#FFFFFF;
    margin-top: 20px;
	width:500px;
    padding-top:0px;
	color:#444444;
	font-size:12px;
    border:1px solid #EBE6DB;
}


.hinweis {
    background-color:#FFFFFF;
    width:558px;
    border:2px #FF0000 solid;
    padding:5px;
    font-weight:bold;
    margin-bottom: 10px;
}


/* Design-Tags right */

#right {
	width:165px;
	background-color:#FFFFFF;
	margin-top:20px;
	border:1px solid #EBE6DB;
	padding-top:5px;
    padding-bottom:5px;
    background-image:url('images/topdiv_light.gif');
	background-repeat:repeat-x;
    margin-right: 20px;
    color:#444444;
    float:left;
}

#right h2 {
  margin: 5px;
  margin-left: 10px;
  margin-top: -5px;
}

#right .content {
	margin-bottom: 30px;
    padding-top: 5px;
    padding-left: 5px;
}

#right .content .head {
    background-color:#bfdee4;
	font-size:14px;
	font-weight:bold;
	color:#000000;
    margin-left: -5px;
    margin-bottom: 5px;
}

#right .content .head img {
    margin-right: 10px;
}


/* ########################## */

/* Design-Tags Merkliste */

#merken form label {
    width: 190px;
    margin-bottom: 5px;
}

#merken form input {
    margin-bottom: 5px;
}

#erweitert select {
    width: 1000px;
}


#merken #erweitert {
    display: none;
    margin-top: 10px;
}

#merken #erweitert br {
    margin-bottom: 10px;
}

#merken #erweitert select {
    width: 50px;
}

.listeneintrag {
	border-bottom:2px solid #FFFFFF;
	margin-left:20px;
	margin-top:5px;
	padding-bottom:5px;
}

.listeneintrag:hover {
    border-bottom: 2px solid #bfdee4;
}


.titelzeile a {
    text-decoration: none;
    font-weight: bold;
}

.titelzeile_erledigt a {
    color: #CECECE;
    text-decoration: none;
    font-weight: bold;
}

.listeneintrag .erweitern {
    float: left;
}

.listeneintrag .iconleiste {
    float: left;
    width: 87px;
}

.listeneintrag .iconleiste_eingang {
    float: left;
    width: 90px;
}

.listeneintrag .titel {
    width: 370px;
    float: left;
}

.listeneintrag .icon {
    width: 20px;
    float: left;
}

.listeneintrag .icon img {
    margin-left: 3px;
}

.listeneintrag admin {
    float: right;
}


.listeneintrag .admin img {
    margin-left: 5px;
}

.listeneintrag_erweitert {
    display: none;
    background-color:#bfdee4;
	border-bottom:2px solid #FFFFFF;
	margin-bottom:5px;
	margin-left:50px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
}

.listeneintrag_erweitert label {
    float: left;
    width: 100px;
    font-weight: bold;
    margin-bottom: 10px;
}

.listeneintrag_erweitert br {
    clear: left;
}

.listeneintrag_erweitert input {
    margin-right: 10px;
}

.listeneintrag_erweitert select {
    width: 50px;
}

.listeneintrag_erweitert br {
    clear: left;
    margin-bottom: 10px;
}

.listeneintrag_erweitert .ocs {
    margin-right: 10px;
}


/* */

.noerror {
	border:2px solid #009900;
	font-weight:bold;
	padding:5px;
	margin-bottom:10px;
	color:#000000;
}

.error {
	border:2px solid #FF0000;
	font-weight:bold;
	padding:5px;
	margin-bottom:10px;
	color:#000000;
}



form label {
	width:70px;
	float:left;
}





#stats {
	border-left:none;
	border-right:none;
	border-top:none;
	padding-top:6px;
	padding-left:31px;
	padding-bottom:6px;
}

#shop {
  margin-top:20px;
}


#shop .header {
    background-color:#bfdee4;
    height:25px;
    font-weight:bold;
}

#shop td
 {
    height: 15px;
    padding: 5px;
}

#premiumpartner {
    z-index:9999999;
    width: 900px;
    height: 635px;
    background-color:#FFFFFF;
    border: 3px solid #FF0000;
    padding: 5px;
    position: absolute;
    top: 180px;
    margin-left: -110px;
}

#premiumpartner hr {
    margin: 5px;
}


#ppiframe {
    width:800px;
    height:600px;
    border:0px;
}




#container {
	border-top:4px #FFFFFF solid;
	border-bottom:4px #FFFFFF solid;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
}

#container img {
	margin-right:5px;
}

#container .download .icon {
	width:20px;
	float:left;
}



.banner {
	margin-left:60px;
}

.download {
	border-bottom:2px solid #FFFFFF;
	margin-left:20px;
	margin-top:5px;
	padding-bottom:5px;
}

.download:hover {
	border-bottom:2px solid #bfdee4;
}

.download_admin {
	margin-left:20px;
	margin-top:-13px;
	float:right;
}

.download a {
	text-decoration:none;
}

.download a img {
	border:none;
}

.download_ext {
	background-color:#bfdee4;
	border-bottom:2px solid #FFFFFF;
	margin-bottom:5px;
	margin-left:50px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	display:none;
}

.download_ext p {
	line-height:20px;
}

.download_ext label {
	width:100px;
	float:left;
}

#buddylist {
	padding:5px;
	margin-top:30px; 
	overflow:auto; 
	height:200px; 
	border:1px solid #000000;
}

#buddylist .col_chkbox {
	padding-left:10px;
	float:left;
	width:20px;
	height:20px;
	clear:left;
}

#buddylist .col_alias {
	padding-left:10px;
	height:20px;
	float:left;
	width:270px;
}

#buddylist .col_uin {
	height:20px;
	float:left;
	width:100px;
	text-align:center;
}

#buddylist .col_del {
	float:right;
	width:50px;
	height:20px;
}

.kategorie {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	padding:10px;
	margin-top:10px;
}


.faq {
	margin-bottom:40px;
}

.clear {
	clear:both;
}

#extern_content {
	width:350px;
	height:170px;
	margin:20px;
	background-color:#D6D2D2;
	padding:10px;
	color:#990000;
}

.reminder {
    margin-top:20px;
    float:left;
}

.remind {
    margin-top:20px;
    margin-left:70px;
}

/* ########################## */

/* Design-Tags Detail-Seiten*/

.detail_cover {
    float:left; 
    margin-right: 10px; 
    padding-right: 10px; 
    margin-bottom: 10px; 
    border-right: 1px solid #000000;
}

.detail_text {

}