/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header-main, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header-main, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/************************** general  **************************/

html, body {
	height:100%;
}


h1 {
	font: 24px/32px Arial, sans-serif;
	font-weight: bold;
	color:#68748c;
	margin-bottom:25px;
}

h2 {
	font: 22px/28px Arial, sans-serif;
	font-weight: bold;
	color:#68748c;	
	margin-bottom:10px;
}

h4 {
	font: 20px/25px Arial, sans-serif;
	font-weight: bold;
	color:#68748c;
	margin-bottom:10px;
}

h4 { 
	font: 18px/22px Arial, sans-serif;
	font-weight:bold;
	color:#68748c;
	margin-bottom:3px;
}


a {text-decoration:none; color: #78b100;}
a:hover {color:#78b100;}

a img {border:none; }

strong{font-weight:bold;}
	em{font-style:italic;}

body {
	font: 17px/23px Arial, sans-serif;
	color: #5b5a58;
}

hr { height:1px; color:#eae9e9; border-bottom:1px solid #eae9e9; border-top:none; border-right:none; border-left:none; margin-top:15px; margin-bottom:15px;}

.green { color: #a9c938}

p { padding-bottom:10px; }

sup { vertical-align:text-bottom; font-size:11px; }

.text-content ol,.text-content ul,.text-content dl {
	margin:2em;
}
.text-content ol li {
	list-style: decimal outside;	
}
.text-content ul li {
	list-style: disc outside;
}
.text-content dl dd {
	margin-left:1em;
}

.cal-content li {
	list-style: disc outside;
	margin-left: 1.5em;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}


#container {
    height:100%;
}

.last {
	margin-right:0px !important;
	padding-right:0px !important;
	border-right:none !important; 
}


.table {
    display:table; height:100%; 
	margin-bottom:-199px;
}

.table .row {
    display:table-row;
}

.table .row .cell {
	display: table-cell;
	padding-top: 215px;
	vertical-align:top;
	height:100%;
}

.msg_error {
color:red;
}

/************************** header **************************/

#header {
	height: 199px;
	background: url(../images/header-bg.png) bottom repeat-x;
	position: absolute;
	/*min-width: 1130px;*/
	min-width: 1225px;
	width:100%;
}

#header #logo {
	top: 39px;
	left: 55px;
	position: absolute;
}

.slideshow {
	width: 300px;
	height: 190px;
	position: absolute;
	right: 374px;
	overflow:hidden;
}

.right-img {
	position: absolute;
	right: 0px;
	width: 351px;
	background: #88c800;
	padding-left: 23px;
}

/********************** main **********************/
.main {
	margin-top:-9px;
	overflow:hidden;
	min-width: 1130px
}

.left-content {
	padding-top:28px;
	min-width: 249px;
	width:249px;
	background:#e2e3e7;
}

.main .language {
	text-align:center;
	margin-bottom:17px;
	
}

.main .language a {
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	background:#cdcfd9;
	color:white;
}

.main .language a.active {
	background:#89c800;
}

.main .language a:hover{
	background:#89c800;
	-webkit-transition: background-color 200s linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
}

.search {
	margin-bottom:15px;	
}

.main .search input {
	border: 1px solid #68748c;
	color: #677588;
	font-weight: normal;
	font-size: 18px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
	background-color: white;
	margin-left: 45px;
	width: 155px;
	padding-left: 3px;
	height: 24px;
}

.main .search input[type=submit] {
	background:url(../images/ok.png);
	width:25px;
	height:23px;
	margin-left:0px;
	text-indent:-9999px;
	border:none;
}

.text-content {
padding-top:10px;
}

/********************** left **********************/

#menu {
	line-height: 200%;
	font-weight: bold;
	font-size: 18px;
}

#menu a {
	color:#596478;	
}

#menu a:hover {
	color:white;
}

.aktivmenue {
	background-color: #88c800;
	padding-top: 10px;
	border-top: 3px solid White;
	padding-bottom: 10px;
	border-bottom: 3px solid White;
	padding-left: 50px;
	margin-bottom: 10px;
}


#nav2 {
	padding-left: 11px;
	position: relative;
}

#menu .parent {
	position:relative;
	padding-left:50px;
}



#menu .parent.active, #menu #nav2 .parent  {
	padding-left:0px;	
}

#menu .parent.active a {
	color:white;
}

#menu .selected a {
	color:white;	
}

#nav2 li.parent > a {
	background: url("/systembilder/white-arrow-right.gif") 100% 50% no-repeat;
	display: block;
}

#nav2 li.activepath a {
	color:white;
}

#nav2 ul.level1 {
	position: absolute;
	left: 188px;
	background: none repeat scroll 0 0 #88c800;
	list-style: none outside none;
	margin: 0;
	padding: 5px;
	width: 360px;
	top: 0px;
	display: none;
	border-left: 3px solid white;
}

#menu .parent.active .level1 a, #menu  li.activepath .level1 a{
	color:#596478;
}

#menu .parent.active .level1 .active a, #menu li.activepath .level1 .active a  {
	color:white;
}

#menu .parent.active .level1 a:hover, #menu  li.activepath .level1 a:hover{
	color:white;
}

#menu li:hover ul {
	display:block;
}

/********************* middle **********************/

.middle-content {
padding-left: 57px;
padding-right: 57px;
padding-top: 257px !important;
min-width: 395px;
width: 100%;
}

.beam {
	background-color: #9aa1b3;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: white;

	font-size: 20px;
}

.beam a {
	color: white;
}

.beam .category { }
.beam .date { float:right; display:block; }

.shortnews {
	color: #68748c;
	clear: both;
	margin-bottom: 15px;
}

.shortnews .title {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shortnews .title a {
color:#68748c;
}

.shortnews img {
	float: left;
	padding: 0px 10px 5px 0px;	
}

.shortnews .source {
	float:right;
	font-size:15px;	
	line-height:25px;
}

.shortnews .source a {
	color:#68748c;
	
}

.shortnews .more {
	display:block;
	color:#78b100;
	font-size:15px;	
}
/********************* right ***********************/

.right-content {
	min-width: 303px;
	width: 303px;
	background:#e2e3e7;
	padding-left:23px;
	padding-right:48px;
	padding-top: 257px !important;
}

.box {
	margin-bottom:55px;	
}

.box .title {
	height: 26px;
	vertical-align: middle;
	background-color: #83c001;
	color: white;
	padding-top: 4px;
	padding-left: 18px;
	padding-right: 18px;
	font-size: 19px;
}

.box .box-content {
padding-left: 18px;
padding-right: 18px;
padding-top:22px;
padding-bottom:22px;
background:white;
font-size:18px;
}

.box a {
	color:#68748c;
}

.galry {
	width: 480px;
	text-align: left;
	background:#e2e3e7;
	margin-bottom:20px;
}

.galry a {
	display: block;
	float: left;
}

.galry a.hidden {
	display: none;
}

.galry .title {
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	background: #9aa1b3;
	margin-bottom: 10px;
}

.galry .caroufredsel_wrapper {
	margin: 0 auto !important;
}

.galry .description {
	color:white;
	padding-left: 15px;
	padding-right: 15px;
	background: #9aa1b3;
	margin-top: 5px;
}
/************* old css ********************/

.stockimgContainer {
	padding: 6px 0;
	font-size: 9pt;
	background-color: #e2e3e7;
	color: #1d2f68;
	text-align: center;
	margin-bottom:20px
}


.stockimgContainer .text {
	padding: 0 8px;
	text-align: left;
	line-height: 150%;
}

.stockimgContainer .source, .stockimgContainer .source a {
	font-size: 8pt;
	font-style: italic;
	padding: 0 6px;
	text-align: right;
}

.stockimgContainer img {
	margin-left: 6px;
	margin-right: 6px;
}

a.bb_url_extern img {
	vertical-align:middle;
	float:none;
}

.bb_image_left, .left {
	float: left;
	margin-right: 20px;
}

.bb_image_right, .right {
	float: right;
	margin-left: 20px;
}

.bb_image_center, .center {
	margin-left: auto;
	margin-right: auto;
}

.stockimgContainer a {
	margin: 0 0;
	padding: 0;
}

/**** alte Tables im Contentbereich ***********/

.text-content table {
	border-collapse:separate;
	border-spacing:3px;
}

.text-content .mblau {
	background-color: #e2e3e7;
	border-collapse:separate;
	border-spacing:3px;
}

.text-content .datum {
	background-color: #9aa1b3;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}

.text-content .linienblau {
	background-color: #88c800;
}

.text-content .logobereich {
background-color: #e2e3e7;
margin:auto;
}

/********* alte Tables im Popup ************/

.popup table {
	border-collapse:collapse;
	border-spacing:1px;
	border:1px solid black;
	margin:auto;
	padding:0px;
}

.popup tr,.popup th,.popup td {
	border:1px solid black;
	padding:3px;
}

/***** Kalender *************/

.kalendermonat {
	background-color: #cdcfd9;
	text-align: center;
	margin-top: -22px;
	margin-left: -18px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-right: -18px;
}

.kalender {
	margin-left: -18px;
	margin-bottom: -22px;
	margin-right: -18px;
}

.kalenderwochen {
	background-color: white;
	vertical-align: middle;
	text-align: center;
	height: 25px;
	color: #666666;
}

.kalender td {
	background-color: white;
	vertical-align: middle;
	text-align: center;
	color: #666666;
	height: 28px;
	width: 43px;
}

a.termin {
	width: 303px;
	height: 28px;
	background-color: #9aa1b3;
	color: white;
	text-align: center;
	display: block;
	padding-top: 5px;
	margin-top: 0px;
}

/************ tables in der Sidebar *******/

.member_login td, .login .member_login th{
	width: 100px;
	text-align:left;
}

.member_login input[type=submit], .login input[type=submit] {
	color:white;
	background:#78b100;
	border:none;
	width:100px;
	height:25px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}

/************ Downloadbereich *************/
.cat_opened {
 padding-left: 5px;
 line-height: 150%;
}

.cat_closed {
	margin-left: 5px; 
	line-height: 150%;
}

.sub_cat {
	margin-left:20px; 
}

.cat_opened .sub_cat {
  display: block;  
}

.cat_closed .sub_cat {
  display: none;
}

.cat_opened .vis_on_open { display: inline; text-decoration: none; }
.cat_opened .vis_on_close { display: none; text-decoration: none; }
.cat_closed .vis_on_open { display: none; text-decoration: none; }
.cat_closed .vis_on_close { display: inline; text-decoration: none; }


.download {
	width:100%;
	max-width:1000px;
}

.download th a {
	color: white;
}

.download td {
	background: #e2e3e7;
	padding-left: 10px;
}

.download .description {
	background: #e2e3e7;
} 

.download th {
	color: white;
	text-align: left;
	padding-left: 10px;
	background: #9aa1b3;
	text-align: left;
}

.download .link {
	text-align: center;
	vertical-align: middle;
	background: #88c800;
}

.download .link a {
	color: white;
}
.download .title, .download  .description{
	border-bottom:3px solid white;
}

.download .date, .download .count, .download .type, .download .size {
	border-right:3px solid white;
	border-bottom:3px solid white;
}

.download img {
	vertical-align: middle;
}

/******* Tabellen */

table.form th {
text-align:left;
padding-left:5px;
padding-right:5px;
padding-top:2px;
vertical-align:top;
background:#cdcfd9;
}

table.form td {
background:#e2e3e7;
padding:2px 5px 2px 5px;
}

table.form .error {
	background: #88c800;
	color:white;
}

/*** publication ***********/

.publication {
	position: relative;
	background: #e2e3e7;
	margin-bottom: 10px;
}

.publication .pub-img {
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	min-width: 70px;
	margin-left: 18px;
}

.publication .text-content {
	padding-left:108px;
}

.publication .price{
	float:left;
	margin-top:5px;
	margin-bottom:20px;
}

.publication .availability {
	position: absolute;
	margin-top: 5px;
	right: 20px;
	bottom: 20px;
}

small {
	font-size:small !important;
}

.publication .free {
	color:#78b100;
}

.publication .oos {
	color:#b82b00;
}

.more.publication .description, .publication.order .description {
	padding:10px 20px 10px 20px;
}

.wdg .availability {
	bottom:43px;
}

/******* search **********/

.search .description {
	padding:20px;
}

.search .kurztexttitel {
margin-top:10px;
}

.search .blau, .search .mehr {
	font-size:small;
}

/******** kontakt *************/

.kontakt {
	font-size: 13px;
	line-height: 18px;
	background-color: #e8eaf0;
	vertical-align: middle;
	padding: 3px 0 3px 10px;
	width: 100%;
}

.kontaktsb {
	font-size: 13px;
	line-height: 18px;
	background-color: #dee6db;
	vertical-align: middle;
	padding: 3px 0 3px 10px;
	width: 100%;
}

.mitarbeiter table {
	width:100%;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* Styles */
	#container {
		width:1400px;
	}
	#header {
		width: 1400px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

	#container {
		width:1400px;
	}
	#header {
		width: 1400px;
	}
}