/*
Author: HD Plus
*/



/**
 * $Id: style.css,v 1.0 2009/10/22 10:47:13 jogy Exp $
 * HD+ 
 */
 
/***************************/
/* RESET MARGINS & PADDING */
/***************************/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}

img {border: 0;}

/**************/
/* TYPOGRAPHY */
/**************/

body {
  background: #000000 url('img/bg_02.jpg') no-repeat center top;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;     /* web safe fonts */
  font-size: 75%;    /* 12px */
  font-weight: normal;
  line-height: 150%;    /* 19.2px */



}

h1 {font-size:18px; font-weight: bold; padding: 12px 0 12px 0;}
h2 {font-size: 16px; font-weight: bold; padding: 10px 0 10px 0;}
h2 a:link {font-size: 16px; font-weight: bold; padding: 10px 0 10px 0; color:#FFF;}
.teasertext h2 a {font-size: 16px; font-weight: bold; padding: 10px 0 10px 0; color:#fff; text-decoration:underline;}
h3 {font-size: 14px; font-weight: bold; padding: 8px 0 8px 0;}
h4 { font-size: 1.1em;  font-weight: bold; padding: 6px 0 6px 0;}
h5 { font-size: 1em; font-weight: bold; padding: 4px 0 4px 0;}
h6 {font-size: 0.8em; font-weight: bold; padding: 2px 0 2px 0;}

.cl {clear: both;}

/*****************/
/* DEFAULT LINKS */
/*****************/

a {color: #fff; margin: 0; padding: 0; text-decoration: none;}

a:link, a:visited {color: #fff;}  

a:hover, a:active {text-decoration: underline;}

/**********/
/* LAYOUT */
/**********/

html {
  /* background: #F4F7E7;                               background & font color */
  color: #fff;
}

#page {margin: 0; width: 100%;}

p {
  font-size: 1em;
  font-weight: normal;
  line-height: 150%;
  margin: 0 0 15px 0;
  text-align:justify;
}

/*********/
/* Flash */
/*********/
#introHTML {margin:0; padding:0;	position:absolute; background-color: #000; height:700px;	width:1005px; z-index:333;}
#backHTML {left:0; top:0; position:absolute;	background-color: #000; height:100%; width:100%; z-index:300;}
/* #teaser {position:absolute; width:943px; height:304px; z-index:2;	left: 30px;	top: 254px;	} */
#centerstage{	background-color: #000; margin: 0 0 0 0px;}

/*********/
/* LISTS */
/*********/

ul {margin: 0.5em 0 1em; padding: 0;}

ol {margin: 0.75em 0 1.25em; padding: 0;}

ol li, ul li {margin: 0.4em 0 0.4em .5em;    /* LTR */}

ul.menu li, .item-list ul li {margin: 0.15em 0 0.15em 0.7em;    /* LTR */}

ul.menu ul, .item-list ul ul {margin-left: 0;}

ol li,
ul li,
ul.menu li, 
.item-list ul li,
li.leaf { margin: 0.2em 0 0.2em 0;  padding: 2px 0 2px 30px;    /* LTR */}

ul li,
ul.menu li,
.item-list ul li,
li.leaf {list-style-image: none; list-style-type: none;}

ul.menu li:hover, ul.menu li.active-trail {background: url('img/bg_menu_01.png') no-repeat left top; display: block;}

a.active-trail active {text-decoration: none;}

ol li {padding: 0 0 .3em; margin-left: 2em;    /* LTR */}

div.block ul {padding: 0 0 3px; 0}

ul.links li,
ul.links.inline { background: transparent;}


/* remove list styling on login block and taxonomy */
#user-login-form div.item-list ul li, div.terms ul li {list-style-type: none;  margin: 0;}

/* adjust openid link */
html.js #user-login-form li.openid-processed, 
html.js #user-login li.openid-processed {
  font-weight: bold;
  list-style-type: none;
  margin: 10px 0 0 -6px;    /* LTR */
  padding-left: 20px;    /* LTR */
  padding-top: 0.2em
}

#preface-wrapper div.block ul li {
  background: url('img/green-checkmark.png') no-repeat 0 0.222em;
  list-style-image: none;
  list-style-type: none;
  padding: 1em 0 0 2.222em;    /* LTR */
}

#preface-wrapper div.block ol li { list-style-image: none; padding: 2px 0;}

body.layout-main-last #sidebar-last li.leaf,
body.layout-main-last #sidebar-last ul.menu li,
body.layout-main-last #sidebar-last .item-list ul li,
#content-content .node ul li,
#content-bottom  ul li {
  
  list-style-image: none;
  list-style-type: none;
  padding-left: 1.666em;    /* LTR */
}

/*******************/
/* CUSTOM ELEMENTS */
/*******************/
.dealer-bg {
	background-color: #fff;
	padding: 5px;
	width: 500px;
	display: block;
}
.header-logo {height:125px; float: left; border: none;}

/*   receiverlist tabelle */
table.receiverlist {line-height: 14px; clear: both; display: block; width: 700px; border: 1px solid #ccc;}
table.receiverlist tr {width: 100%}
table.receiverlist thead {border-color: #333; width: 100%}
table.receiverlist th.first {width: 30%;}
table.receiverlist th.second {width: 70%;}
table.receiverlist th {background-color: #ccc; color: #333;}
table.receiverlist td, table.receiverlist th {padding: 5px 10px 5px 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: top; min-width: 200px;}
table.receiverlist td ul li {	margin:0; padding: 2px;}
table.receiverlist td ul {	margin:0; padding: 0; list-style: none; list-style-image: none;}

.site-map h2.title {	display: none;}
h4.content  {margin: 15px 0 0 0; padding: 15px 0 0 0;}
.not-front #introHTML, .not-front #centerstage, .not-front #backHTML {display: none; visibility: hidden;}

.flash-top {
width: 1004px;
height: 155px;
display: block;
}

.front #content-inner { padding: 0 30px 0 30px;}
body.front  {background: #000000 url('img/bg_03.jpg') no-repeat center top;} 

.flash-top {	background: url(img/header_02.jpg) no-repeat;}

h6.block-block  {color: #fff; font-weight: bold;}

#block-block-1 {
	/* background: url(img/bgcontent.png) no-repeat;  */

/* background: url(bgcontent.jpg) repeat-y; */
/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0b1824,endColorStr=#283746); */
float: left;
color: #8298b0;
width:940px;
line-height: 16px;
margin: 0 0 0 0;
padding: 0px 0px 0 0px;
/*border:1px solid #4d5e6d;
 height:500px; */

}

#block-block-4 {
background: url(img/startbox_01.png) no-repeat;
float: left;
color: #8298b0;
height: 114px;
width: 460px;
line-height: 16px;
padding: 1px 1px 0 1px;
overflow: hidden;
}
.teasertext {color: #fff; width: 930px; overflow: hidden; text-align: justify; margin: 5px 0 0 5px;}
.teasertext2 {color: #fff; height: 98px; width: 335px; overflow: hidden; text-align: justify;}

.sociable_tagline li {list-style-type: none;}

.verlauf {background: url(img/bg_verlauf_01.png) repeat-x; display: block; height: 17px; width: 944px; background-color: transparent;}

#edit-message, #edit-mail, #edit-name, #edit-subject {width: 500px; margin: 5px 0 5px 0;}

.captcha {width: 480px;}
.img-left { float: left; margin: 0 5px 5px 0; padding: 3px;}
.img-right { float: right; margin: 0 0 5px 5px; padding: 3px;}

/*  Receiver Table Elements */
.receiver {	font-size:11px; width: 100%;}
td.receiver {vertical-align: top;}
.table-headline {background-color: #000;}





/******************/
/* HEADER REGIONS */
/******************/

#header-wrapper {
  /* background-color: #fff; */
  padding-left: 0;    /* LTR */
}

#header {
  background-color: inherit;
  margin: 0 auto;
  padding: 0;
  width: 1004px;
}

#search-box {
  background-color: #E1E1E1;
  border: 1px solid #CCCCCC;
  float: right;    /* LTR */
  padding: 8px;
  position: relative;
  top: 0;
  width: 20em;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px; 
}

#search-box input#edit-search-theme-form-1 { width: 170px;}



#header-first {
  float: left;    /* LTR */
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  margin:0;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
  float: right;    /* LTR */
  margin: 0;
  width: 200px;
  height: 70px;
}

#header-first h1 {    /* site name link */
  font-size: 3em;
  line-height: 80%;
  margin: 10px 0 15px 0;
}

#header-first h1 a {    /* site name link */
  text-decoration: none;
}

#header-first #slogan {                          /* site slogan */
  display: hidden;
  font-size: 1.0em;
  margin: 4px 0;
}

#header-middle {
  float: left;
  margin: 10px 20px 0 0;    /* LTR */
  width: 230px;
}

#header-last {
  float: right;    /* LTR */
  margin: 10px 0 0;
  width: 300px;
}

#primary-menu-wrapper {
  margin: 0 auto;
  position: relative;
  display: block;
  width: 950px;
  height: 85px;
  padding: 0 30px 0 30px;
  z-index: 5;    /* fixes IE z-index bug */
}



/************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content) */
/************************/

#main-wrapper {
  height: 100%;    /* LTR */
  display: block;
  width: 1004px;
  margin: 0 auto;
}

#main {
  margin: 0 auto;
  height: 100%; 
  width: 974px;
  padding: 0 30px 0 0;
}

#main-wrapper a.active {color: #b6dbfc; text-decoration: none;}


/*******************/
/* CONTENT REGIONS */
/*******************/

#content-wrapper {float: left;    /* LTR */}

#content-top {margin: 0;}

#content {margin: 0;               /* default spacing between content regions */}

#content-inner {clear: left;}

#content-bottom {clear: both; margin: 0; padding: 0 30px 0 30px; width: 944px;}




/*****************/
/* FOOTER REGION */
/*****************/

#footer {
  clear: both;
  display: block;
  font-size: 0.9em;
  margin: auto 0;
  overflow: hidden;
  padding: 10px 30px 20px 30px;
  text-align: left;
  width: 944px;
}

#footer a {color:#fff;}

#footer ul {
  display: inline;
  margin: 0;
  padding: 0 0 0 9px;    /* LTR */
}

#footer ul li {
  background: transparent none repeat;
  border-left: 1px solid #CCC;    /* LTR */
  display: inline;
  padding: 0 5px 0 9px;    /* LTR */
}

#footer ul li.first {border: none;}

#legal-notice {
  background: #F4F7E7;
  clear: both;
  color: #ddd;
  display: block;
  font-size: 0.9em;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

#legal-notice a {color: #b6dbfc;}





/****************/
/* PRIMARY MENU */
/****************/

#primary-menu {                                   /* menu layout */
  display: block;
  float: left;
  font-family: Arial, Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1em;
  font-weight: bold;
  /* letter-spacing: 1px; */
  margin-top: 16px;
  padding: 0;
  position: relative;
  width: 828px;
}
  
#primary-menu ul.links li {                      /* text styling for the top (primary) menu */}  

#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */}
  
#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */}
  
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {}  
  


/**********/
/* PAGERS */
/**********/
#main-wrapper .item-list .pager {
  clear: both;
  margin: 0 0 20px;
  text-align: center;
}

#preface-wrapper .item-list .pager li,
#main-wrapper .item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 2px;
}

#main-wrapper .item-list .pager a.active {
  color: #8298b0;
  font-size: 1em;
  font-weight: bold;
  padding: 4px;
  text-decoration: none; 
}

#main-wrapper .pager li.pager-current {
  background-color: #D9DBCD;
  border: 1px solid #266996;
  color: #333;
  margin: 0 4px;
  padding: 4px;
}

#main-wrapper .pager-first,
#main-wrapper .pager-next,
#main-wrapper .pager-previous,
#main-wrapper .pager-item,
#main-wrapper .pager-last {
  background-color:#FDFFEF;
  border: 1px solid #266996;
  margin: 0 4px;
  padding: 4px;
}

#main-wrapper .pager-first:hover,
#main-wrapper .pager-next:hover,
#main-wrapper .pager-previous:hover,
#main-wrapper .pager-item:hover,
#main-wrapper .pager-previous:hover,
#main-wrapper .pager-last:hover {
  background-color: #ffffea;
}




/************/
/* COMMENTS */
/************/
#comments {clear: both;}

#comments h2.comments {
  background-color: #fff;
  color: #fff;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.333em;
  font-weight: 600;
  padding: 6px 14px 6px 52px;    /* LTR */
  text-shadow: #555555 1px 1px;
  text-transform: uppercase;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#comments .content {background: transparent; border: none;}

#main-wrapper #comments a.active {color: #8298b0; text-decoration: none;}

.box { padding: 10px;}

#comment-form {margin: 0 0 20px; padding: 0 20px;}

.comment {
  border: none;
  margin: 6px 0 0;
  padding: 10px;
}

.comment h3.title {font-weight: bold; margin: 0 0 5px 0;}

.comment .links a {font-size: 0.9em; text-align: right;    /* LTR */}

#comments .odd { background-color: #F4F7E7; border: 1px solid #ddd;}

#comments .even {background-color: #fff;}

#comments .comment-by-author { background-color: #FFFFEA;}

.comment ul.links {text-align: right;    /* LTR */  clear: right;}

#content-content .comment ul.links li {
  background: transparent;
  margin: 0 10px 0 0;    /* LTR */
  padding: 0;
}

.signature p {
  border-top: 1px solid #d6ddb9;
  font-family: serif;
  font-size: 0.916em;
  margin: 10px 0;
  padding: 0;
}

.content blockquote p {
  font-style: italic;
  margin: 0;
  padding: 0 20px 8px;
}

blockquote {
  background: url(img/'close-quote.gif') no-repeat right bottom;    /* LTR */
  color: #5A6A78;
  margin: 10px 0;
}

blockquote :first-child {
  background: url('img/open-quote.gif') no-repeat left top;    /* LTR */
  padding: 10px 0 0 20px;    /* LTR */
}

blockquote * > :first-child {
  background: transparent;
  padding: 0;
}

blockquote a:link {text-decoration: underline;}