/*
infoteam Software GmbH Standard-Vorlagenset
© 2008, sandoba.de medien agentur
*/

/* Import der Datei "standard.css" */

@import url(standard.css);

/* Allgemeine Angaben */

body {
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  font-style: normal;
  font-family: Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
  margin: 20px;
  padding: 0;
  background-color: #D1D2D3;
}

body.mceContentBody {
  background: #FFFFFF;
  margin: 0;
}

table {
  font-size: 11px;
}

/* Positionierung des Frontend-Editing-Fensters */

#frontend_editing_opener, #frontend_editing_content {
  top: 10px !important;
  left: 10px !important;
}

/* Individuelle CSS-Klassen - Grundlayout */

#layout_frame {
  width: 980px;
  margin: 0 auto;
}

#layout_header {
  background-color: #FFFFFF;
  padding: 10px;
  padding-left: 28px;
  height: 100px;
  margin-bottom: 5px;
}

#layout_header_flags {
  position: relative;
  left: 645px;
  top: -80px;
  width: 110px;
}

#layout_header_options {
  position: relative;
  left: 765px;
  top: -100px;
  margin-bottom: -100px !important;
  width: 190px;
}

#layout_header_options a {
  text-decoration: none;
  color: #000000;
}

#layout_content {
  background-color: #FFFFFF;
  padding: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 830px;
  height: auto !important;
  height: 830px;
}

#layout_content_left {
  float: left;
  width: 150px;
  margin-right: 14px;
}

#layout_content_middle {
  float: left;
  width: 600px;
  margin-right: 14px;
}

#layout_content_right {
  float: left;
  width: 170px;
}

/* Individuelle CSS-Klassen - Navigationen */

#layout_nav_main {
  font-size: 11px;
  margin-bottom: 0;
  min-height: 230px;
  list-style: none;
}

#layout_nav_main a {
  text-decoration: none !important;
  color: #000000;
}

.layout_nav_main_normal, #layout_nav_main_selected {
  font-weight: bold;
  height: 21px;
  margin-left: -40px;
  padding-left: 10px;
  padding-top: 9px;
  
}

.layout_nav_main_normal {
  background-image: url('images/layout/nav_back.gif');
  background-repeat: no-repeat;
}

#layout_nav_main_selected {
  background: #C0BFC5;
  background-image: url('images/layout/nav_back.gif');
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

.layout_nav_sub_normal, #layout_nav_sub_selected {
  font-weight: normal;
  margin-left: -30px;
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 2px;
}

.layout_nav_sub_normal {
  background-image: url('images/layout/nav_point_normal.gif');
  background-repeat: no-repeat;
}

#layout_nav_sub_selected {
  background-image: url('images/layout/nav_point_selected.gif');
  background-repeat: no-repeat;
}

#layout_nav_sub_selected a {
  color: #B01C2E !important;
}

#layout_nav_sub2_normal, #layout_nav_sub2_selected {
  font-weight: normal;
  margin-left: -10px;
  padding-left: 15px;
  padding-top: 6px;
  padding-bottom: 2px;
}

#layout_nav_sub2_normal {
  background-image: url('images/layout/nav_point_normal.gif');
  background-repeat: no-repeat;
}

#layout_nav_sub2_selected {
  background-image: url('images/layout/nav_point_selected.gif');
  background-repeat: no-repeat;
}

#layout_nav_sub2_selected a {
  color: #B01C2E !important;
}

/* Individuelle CSS-Klassen - Infoblöcke in Randspalte */

.layout_block_title, .layout_block_titlegrey, .layout_block_titleyellow {
  background-color: #B01C2E;
  min-height: 13px;
  border: 1px solid #DEDBD8;
  border-bottom: 0;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 3px 8px 10px;
}

.layout_block_title a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.layout_block_titlegrey {
  background-color: #CCC9C6;
  border: 1px solid #CCC9C6;
  color: #000000;
}

.layout_block_titleyellow {
  background-color: #FAB03F;
  color: #FFFFFF !important;
}

.layout_block_titleyellow a {
  color: #FFFFFF !important;
}

.layout_block_content, .layout_block_contentgrey, .layout_block_contentfull {
  background-color: #FFFFFF;
  border: 1px solid #DEDBD8;
  border-top: 0;
  padding: 8px 10px 8px 10px;
  margin-bottom: 5px;
}

.layout_block_content ul, .layout_block_contentgrey ul, .layout_block_contentfull ul {
  margin: 5px !important;
  margin-left: 20px !important;
  padding: 0;
}

.layout_block_contentgrey {
  border: 1px solid #CCC9C6;
}

.layout_block_contentfull {
  border: 1px solid #DEDBD8;
}

.layout_block_contentblock td {
  border: 1px solid #DEDBD8;
  padding: 10px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle !important;
}

.layout_block_contentblock_active {
  border: 1px solid #BE1D37 !important;
}

/* Individuelle CSS-Klassen - Sonstige Blöcke in Randspalte */

#layout_supportline {
  height: 110px;
}

#layout_content_table h2 {
  background-color: #B01C2E;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  padding: 6px;
  padding-left: 10px;
  height: 18px;
  margin-bottom: 5px;
  width: 159px;
}

/* Hinweistext beim Aufruf der Druckversion */

#layout_print_info {
  display: none;
}

#layout_button_print a:hover {
  text-decoration: underline;
}

#layout_button_print * {
  vertical-align: middle;
}

/* Navigation zum Umblättern in mehrseitigen Artikeln */

.layout_pagination {
  background-color: #B01C2E;
  color: #FFFFFF;
  margin-bottom: 5px;
  margin-top: 10px;
  padding: 5px;
}

.layout_pagination a {
  color: #FFFFFF;
  text-decoration: underline;
}

/* Lightbox für die Screenshots */

#jquery-overlay {
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 90;
}

#jquery-lightbox {
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}

#jquery-lightbox a img {
	border: none;
}

#lightbox-container-image-box {
	background-color: #FFFFFF;
	height: 250px;
	margin: 0 auto;
	position: relative;
	width: 250px;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	height: 25%;
	left: 0%;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

#lightbox-nav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block;
	height: 100%;
	width: 49%;
}

#lightbox-nav-btnPrev {
	float: left;
	left: 0;
}

#lightbox-nav-btnNext {
	float: right;
	right: 0;
}

#lightbox-container-image-data-box {
	background-color: #FFFFFF;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	overflow: auto;
	padding: 0 10px 0;
	width: 100%;
}

#lightbox-container-image-data {
	color: #666666;
	padding: 0 10px;
}

#lightbox-container-image-data #lightbox-image-details {
	float: left;
	text-align: left;
	width: 70%;
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	clear: left;
	display: block;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	float: right;
	padding-bottom: 0.7em;
	width: 66px;
}