/******************************************
*
* common.css
*
* Common CSS definitions for CMS
*
* Copyright 2005 by  Gerhard Sinnhuber
*
* Author(s):  http://www.transform.at
*
******************************************/

/* Colordefinitions
rot:
dunkelrot:

headerorange: #ff9966
logo: urw grotesk -15 grad horizont. neigung

*/


body,td {
	font-family		:  Verdana,Arial,  Tahoma,  Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: 400; 
	line-height: 17px;
	color: #4a4a4a;
	text-decoration		: none;
	text-transform		: none;
	margin:0px;
	padding:0px;
    position: relative;
    text-align: left; 
}


.frontend{
	background-image: url("./images/background.png");
	background-repeat: repeat-x;
	background-color: #fff;
}

a,  a:active,  a:visited {  
	color:#f78147; 
	border:0px; 
	text-decoration: none;
	font-weight:bold;
}

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


h1 {
	font-weight: 700; 
	font-size: 12Px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px;
	margin: 0px;
}

h2 {
	
	font-weight: 700; 
	font-size: 11Px;
	line-height: 16px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px 0px 0px 5px;
	margin: 30px 0px 5px 0px;
	border-top: dotted 2px #666;
}


h3,h4 {
	font-weight: 700; 
	font-size: 11Px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px;
	margin: 0px;
}


input{
	font-family		:  Verdana, Arial, Tahoma,  Helvetica, sans-serif;
	font-size: 11Px;
}
button{
	font-family		:  Verdana, Arial, Tahoma,  Helvetica, sans-serif;
	font-size: 11Px;
}
select {
	font-family		:  Verdana, Arial, Tahoma,  Helvetica, sans-serif;
	font-size:11px;
}
textarea{
	font-family		:  Verdana, Arial, Tahoma,  Helvetica, sans-serif;
	font-size: 11Px;
}


.klickbutton{
	background-image: url("images/buttonback.gif");
	background-repeat: no-repeat;
	width: 146px;
	height: 24px;
	line-height: 24px;
	display:block;
	text-align: center;
}



hr{
	border:solid #cfcfcf 1px;
	height: 1px;
}


/* --------------------------------------
    Grundbereiche
   -------------------------------------*/

#header{
	position: absolute;
	left: 0px;
	top:0px;
	border: 0px;
	height: 350px;
	width: 1121px;
	padding:0px;
	margin: 0px;
	background-image: url("/images/bg-ornament.png");
	background-repeat: no-repeat;
}


#headerlogo{
position: absolute;
left:832px;
top:48px;

}

#footer{
position: absolute;
left:842px;
top:100px;
}
#footer a{
color: #666;
}
/* --------------------------------------
    Haupt-Navigations Definitionen
   -------------------------------------*/

.mainmenu{
	position: absolute;
	top: 72px;
	left: 45px;
	width:800px;
	height: 24px;
	border:0px;
	text-align:left;
	line-height: 24px; 
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}

.mainmenu ul{
	display: inline; 
   float: left; 
   padding: 0px; 
   margin: 0px; 
   height: 24px; 
}
.mainmenu li{
	display: inline; 
   float: left; 
   padding-left:20px; 
   margin: 0px; 
  
   background-repeat: no-repeat; 
   height: 24px; 
}



.menubutton{
	position: relative;
	top: 0px;
	left: 0px;
	height: 24px;
	color: #ffffff;
	float:left;
	margin-right: 40px;
}
.menubutton a, .menubutton a:active, .menubutton a:visited { 
	color:#666;
	text-decoration: none;
}
.menubutton a:hover {
	text-decoration: none;
	color:#f78147;
}

.menuactive{
	position: relative;
	top: 0px;
	left: 0px;
	height: 24px;
	color: #fff;
	float:left;
	margin-right: 40px;
}
.menuactive a, .menuactive a:active, .menuactive a:visited {  
	color:#fff; 
	border:0px; 
	text-decoration: none;
}
.menuactive a:hover	{
	text-decoration: none;
	color:#f78147; 
	}


.menunone{
	width:10px;
}

.sprachwahl{
	position: absolute;
	top: 15px;
	left: 790px;
	height: 26px;
	width:140px;
	padding:0px;
	margin:0px;
	border:0px;
}
.sprachwahl a, .sprachwahl a:active, .sprachwahl a:visited { 
	color:#afb7c5;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
.sprachwahl a:hover { 
	text-decoration: underline;

}


/* --------------------------------------
    Sub-Navigation  Definitionen
   -------------------------------------*/


.subnavbox{
	width:160px;
	margin:0px;
	padding:0px;
	min-height: 40px;
	border: 1px solid #656565;
}


h6 {
	/*
	background-image: url("images/verlaufvertgrau.gif");
	background-repeat: no-repeat;
	*/
	font-weight: bold; 
	font-size: 11Px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 3px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	border-top: dotted 2px #666;
	border-bottom: 1px solid #656565;
}

.subnavtext{
padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;

}


/* orange = f76637 */
/* grau = 4a4a4a */

.submenu{
	padding-left: 20px;
	margin-bottom: 5px;
	color: #4a4a4a;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none; 
}
.submenu a, .submenu a:active, .submenu a:visited { font-weight: normal; color:#4a4a4a; border:0px; text-decoration: none; }
.submenu a:hover	{ text-decoration: underline;}

.submenuactive{
	padding-left:10px;
	margin-bottom:5px; 
	color: #4a4a4a;
	text-align: left;
	font-weight: normal;
	font-size:11px;
	text-decoration: none;
}
.submenuactive a, .submenuactive a:active, .submenuactive a:visited { font-weight: normal; color:#4a4a4a; border:0px;text-decoration: none;}
.submenuactive a:hover	{ text-decoration: underline;}




.subkapmenu{
	padding-left: 10px;
	padding-bottom: 5px; 
	color: #f78147;
	text-decoration: none;
}
.subkapmenu a, .subkapmenu a:active, .subkapmenu a:visited {  font-weight: bold; color:#f78147; border:0px; text-decoration: none; }
.subkapmenu a:hover	{ text-decoration: underline;}



.subkapmenuactive{
	color: #4a4a4a;
	text-decoration: none;
	/*
	background-image: url("images/verlaufgrau.gif");
	background-repeat: no-repeat;
	*/
	border-top: dotted 2px #666;
	font-weight: 700; 
	font-size: 11Px;
	line-height: 16px;
	text-decoration: none;
	color: #4a4a4a; 
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
}
.subkapmenuactive a, .subkapmenuactive a:active, .subkapmenuactive a:visited {  font-weight: bold; color:#4a4a4a; border:0px; text-decoration: none; }
.subkapmenuactive a:hover	{ text-decoration: underline;}



/* --------------------------------------
    Content Definitionen
   -------------------------------------*/


#mainarea{
	position: absolute;
	top:170px;
	left: 45px;
	width: 1076px;
	min-height: 400px;
	padding-top: 0px;
	
}


#content_left{
	position: absolute;
	top:0px;
	left: 0px;
	min-width: 170px;
	max-width: 170px;
	height: 400px;
	margin-top: 0px;
	float: left;
	overflow: visible;
	padding-right: 0px;
}


#content_center{
	position: absolute;
	top:0px;
	left: 206px;
	width: 545px;
	height: 400px;
	margin-top: 0px;
	
}


#content_right{
	position: absolute;
	left:793px;
	top:0px;
	width: 273px;
	min-height: 400px;
	margin-top: 0px;
}



.author{
	font-weight: normal; 
	font-size: 11Px;
	text-decoration: none;
	color: #4a4a4a;
	padding: 0px 0px 10px 0px;
}


.description{
	padding: 0px 20px 0px 0px;
	color: #4a4a4a;
}

.headline{
	padding: 0px 0px 0px 0px;
	color: #4a4a4a;
	font-weight: bold;
	font-size:12px;
}

.teaser{
	padding: 0px 0px 0px 0px;
	color: #4a4a4a;
}

.fliesstext{
	padding: 0px 0px 0px 0px;
	color: #4a4a4a;
}





/* --------------------------------------
    spezielle Definitionen
   -------------------------------------*/

.referenzlistitem{
	padding: 0px 0px 5px 10px;
	line-height: 18px;
	font-weight: bold;
}

.referenzlistitem a{
	display: inline;
}



.technikprodukt{
	border-bottom: solid 0px #cfcfcf;
}


.techniktext{
	padding: 0px 0px 0px 10px;
	margin-right: 10px;
	width:295px;
	color: #656565;
	background-image: url("/images/technik-linien.gif");
	line-height: 18px;
	float:left;
}

.technikheadline{
	padding: 0px 0px 0px 10px;
	color: #0d0f62;
	line-height: 18px;
	float:left;
	font-weight: bold;
}

.technikbild{
	width:213px;
	height:168px;
}



.fotobalken {
	color:#ffffff;
	background-color:#1b1a76;
	height:30px;
	line-height:20px;
	
	padding:1px 0px 0px 10px;
	font-weight:bold;
	font-size:9px;
	
}