/*
Theme Name: LAIKO Portal
Theme URI: http://www.laiko-system.de
Description: 
Version: 1.0
Author: Andreas Wohlfahrt
Author URI: http://www.laiko-system.de
Tags: clean, fixed width, two columns, widgets
Last updated: 2009-08-10
*/


/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}

/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #f2f2f2;
	color: #333333;
	font: normal 84% OpenSansRegular;
	line-height: 1.4;
}
.inline {
        display: inline;
}
.inline-block {
        display: inline-block;
}

iframe {
        overflow: scroll;
        -webkit-overflow-scrolling: touch
}

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #525252;
	font-weight: normal;
	font-family: VollkornItalic;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.35em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0; vertical-align: baseline;}


/* Text elements */

p {margin-bottom: 1em;}

a:focus,a:hover {
	text-decoration: underline;
}
a {
	color: #257821;
	text-decoration: none;
}

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.2em; line-height: 1.4em;}
del {color:#666;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
cite {color: #666;}

pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}

/* Image */
img {
        vertical-align: middle;
        margin-bottom: 4px;
        margin-right: 6px;
}
table img {
        margin-bottom: 2px;
}

/* Horizontal-Rule */
hr {
        border-top: 1px solid #cdcdcd;
        border-bottom: 1px solid #ffffff;
        border-right: 0;
        border-left: 0;
        margin: 20px 2px;
}

/* Text-Formatting */
b {
        font-family: OpenSansBold;
        font-weight: normal;
}

/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}


/* Tables */

table {width: 100%; background-color: #ffffff;}
th {
        font-family: OpenSansBold;
        color: #303030;
}
th,td,caption {
        font-size: 1.05em;
}
th {
        background: transparent url('bg-table-border-image.png') no-repeat bottom right;
        padding: 1px 8px 8px 8px;
        border-top: 6px solid #f0f0f0;
}
td {
        background: transparent url('bg-table-border-image.png') no-repeat bottom right;
        padding: 1px 8px 5px 8px;
        border-top: 6px solid  #ffffff;
        border-bottom: 6px solid  #ffffff;
}

thead th, th {background-color: #f0f0f0;}
th.column-last, td.column-last {
        background-image: none;
}
tr {
        background: url('bg-table-border-bottom.png') repeat-x bottom left;
}
/*tr.even td {background: #F2F6FA;}*/
tfoot {font-style: italic;}
caption {background: #EEE;}
td.heading {
        font-family: OpenSansBold;
        color: #303030;
}
/*
table.data-table {
	border: 1px solid #EEE;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #EEE;
	border: 1px solid #DDD;
	color: #555;
	text-align: left;
        padding: 6px 8px 6px;
}
table.data-table tr {border-bottom: 1px solid #EEE;}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #E6E6E6;
}
table.data-table tr.even td {background: #FCFCFC;}
*/

/* Misc classes */

.normal {
	color: #333333;
	font: normal 84% OpenSansRegular;
        font-weight: normal;
}

.semi-bold {
	font-family: OpenSansSemibold;
}

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.1em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.3em;}

.bold {font-weight: bold;}

.hidden {display: none;}

.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #FF0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}

div.more {padding-top: 6px;}
.more a, a.more {color: #666;}
.more a:hover, a.more:hover {color: #002;}

/* Border */
.border-left {
       border-left: 1px solid #dadada;
       padding-left: 12px;
}

/*
 *  Notifications
 ------------------------------------------------------------------ */
.notification-abholung,
.notification-info {
	border: #cc0000 1px solid;
	background: #FFFFFF url('icon-warning.png') no-repeat 12px 15px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
	font-family: OpenSansSemibold;
	padding: 12px;
	padding-left: 60px;
        margin-bottom: 2px;
}
.notification-abholung {
	background: #FFFFFF url('icons/lorry.png') no-repeat 12px 15px;
}

/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #DDD; background: #FFFFFF;}
legend {
	font-family: OpenSansSemibold !important;
        font-size: 1.12em;
        background: #ffffff;
        border: 1px solid #dddddd;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        padding: 8px 12px;
        -webkit-box-shadow: 0px 0px 25px #bbbbbb;
        -moz-box-shadow: 0px 0px 25px #bbbbbb;
        box-shadow: 0px 0px 25px #bbbbbb;
       }
textarea {overflow: auto;}
input.text-style,
input[type="text"],
input[type="password"] {
	height: 29px;
	line-height: 29px;
}

a.button-autoheight {
	height: auto !important;
}

a.button,
.ui-button {
	height: 30px;
}

a.button img {
        float: left;
        margin-top: 3px;
        margin-right: 3px;
}

input.button-style,
input[type="reset"],
input[type="submit"],
input[type="button"],
select {
	height: 31px;
        line-height: 31px;
}
select[multiple],
select[size] {
        height: auto;
}
input.text-style,
input[type="text"],
input[type="password"],
select,
textarea {
	padding-left: 7px;
	border: 1px solid #999999;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
	vertical-align: top;
	background: #ffffff url('bg-input.png') repeat-x left top;
}

/*input[type="text"]:focus, textarea:focus, select:focus {background: #FFFFF5;}*/

a.button,
.ui-button,
input.button-style,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	background: #629d21 url('bg-button-green.png') repeat-x left bottom !important;
	border: 1px solid #315127 !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        -khtml-border-radius: 3px !important;
        border-radius: 3px !important;
	font-family: OpenSansSemibold !important;
        font-weight: normal;
	color: white !important;
	text-shadow: 1px 1px 0px #000;
	-moz-box-shadow: 0px 0px 0px 1px #82b14d inset;
	-webkit-box-shadow: 0px 0px 0px 1px #82b14d inset;
	box-shadow: 0px 0px 0px 1px #82b14d inset;
	padding-left: 6px !important; 
	padding-right: 7px !important;
	cursor: pointer;
}
a.button:hover,
.ui-button:hover,
input.button-style:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {color: #fff59a !important;}
.ui-button:active,
input.button-style:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
	border-style: inset;
	color: #fff59a !important;
}
a.button:active,
.ui-button:active,
input.button-style:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
	position:relative;
	top:1px;
}

.form-error {border-color: #F00;}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.text-center {
        text-align: center;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.vertical-center {
        display:inline-block; vertical-align:middle
}
.right { text-align: right; }

.left-spacing {
        margin-left: 6px;
}
.left-40-spacing {
        margin-left: 40px;
}
.righter-spacing {
        margin-right: 24px;
}
.width-65-percent {
        width: 65%;
}
.width-120-px {
        width: 120px;
}
.width-160-px {
        width: 160px;
}

/* Colors */
.red {
       color: #e3000b;
}
.green {
       color: #275910;
}
.orange {
  color: #E47911;
}
.white-container,
.white-container-no-margin {
  background: white;
  border: 1px solid #DDD;
  padding: 13px;
}
.white-container {
  margin: 0px 0px 15px;
}
.white-container-no-margin {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
}

/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

div.float-left, img.float-left {float: left;}
div.float-right, img.float-right {float: right;}

div.clear {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}


/* Columns */

.col2 {width: 47%;}

/* 
   Formatting
------------------------------------------------------------------- */
.normal-format {
        font-family:OpenSansRegular;
        font-weight: normal;
}

/* 
   Jquery UIs 
------------------------------------------------------------------- */
/* Button */
.ui-button-text-only .ui-button-text {
        padding: 0;
        line-height: 31px !important;
}
/* Datepicker */
.ui-datepicker {
        z-index: 5 !important;
}
.ui-datepicker tr,
.ui-datepicker td {
        background: none;
}
.ui-datepicker th {
        background: #eeeeee !important;
}
.ui-datepicker .ui-state-default {
        background: #f9f9fb;
        text-align: center;
        padding: 0.5em 0.4em;
}
.ui-datepicker .ui-state-highlight {
        background: #fff59a;
        border: 1px solid #fed32c;
}
.ui-datepicker .ui-state-hover {
        background: #fff59a;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
        margin: 3px;
        height: 18px;
        width: 18px;
}
/* Dialog and Datepicker*/
.ui-dialog,
.ui-datepicker {
        background: #eeeeee;
        border: 1px solid #999999;
        -webkit-box-shadow: 0px 0px 25px #bbbbbb;
        -moz-box-shadow: 0px 0px 25px #bbbbbb;
        box-shadow: 0px 0px 25px #bbbbbb;
}
.ui-dialog .ui-dialog-titlebar,
.ui-datepicker .ui-datepicker-header {
	background: #629d21 url('bg-button-green.png') repeat-x left bottom;
	border: 1px solid #315127;
	color: white !important;
	text-shadow: 1px 1px 0px #000;
	-moz-box-shadow: 0px 0px 0px 1px #82b14d inset;
	-webkit-box-shadow: 0px 0px 0px 1px #82b14d inset;
	box-shadow: 0px 0px 0px 1px #82b14d inset;
}
/* Accordion */
.ui-accordion .ui-accordion-header { 
        margin-top: 0;
        font-size: 1.1em;
	font-family: OpenSansSemibold;
}
.ui-accordion .ui-state-default {
	-moz-box-shadow: 0px 0px 0px 1px #fcfcfc inset;
	-webkit-box-shadow: 0px 0px 0px 1px #fcfcfc inset;
	box-shadow: 0px 0px 0px 1px #fcfcfc inset;
}
/* Progressbar */
.ui-progressbar .ui-widget-header {
        background-color: #fff59a;
}
/* Tabs */
.ui-tabs {
        border: 0;
        background: none;
}
.ui-tabs .ui-tabs-nav {
        border: 0;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
}
.ui-tabs .ui-tabs-panel {
        position: relative;
        top:-1px;
        z-index: 1;
        padding: 16px;
        padding-top: 24px;
        background-color: #ffffff;
        border: 1px solid #BCBCBC;
}
.ui-tabs .ui-tabs-nav li a {
        font-size: 1.1em;
        color: #ffffff;
	font-family: OpenSansSemibold;
        padding-right: 10px;
        padding-left: 10px;
}
.ui-tabs .ui-tabs-nav ul {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;
}
.ui-tabs .ui-tabs-nav .ui-state-default {
        margin-right: 5px;
        border-color: #333;
	/*-moz-box-shadow: 0px 1px 0px 0px #fcfcfc inset;
	-webkit-box-shadow: 0px 1px 0px 0px #fcfcfc inset;
	box-shadow: 0px 1px 0px 0px #fcfcfc inset;*/
	text-shadow: 1px 1px 0px #000;
        background: #486c25 url('bg-tab-green.png') repeat-x left top;
}
.ui-tabs .ui-tabs-nav .ui-state-active,
.ui-tabs .ui-tabs-nav .ui-state-hover {
        background: #ffffff;
        border-color: #BCBCBC;
        text-shadow: none;
        color: #333;
        z-index: 2;
}
.ui-tabs .ui-tabs-nav .ui-state-active a,
.ui-tabs .ui-tabs-nav .ui-state-hover a {
        color: #333;
}
.ui-tabs .ui-corner-top {
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -khtml-border-radius-topleft: 6px;
        -khtml-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
}
.ui-tabs .ui-corner-bottom {
        -webkit-border-radius: 6px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 6px;
        -moz-border-radius-topleft: 0;
        -khtml-border-radius: 6px;
        -khtml-border-radius-topleft: 0;
        border-radius: 6px;
        border-top-left-radius: 0;
}

/*
   Box Content Item
------------------------------------------------------------------- */
div.box-content-item,
div.box-content-item-inline {
        padding-top: 3px;
        padding-bottom: 3px;
        position: relative;
}
div.box-content-item span.item-text,
div.box-content-item-inline span.item-text,
div.box-content-item a.item-link,
div.box-content-item-inline a.item-link,
div.box-content-item .ui-accordion-header a.item-link {
        display: block;
	font-family: OpenSansSemibold;
        font-size: 1.18em;
        height: 25px;
        padding: 7px;
        padding-left: 42px;
        vertical-align: middle;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
}
div.box-content-item-inline .ui-accordion-header,
div.box-content-item .ui-accordion-header {
        font-size: 1em;
}
div.box-content-item a.item-link,
div.box-content-item span.item-text,
div.box-content-item .ui-accordion-header a.item-link {
        background: #f3f3f3 url(bg-gradient-accordion-tabs.png) repeat-x left bottom;
        color: #333333;
	border: 1px solid #bcbcbc;
	-moz-box-shadow: 0px 0px 0px 1px #fcfcfc inset;
	-webkit-box-shadow: 0px 0px 0px 1px #fcfcfc inset;
	box-shadow: 0px 0px 0px 1px #fcfcfc inset;
}
div.box-content-item-inline span.item-text img.item-icon,
div.box-content-item span.item-text img.item-icon,
div.box-content-item-inline a.item-link img.item-icon,
div.box-content-item a.item-link img.item-icon {
        position: absolute;
        left: 10px;
        margin: 0;
        margin-bottom: 2px;
        vertical-align: middle;
}
div.box-content-item-inline a.item-link:hover,
div.box-content-item-inline a.item-link:active {
        text-decoration: none;
        background: #ededed;
}
div.box-content-item-inline a.item-link:active {
        position: relative;
        top: 1px;
}
div.box-content-item a.item-link:hover,
div.box-content-item a.item-link:active  {
        text-decoration: none;
        background: #f5f5f5;
}
div.box-content-item .ui-accordion-content {
        top: -1px;
        margin-bottom: 0px;
        padding: 10px 15px;
}
div.box-content-item-scroll .ui-accordion-content {
        max-height: 450px;
}

div.box-content-item .ui-accordion-header .ui-icon {
        left: auto;
        right: 0.6em;
}
div.box-content-item .ui-state-default,
div.box-content-item .ui-widget-content .ui-state-default,
div.box-content-item .ui-widget-header .ui-state-default,
div.box-content-item .ui-state-active,
div.box-content-item .ui-widget-content .ui-state-active,
div.box-content-item .ui-widget-header .ui-state-active {
        border: none;
}
div.box-content-item .ui-widget-content {
        color: inherit;
        border: 1px solid #bcbcbc;
        border-top: 0;
}
div.box-content div.paragraph {
        padding-bottom: 8px;
     	font-family: OpenSansSemiBold;
}
div.box-content div.paragraph img {
     	margin-bottom: -4px;
     	margin-right: 6px;
     	vertical-align: bottom;
}
div.box-content div.paragraph span.small {
        color: #7b7b7b;
	font-family: OpenSansRegular;
}

/*
   Top-Link Elements
------------------------------------------------------------------- */
#top-link-wrapper {
     min-width: 740px;
     overflow: hidden;
     margin-top: 12px;
     margin-bottom: 25px;
}
div.top-link {
        width:240px;
        float: left;
        margin-right: 13px;
}
div.top-link-last {
        margin-right: 0;
}
div.top-link span.top-link-title,
div.top-link span.top-link-subtitle {
        display: block;
}
div.top-link span.top-link-title {
     	font-family: OpenSansBold;
        font-size: 0.9em;
}
div.top-link span.top-link-subtitle {
        font-size: 0.85em;
}
div.top-link a {
        color: #333333;
        display: block;
}
div.top-link a:hover,
div.top-link a:active {
        text-decoration: none;
        color: #257821;
}

div.top-link div.top-link-img {
        background: #f8f8f8;
        border: 9px solid #f8f8f8;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        width: 220px;
        height: 145px;
        margin-bottom: 5px;
}

/* 
   Additional Style for Input-Elements 
------------------------------------------------------------------- */
/* Clear-Focus */
.clearFocus-empty,
.search_init.text_filter {
        color: #7f7f7f;
        font-size: 1.1em !important;
       	font-family: VollkornItalic !important;
}

/*
  Search-Highligher 
  ----------------------------------------------------------------- */
.highlight { background-color: yellow; }

/* 
  Content-Preview
  ----------------------------------------------------------------- */
.content-prev {
        overflow:hidden;
        padding-bottom: 5px;
        border-bottom: 1px solid #cdcdcd;
}
.y-scroll {
        overflow-y: auto;
}

/*
   Quick-Search
   ---------------------------------------------------------------- */
#quick_search {
        width: 250px;
}
/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
	background: #EEE;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
}
.archive-separator {margin: 0 0 14px;}

.separator-vertical {background: url('img/separator-vertical.gif') repeat-y center top;}

/* 
   Orders 
------------------------------------------------------------------- */
.ebestellungen img {
        float: left;
        padding-right: 4px;
        width: 60px;
}

/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 24px;}

.post a {text-decoration: none;}
.post a:hover, .post-body a {text-decoration: underline;}

.post-title {border-bottom: 1px solid #E5E5E5;}

.post-date {
	color: #777;
	font-size: 0.9em;
	padding: 8px 0 0;
}
.post-date a {color: #444;}

.post-body {padding-top: 12px;}

.post-meta {
	background: #FCFCFC;
	border: 1px solid #ECECEC;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}


/* Sidebar list */
ul.nice-list, .widget ul {
	border-top: 1px solid #F0F0F0;
	margin-left: 0;
	margin-right: 0;
}
ul.nice-list li, .widget li {
	border-bottom: 1px solid #F0F0F0;
	list-style: none;
	padding: 6px 5px;
}
ul.nice-list li a, .widget li a {text-decoration: none;}
ul.nice-list li a:hover, .widget li a:hover {text-decoration: underline;}
ul.nice-list span, .widget li span {color: #666;}

#sidebar ul.nice-list li,#sidebar ul.nice-list {border-color: #E0E0E0;}


/* Archives */
.archive-pagination {margin-bottom: 1.6em;}
.archive-pagination a {text-decoration: none;}
.archive-pagination a:hover {text-decoration: underline;}
.archive-post {margin-bottom: 14px;}
.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive-post .post-date {
	border: none;
	padding: 0;
}
.archive-post-day {font: normal 1.6em Georgia,serif;}
.archive-post .post-date,.archive-post-title {padding-top: 3px;} 


/* 
   Thumbnails
------------------------------------------------------------------- */

.thumbnails {margin: 0 0 1em -8px;}
.thumbnails a.thumb {	
	background: #DAD6D0;
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 1px;
}
.thumbnails a.thumb:hover {background: #AAA;}
.thumbnails .thumb img {display: block;}


/* 
   Comments 
------------------------------------------------------------------- */

div.comment-list {
	border-top: 1px solid #EEE; 
	margin: 1em 0 2em;
}

.comment {
	border-bottom: 1px solid #EEE;
	padding: 10px 8px 0;
}
.comment-date {font-size: 0.9em;}
.comment-date a {
	color: #567;
	text-decoration: none;
}
.comment-date a:hover {
	color: #001;
	text-decoration: underline;
}
.comment-body {padding-top: 4px;}

.comment-gravatar {width: 48px;}
.comment-gravatar img {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 2px;
}

/* 
   Layout 
------------------------------------------------------------------- */

/* Common */
.center-wrapper {
	min-width: 960px;
	max-width: 1500px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
}
#overall-short .center-wrapper {
	min-width: 500px;
	max-width: 900px;
}

/* Header */

#header-wrapper {
	background: green url('bg-top-navi.png') repeat-x left top;
	height: 128px;
}
#header {
	position: relative;
}
#header-main {
        position: absolute;
        top: 0px;
        left: 0px;
}
#header-main-stop {
        clear: both;
}
#header-logo {
        float: left;
	background: url('logo-mit-beleuchtung.png') no-repeat left 1px;
	height: 128px;
        width: 364px;
	margin-left: -48px;
	padding-left: 48px;
}
#logo-link {
        z-index: 1;
	position: absolute;
	top: 20px;
	left: 20px;
	height: 93px;
	width: 260px;
}
#logo-link:hover {
	cursor: pointer;
}
#header-title {
        float: none;
        display: block;
        position: absolute;
        left: -35px;
        margin-left: 316px;
	height: 108px;
	padding-top: 20px;
}
#header-title-content{
        height: inherit;
        display: table-cell; 
        vertical-align: middle;
}
#header-title div span {
        color: #ffffff;
	font-family: VollkornItalic;
        font-size: 2.35em;
        line-height: 1;
}
#header-action {
        position: relative;
        top: 0px;
        right: 0px;
	height: 108px;
	padding-top: 20px;
}
#header-box1,
#header-box2 {
	float: right;
	min-width: 305px;
	color: #FFFFFF;
	background: url('bg-trans-boxen-topnavi.png') repeat left top;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
	margin-left: 9px;
}
#header-box2 {
	padding: 11px;
	height: 32px;
	line-height: 1.3;
}
#header-box1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	height: 44px;
	line-height: 1.0;
}
#header-box1 a,
#header-box2 a {
	color: #fff59a;
}
#header-box1 div.hotline {
	font: normal 150% OpenSansBold;
	text-shadow: 1px 1px 0px #000;
	padding-top: 4px;
	line-height: 1.0;
}
#header-close-window {
        float: right;
}
/*
#help-wrapper {
	background: url('img/help.gif') no-repeat left top;
	height: 39px;
	margin: -8px 0 0 auto;
	width: 290px;
}
#help {
	color: #666;
	font-size: 1.2em;
	padding: 10px 28px 0 32px;
}
#help a {
	color: #999;
	text-decoration: none;
}
#help a:hover {color: #DDD;}

#help span.text-separator {
	color: #444;
	padding: 0 7px;
}*/

/* Navigation */

ul.tabbed {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin-top: 24px;
}
ul.tabbed li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}
ul.tabbed a {text-decoration: none;}

#navigation {
	clear: both;
	text-align: right;
	vertical-align: bottom;
}

#navigation a {
	color: #FFFFFF;
	font-size: 1.05em;
	padding: 5px 12px;
}
#navigation a:focus,
#navigation a:hover {color: #fff59a;}
#navigation a img {
	vertical-align: middle;
}
#navigation li.current-page-item a, #navigation li.current-page-parent a {color: #fff59a;}


/* Content */

.content {font-size: 1.1em;}
#content-wrapper {
	background: url('bg-footer-gras.png') repeat-x center bottom;
	padding-bottom: 100px;
	padding-top: 32px;
}

/* Main */

#main-wrapper {
	float: none;
	display: block;
	margin-left: 318px;
}
#overall-short #main-wrapper,
#overall-midd #main-wrapper {
        margin-left: 0;
}

/* Notification */
#notification {
	width: 100%;
        margin-bottom: 10px;
}

#main {
	background: url('bg-trans-maincontent.png') repeat left top;
	-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
	padding: 15px;
        padding-top: 20px;
}

#main-content {
        z-index: 1;
        overflow-x: auto;
        overflow-y:hidden;
}
/* versuch mit 2. Scrollbar*/
#main-content2 {
        height:15px;
        z-index: 2;
        width:100%;
        overflow-x: auto;
        overflow-y:hidden;
        position: fixed; bottom: 0px;
}
#main-scroll1 {
        height:100%;
        overflow-x: auto;
        overflow-y: auto;
}
#main-scroll2 {
        height:18px;
}


#main-social-code {
        margin: 11px;
        text-align: right;
}
#main-stop {
	clear: both;
}


/* Sidebar */

#sidebar-wrapper {
	float: left;
	width: 302px;
}
#overall-short #sidebar-wrapper,
#overall-midd #sidebar-wrapper {
        display: none;
}
#sidebar {}

.box-wrapper {
	background: url('bg-trans-boxen-links.png') repeat left top;
	padding: 8px;
	margin-bottom: 10px;
}
.box-wrapper,
.box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.box {
	background-color: #f8f8f8;
	padding: 10px;
	padding-bottom: 16px;
}
.box h1 {
        font-size: 2.35em;
        margin-bottom: 0.18em;
}
.box-content{
	
}
#searchbar {
	padding: 7px;
}
#searchbar input[type=submit] {
	width: 60px;
}
#searchbar input[type=text] {
	width: 200px;
}

/* Footer */

#footer-wrapper {
	background: url('bg-footer-navi.png') repeat-x center top;
	border-top: 1px solid white;
	height: 246px;
	padding-top: 29px;
}
#footer {
	padding-left: 8px;
	padding-right: 8px;
}
#footer a {
	color: #e2de87;
	font-weight: 500;
	font-size: 1.0em;
}
#footer span.text-separator {
	color: #999;
	padding: 0 3px;
}
div.footer-column {
	min-width: 160px;
	max-width: 200px;
	float: left;
        margin-right: 10px;
}
div.footer-column h1 {
	color: #FFFFFF;
	margin-bottom: 0;
	font-size: 1.65em;
}
div.footer-column-stop {
	clear: both;
}
ul.listed {
	margin: 0;
	padding: 0;
}
ul.listed li {
	list-style: none;
	margin-top: 4px;
}

/* Bottom */

#bottom-wrapper {
	margin-top: 27px;
	margin-bottom: 45px;
}
#bottom {
	padding-left: 8px;
	padding-right: 8px;
	line-height: 1.6;
	font-family: OpenSansSemibold;
	color: #666666;
}
div.bottom-column {
	width: 245px; 
	float: left;
}
div.bottom-column h1 {
	color: #000000;
	font-size: 1.65em;
}
div.bottom-column-stop {
	clear: both;
}
#help-teamviewer {
	margin-top: 10px;
}

/* Featured Box */
/*
#featured-wrapper {
	background: url('img/gradient-light.gif') repeat-x left bottom;
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 22px;
}
#featured {padding: 42px 124px 12px 48px;}

#featured h2 {
	font: normal 3em sans-serif;
	margin: 0;
}
#featured h2 span {color: #43B16C;}
*/


/* 
   Captions 
------------------------------------------------------------------- */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}

/* Single Line IE Fixes */
* html .separator-vertical, * html .content {height: 0.01%; min-height: 0.01%;}

/* Tooltip (Powertip) */
/* PowerTip Plugin */
#powerTip {
	cursor: default;
	background-color: #333; /* fallback for browsers that dont support rgba */
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
	content: "";
	position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}