/* Basic CSS Settings */

html, body {
	font-size: 10px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	background: #d6d5d5;
	
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%; 
	max-height: 100%;
	overflow: auto;
	
}

h1.csc-firstHeader {
	font-size: 17px;
    margin-top: 0.5em;	
}

img {
	border:0;
	padding-left:1px;
}
* {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
a {
	text-decoration: none;
	color: #4165a9;
}
a:hover {
	text-decoration: underline;
	color: #000;
}


/* Basic Classes */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.nolayout {
	display: block;
	height: 0;
	width: 0;
	border: 0;
	padding: 0;
	margin: 0;
}


/* Headerbox */ 
#headerbox {
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	padding-top:87px;
	z-index:10;
}

/* Horziontal Menu */
#headerbox #menu {
	z-index: 10;
	width:100%;
}
#headerbox #menu ul,
#headerbox #menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#headerbox #menu ul {
	height: 2.1em;
	background-image: url('../img/menu_bg.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #9b9b9b;
}
#headerbox #menu li {
	height: 2.1em;
	line-height: 2.1em;
	float: left;
	padding: 0 2em;
	border-right: 1px solid #c5c5c5;
}
#headerbox #menu ul li.cur,
#headerbox #menu ul li.act {
	background-color:#4165A8;
}
#headerbox #menu ul li.cur a,
#headerbox #menu ul li.act a {
	color:#fff;
}
#headerbox #menu ul li.cur li a {
	color: #000;
}
#headerbox #menu ul li.act li a {
	color:#333;
} 
#headerbox #menu ul li li.act a, 
#headerbox #menu ul li li.cur a {
	color:#fff;
}
#headerbox #menu a {
	font-size: 133%;
	color: black;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .1em;
	color: #333;
}
#headerbox #menu a:hover {
	text-decoration: underline;
	color: #000;
}
#headerbox #menu ul#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#headerbox #menu #nav li { /* all list items */
	float: left;
	position: relative;
	width: 9.275em;
	text-align: center;
}
#headerbox #menu #nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
#headerbox #menu #nav li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0;
}
#headerbox #menu #nav li:hover ul,
#nav li.over ul { /* lists nested under hovered list items */
	display: block;
}
#headerbox #menu #nav li ul {
	margin: 0;
	padding: 0;
	background: #e6e5e5;
	height: auto;
	border: 0;
	border: 1px solid #aaa;
	border-top: 0;
	margin-top: -.2em;
	z-index:10;
	}
#headerbox #menu #nav li li {
	height: auto;
	line-height: 120%;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	float: none;
	font-size: 90%;
	text-align: left;
}
#headerbox #menu #nav li li a {
	margin: 0;
	padding: 0;
	display: block;
	font-family: Arial;
	padding-top: .5em;
	padding-bottom: .5em;
	width: auto;
	padding-left: .5em;
	padding-right: .5em;
	line-height: 125%;
	z-index: 10;
}
#headerbox #menu #nav li li a:hover {
	background: #4165A8;
	color: white;
	text-decoration: none;
	cursor: pointer;
}

/* Menu End */

#headerbox #headimg {
	background-image: url(/fileadmin/templates/page/img/headimg.gif);
	background-repeat:repeat-x;
	height:31px;
	margin-top:20px;
	padding-top:18px;
	padding-left:165px;
}
#headerbox #headimg h1 {
	color:white;
	font-size:1.8em;
        padding-top:5px;
}
/* Infobox */
#headerbox #infobar {
	clear: both;
	height: 2.1em;
	line-height: 2.1em;
	background-image: url('../img/infobar_bg.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #b2afab;
	font-weight: bold;
	overflow: hidden;
}
#headerbox #infobar .left {
	float: left;
	width: 80em;	
}
#headerbox #infobar .right {
	float: left;
	width: 18em;
	padding-right: 2em;
	padding-left: 2em;
	border-left: 1px solid #c5c5c5;
}
#headerbox #infobar .right h2,
#headerbox #infobar .left  h2 {
	font-size: 133%;
	color: #555;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	display:inline;
}
#headerbox #infobar .left h2#pagetitle {
	margin-left: 8.5em;
	padding-left: 2em;
	border-left: 1px solid #c5c5c5;	
} 
#headerbox #infobar .left h2#produkte {
	padding-left:1.5em;
}

/**
 * FG:
 * Additional Styles for inforbar in "default"-template
 */
#headerbox #infobar_default {
	clear: both;
	height: 2.1em;
	line-height: 2.1em;
	background-image: url('../img/infobar_bg.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #b2afab;
	font-weight: bold;
	overflow: hidden;
}
#headerbox #infobar_default .left {
	float: left;
	width: 80em;
	
}
#headerbox #infobar_default .right {
	float: left;
	width: 18em; /* 27.8 - 2 - 2 */
	padding-right: 2em;
	padding-left: 2em;
	border-left: 1px solid #c5c5c5;
/*	border-right: 1px solid #c5c5c5; */
	
}
#headerbox #infobar_default .right h2,
#headerbox #infobar_default .left  h2 {
	font-size: 133%;
	color: #555;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	display:inline;s
}
#headerbox #infobar_default .left h2#pagetitle {
	margin-left: 8.5em;
	padding-left: 2em;
	border-left: 1px solid #c5c5c5;	
} 
#headerbox #infobar_default .left h2#produkte {
	padding-left:1.5em;
}
/* End Additional Styles */
/* Headerbox End */

/* content styles */
#contentbox {
	bottom: 47px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 121%;
    line-height: 150%;
    margin-bottom: 4em;
    margin-left: 17.3em;
    padding-right: 1em;
    right: 0;
    text-align: justify;
    top: 11.2em;
    width: auto;
    z-index: 90;
}
#contentbox .tx-sriframe-pi1 {

}
#contentbox.layout_1_col #col_2 {
	display: none;
}
#contentbox embed {
	z-index: 1;
}
#contentbox.layout_2_col #col_1 {
	float: left;
	width: 58em;
	padding-left: 1em;
	padding-right: 1em;
	/* background: red; */
}
#contentbox.layout_2_col #col_2 {
	float: left;
	width: 20em;
	padding-left: 0em;
	padding-right: 0em;
}
#contentbox.layout_2_col #col_2 {
	 border-left:2px solid #DDDCDC;
}
#contentbox div.tx-sriframe-pi1 iframe {
	overflow:visible;
}


/* Typo3 content element styles */
#contentbox .content {
	font-size: 121%;
	line-height: 150%;
}
#contentbox .content .csc-header-n1{
	font-size: 100%;
	margin-top:1em;
	margin-bottom:1em;
}
#contentbox .content .csc-textpic-image {
	/* padding:15px; */
}

#contentbox #contentRight {
	float:right;
	clear:both;
	padding-bottom: 60px;
}
#contentbox #contentRight div h3 {
	margin-top:1em;
}

/* typo3 content element styles  */

/* submenu box */
#submenubox {
	position: absolute;
	top: 12.8em;
	left: 0;
	right: 0;
	bottom: 47px;
	overflow: auto; 
	overflow-x: hidden;
	width: 20em;
	height:67.6em;
	background: #4165a8;
	z-index: 8;
}

#submenubox #productfinder img {
        padding-bottom:5px;
}
#submenubox #searchform input {
	width: 11em;
	font-size: 133%;
	border: 0;
   	margin-top:0.5em;
    margin-left:20px;
}

#submenubox  #submenu {
	padding-top: 10px;
	padding-bottom: .5em;
}
#submenubox  #submenu,
#submenubox  #submenu a {
	color: #ddd;
}
#submenubox  #submenu h3 {
	padding-left: 1.33em;
	font-size: 130%;
	padding-bottom: .3em;
	padding-top: .3em;
}
#submenubox  #submenu ul,
#submenubox  #submenu li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#submenubox  #submenu ul {
	padding-left: 2em;
}
#submenubox  #submenu ul li {
	padding-top: 0.5em;
        padding-bottom: 0.5em;
}
#submenubox  #submenu ul li a:hover{
	color:#000;
        background-color:#ccc;
	text-decoration:none;
}
#submenubox  #submenu a {
	font-size: 120%;
	line-height: 120%;
}
#submenu li.spacer {
	line-height: 100%;
	height: .67em;
}
/* submenu box end */

/* footerbox */
#footerbox {
	background:transparent url(../img/footer_bg.jpg) repeat scroll left bottom;
	bottom:0;
	height:4.7em;
	position:fixed;
	top:auto;
	width:100%;
	z-index:10 !important;
}
#footerbox #langmenu  {
	display:block;
	padding-top: 3px;
	padding-left:10px;
	height:13px;
	float:left;
}
#footerbox #langmenu img {
	padding-left:4px;
	padding-top:8px;
}
#footerbox #langmenu a {
	float:left;
/*	padding-left: 4px;
	padding-top: 8px;*/
}
#footerbox img#logo {
	margin-top:0;
	float: right;
	padding-top: 7px;
	padding-right: 45px;
	height:33px;
	width:71px;
}
/* footerbox end */

/*  typo3 plugin styles */
.news-latest-item {
text-align:left;
 padding:0;
 margin:0;
clear:both;
}
.news-latest-item img {
    float:left;
    padding-left:2px;
    padding-right:4px;
    padding-top:2px;
}
.news-latest-item h3 {
	background-image: url('../img/menu_bg.png');
	background-repeat: repeat-x;
	background-position: top 10px left;
	padding-top:0.3em;
	padding-bottom:0.3em;
	
}
.news-latest-container {
 border-bottom: 2px solid #DDDCDC;
}

/* typo3 plugin styles end */

/* fixes */
/*
#headerbox,
#footerbox,
#submenubox {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	z-index: 100; 
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable
}
/*
 * 
 */

#erste_spalte,
#dritte_spalte,
#zweite_spalte {
	padding-left: 10px;
	width:30em;
}

#submenubox #submenu li {
	list-style-image:url(../img/list_style_img_pfeil.gif);
}
.typo3-adminPanel {
	position:absolute;
	top:0px;
	z-index:999 !important;
}

