@charset "UTF-8";
/**
	Stylesheet for Brantner
	@author coster, www.utilo.eu
*/
@media screen
{
.page_margins {width: 918px; min-width: 918px; max-width:none }
body {
	color:#000000;
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
	font-size:14px;
	background-image: none;
	background-color: #ffffff;
}
h1 {
	font-size:25px;
	padding-top:5px;
	padding-bottom:5px;
}
h2 {
	font-size:20px;
	padding-top:3px;
	padding-bottom:3px;
}
h3 {
	font-size:13px;
	font-weight: bold;
	color:#e20016;
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
}
h1, h2, h4, h5, h6 {
	color:#000000;
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
}
p{
	text-align: left;
	line-height:130%;
}
p.a {
	color:#E20016;
	font-weight:bold;
	text-decoration:underline;
}
textarea, pre, code, kbd, samp, var, tt {
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
}
textarea{
	border:1px solid #B7B6B6;
}
table {
	border-bottom:0px solid #ffffff;
	border-top:0px solid #ffffff;
}
tbody td {
	border-bottom:0px solid #ffffff;
	vertical-align: top;
}
div.csc-textpic-clear{
	clear: none;
}
/* from typo3 editor to show red marked text */
.important {
	background:none;
	border:none;
	color:#e20016;
	margin-bottom:0;
	padding:0;
	font-weight: bold;
}
h1 .important{
	font-weight: normal;
}
h4 .important{
	font-weight: normal;
	font-size: 20px;
}
h4 {
	padding-bottom:10px;
}
li {
	line-height:1.4em;
}
#header {
	background:#FFFFFF none repeat-x scroll left top;
	color:#000000;
	padding:0 0 0 0;
}
/* bar on top of the page with flash animation */
#topHeaderBar{
	background:#ffffff url(../images/hintergrund_header.gif) repeat-x scroll right center;
	height: 84px;
	border-bottom: 2px solid #c5c6c8;
}
#komissaHeaderText{
	padding-left:370px;
	padding-top: 21px;
	font-size: 18px;
	color: white;
	font-weight: bolder;
}
/* breadcrumps and search field */
#nav{
	height: 27px;
	background-color: #ffffff;
	border-bottom: 2px solid #c5c6c8;
	padding-left:10px;
	padding-right:15px;
	width: 872px;
}
#pfad{
	float: left;
	padding-top:5px;
}
#search{
	float:right;
	padding-top:4px;
	padding-right:33px;
}
#search table{
	border: none;
}
#search td{
	padding:0;
	font-weight: bold;
	border-bottom: none;
}
#searchImage{
	border:none;
}
.tx-indexedsearch-searchbox-sword{
	border:none;
}
#nav a{
	margin-top:5px;
	color:#000000;
	font-size: 11px;
	font-weight: normal;
}
#nav a:visited {
	margin-top:5px;
	color:#000000;
	font-size: 11px;
	font-weight: normal;
}
#nav a:focus, #nav a:hover, #nav a:active, #nav #pfad a:hover {
	color:#e20016;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}
/* bar on top of the page after the header images with logo from Brantner */
#topLogoBar{
	 background-color: #008278;
	 padding-left:40px;
	 height: 50px;
	 border-top: 2px solid white;
	 border-bottom: 2px solid white;
}
#logo{
	float:right;
	margin-right:48px;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #c5c6c8;
	height:84px;
}
#topmenue{
	height:25px;
	border-top: 2px solid #c5c6c8;
	width: 600px;
	background: none;
}
#topmenue ul {
	margin-left:0px;
	height: 25px;
}
#topmenue ul li {
	border-left:none;
	border-right:none;
	color:#000000;
	font-size: 13px;
	font-weight: bold;
	text-transform:none;
	width: 103px;
	border-right: 2px solid #c5c6c8;
	height: 25px;
	margin-left:15px;
	padding-top:5px;
}
#topmenue ul li a:focus, #topmenue ul li a:hover, #topmenue ul li a:active {
	background:transparent none repeat scroll 0 0;
	color: #e20016;
	font-weight:bold;
}
#topmenue ul li.active {
	background:transparent none repeat scroll 0 0;
	color: #e20016;
	font-weight:bold;
}
#topmenue ul li a, #topmenue ul li strong {
	background:transparent none repeat scroll 0 0;
	color:#000000;
	font-weight:bold;
	padding:0;
	text-decoration: none;
}
#topmenue ul li.active strong, #topmenue ul li.active a:focus, #topmenue ul li.active a:hover, #topmenue ul li.active a:active {
	background:transparent none repeat scroll 0 0;
	color:#e20016;
}
#topHeaderSpace {
	border-right: 2px solid #c5c6c8;
	height: 30px;
}
#sprache{
	height:27px;	
	text-align: right;
	font-size: 11px;
	width: 102px;
	margin-left:496px;
	border-right: 2px solid #c5c6c8;
}
#sprache ul{
	margin: 0;
}
/* main content */
#main {
	padding-top:0px;
	padding-bottom:0px;
}
/* top menu bar */
.hlist {
	background:#ffffff none repeat-x scroll right center;
	border-bottom:0px solid #d0cfcc;
	border-top:0px solid #d0cfcc;
}
.hlist ul {
	border-left:0px solid #AAAAAA;
	border-right:0px solid #FFFFFF;
	margin:0 0 0 10px;
}
.hlist ul li {
	border-left:0px solid #FFFFFF;
	border-right:0px solid #AAAAAA;
	font-size:1em;
	text-transform: uppercase;
	color: white;
	font-weight:bold;
}
/* don't show the current language */
.hlist ul li.CUR{
	display: none;
	color:red;
}
.hlist ul li a:focus, .hlist ul li a:hover, .hlist ul li a:active {
	background:transparent none repeat scroll 0 0;
	color: #9c9a9a;
	font-weight:bold;
}
.hlist ul li.active {
	background:transparent none repeat scroll 0 0;
	border-left:0px solid #444444;
	border-right:0px solid #888888;
	color: #9c9a9a;
	font-weight:bold;
}
.hlist ul li a, .hlist ul li strong {
	background:transparent none repeat scroll 0 0;
	color:white;
	font-weight:bold;
}
.hlist ul li.active strong, .hlist ul li.active a:focus, .hlist ul li.active a:hover, .hlist ul li.active a:active {
	background:transparent none repeat scroll 0 0;
	color:#9c9a9a;
}
.submenu{
	padding-left:15px;
}
.submenu .arrow{
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-image: url(../images/pfeil.gif);
	padding-left:8px;
}
#downloads a{
	background-repeat: no-repeat;
	background-position: 0px 5px;
	background-image: url(../images/pfeil.gif);
	padding-left:8px;
}
#downloads .indent{
	margin-left:15px;
}
#downloads h3{
	margin-left:15px;
	font-size: 16px;
}
#downloads h2{
	font-size: 18px;
}
#c164,#c176,#c166,#c178,#c162,#c174,#c160,#c172,#c170,#c157,#c168,#c760,#c761,#c762,
		#c767,#c768,#c773,#c774,#c779,#c780,#c866,#c868,#c865,#c870{
	display: none;
}
#col2 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(../images/hintergrund_menue.gif);
  	background-repeat:repeat;
    background-position:left;	
}
#col2 ul ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: none;
	background-color: #ffffff;
    background-position:left;	
}
#col2 ul li ul{
	text-transform:none;
	list-style-image:none;
	margin: 0 0 0 0;
}
#col2 ul li {
	list-style-image:none;
	list-style-type:none;
	margin-left: 0px;
	padding-left: 15px;
	padding-right:10px;
	border-bottom: 2px solid #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#col2 ul ul li {
	list-style-image:none;
	list-style-type:none;
	padding-left: 0px;
	padding-right:10px;
	border-bottom: 2px solid #c5c6c8;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: normal;
}
#col2 ul li ul li a,
#col2 ul ul li a{
	text-transform:none;
	list-style-image:none;
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
}
#col2 ul li ul li a:hover,
#col2 ul li ul li a:active,
#col2 ul li ul li a:focus,
#col2 ul ul li a:hover,
#col2 ul ul li a:active,
#col2 ul ul li a:focus{
	color:#e20016;
}
#col2 ul li ul li.active,  
	#col2 ul li ul li.active a,
	#col2 ul li ul li.active a:hover,
	#col2 ul li ul li.active a:active,
	#col2 ul li ul li.active a:focus,
	#col2 ul ul li.active,  
	#col2 ul ul li.active a,
	#col2 ul ul li.active a:hover,
	#col2 ul ul li.active a:active,
	#col2 ul ul li.active a:focus{
	text-transform:none;
	list-style-type: none;
	color:#e20016;
	font-size: 12px;
	font-weight: normal;
}
#col2 ul li.active {
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-size: 13px;
}
#col2 ul li a:focus, a:active {
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-size: 13px;
}
#col2 ul li.active a:focus, 
#col2 ul li.active a:active,  
#col2 ul li.active a,
#col2 ul li a:focus, 
#col2 ul li a:active,  
#col2 ul li a {
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-size: 13px;
}
#col2 ul li a:hover {
	text-decoration:none;
	color: #e20016;
}
#col2 ul li a {
	color:#000000;
	text-decoration: none;
}
#col2 ul li.active a {
	color:#000000;
	text-decoration: none;
}
#col2 ul ul ul li.level3li {
	border-bottom:0px solid #C5C6C8;
	padding:0px 0px 0px 15px;
}
#col2 ul ul ul li.activeLevel3li {
	border-bottom:0px solid #C5C6C8;
	padding:0px 0px 0px 15px;
	color:#c5c6c8;
}
#col2 ul ul ul li.activeLevel3li a,
#col2 ul ul li.activeLevel2li a{
	color:#e20016;
}
#col2 ul ul ul.level3 {
	border-bottom:2px solid #C5C6C8;
}

table.productLinks{

}
.align-right{
	text-align: right;
}
#footer{
	text-align:center;
	color: #000000;
	background:#ffffff url(../images/hintergrund_footer.gif) repeat scroll right center;
	height: 30px;
	font-size: 11px;
	padding:0px 0px;
	border-top:0px solid #EFEFEF;
}
#footer a:focus, #footer a:hover, #footer a:active {
	color:#e20016;
	text-decoration: underline;
	font-size: 11px;
}
#footer a {
	color:#000000;
	font-weight:normal;
	font-size: 11px;
}
#footer p {
	padding-top:8px;
	text-align: center;
	font-size: 11px;
}
/* input fields and buttons */
input{
	border:1px solid #b7b6b6;
	background: none;
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
	font-size:14px;	
}
/* links */
a:focus, a:active {
	color:#e20016;
}
a:hover,
#col3_content a:hover,
#col2_content a:hover,
#col1_content a:hover{
	text-decoration: none;
	color:#e20016;
}
a, a:visited {
	color:#000000;
	text-decoration: underline;
}
/* container to show article tree */
#treeContainer{
	float:left;
	width: 200px;
}
/* MESSAGES AND ERRORS from grails */
.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}
div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 30px;
    background: url(../images/skin/exclamation.png) 8px 50% no-repeat;
}
div.errors ul {
    list-style: none;
    padding: 0;	
}
div.errors li {
    list-style: none;
}
td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}
#articleOverview{
	width: 800px;
}
/* table of the typo3 searchbox: */
table.csc-searchform{
	border-bottom:none;
	border-top: none;
}
/* header of the article tree */
#treeHeader{
	border-bottom:1px solid #5f5d5c;
	border-top:1px solid #5f5d5c;
	width: 200px;
	margin-left:40px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0.5em;
}
thead th {
	border-bottom:1px solid #00685f;
	border-top: 1px solid #5f5d5c;
	/*background-color: #d0cfcc;*/
}
.tr-0 {
	/*background-color: white;*/
	border-bottom: 1px solid #5f5d5c;
}
.tr-1 {
	/*background-color: #d0cfcc;*/
	border-bottom: 1px solid #d0cfcc;
}
.customerlist .sortable a {
	text-transform: uppercase;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.45 em;
	background-image: url(../images/brantner_arrow_up_down.gif);
	color:#5F5D5C;
}
.customerlist a {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.45 em;
	background-image: url(../images/brantner_arrow_right.gif);
	color:#5F5D5C;
}
/* search ergebnissseite */
.tx-indexedsearch-rules, .tx-indexedsearch-searchbox{
	display: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background:#c5c6c8 none repeat scroll 0 0;
}
div.csc-textpic-imagewrap{
	padding-bottom:10px;
}
table.formular{

}
td.formLabel{

}
td.formField{

}
#col3,#col2,#col1{
	margin-top:-1px;
}
#mailformname, #mailformadresse, #mailformemail, #mailformtelefon, #mailformnachricht, #mailformort{
	width: 250px;
}

/* sprachauswahl */
.tx-srlanguagemenu-pi1, .tx-srlanguagemenu-pi1 a, .tx-srlanguagemenu-pi1 a:hover, 
		.tx-srlanguagemenu-pi1 a:active, .tx-srlanguagemenu-pi1 a:focus, .tx-srlanguagemenu-pi1 a:visited{
	color:#000000;
	font-family:Arial Narrow,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-decoration: none;
}
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, 
		.tx-srlanguagemenu-pi1 .NO a:active, .tx-srlanguagemenu-pi1 .NO a:visited,
		.tx-srlanguagemenu-pi1 .NO a {
	color:#000000;
}
		
.tx-srlanguagemenu-pi1 .NO {
	float:right;
	padding-right:5px;
	padding-top:10px;
	color:#000000;
}

.bildunterschrift {
	padding:10px;
}

}