/************************************************************/
/*** BODY ***/
body{
	font-family: Arial, Helvetica, Sans;
	font-size: 12px;
	color: #7a7a7a;
	
	background-color: #ffffff;
	margin: 0;
}


/************************************************************/
/*** LINK ELEMENTS ***/
a:link, a:visited, a:active, a:hover{
	color: #151470;
	text-decoration: underline;
	font-weight: bold;
}


/************************************************************/
/*** HTML ELEMENTS ***/
h1  {
	font-size: 22px;
	font-weight: bold;  
	margin: 0px 0px 25px 0px;
	letter-spacing: 1px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
h3, h4, h5, h6, h7{font-size: 11px; font-weight: bold; margin:0; padding:0;}
td {font-size: 12px;}


img {border: none;}


/************************************************************/
/*** FORMS ***/
form{margin: 0px; padding:0px;}
input, textarea {
	font-family: Arial, Helvetica, Sans;
	font-size: 12px;
}

input.button, input[type="submit"], input[type="reset"], input[type="button"] {
	background-color: #c4c4c4;
	color: #14356a;
	border: 1px solid #14356a;
}

/************************************************************/
/*** CONTAINER LAYERS ***/
#container{
	position: relative;
	top: 0px;
	left: 3px;
	width: 970px;
	text-align: left;	
	
	overflow: hidden;
}




/************************************************************/
/*** HEAD ***/
#head{
	position: relative;
	top: 0px;
	left:0px;

	width: 970px;
	height: 196px;
	clear: both;
	
	background-image: url(../images/head_border_left.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#logo{
	position: absolute;
	top: 12px;
	left: 10px;
}

#address {
	position: absolute;
	top: 15px;
	right: 0px;
	
	width: 260px;
	
	font-size: 11px;
	text-align: right;
	line-height: 16px;
	letter-spacing: 0.3px;
}

#address strong {
	font-size: 12px;
	letter-spacing: 1.2px;
}


#route-button {
	position: absolute;
	top: 80px;
	right: 0px;
	
	padding: 1px 5px 1px 23px;
	
	background-image: url(../images/route_button_arrow.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat; 
        background-color: #447909;
}

#route-button a:link, 
#route-button a:visited,
#route-button a:active,
#route-button a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#langs {
	position: absolute;
	top: 82px;
	right: 260px;
}

#langs div.link {
	float: left;
	padding: 0px 3px 0px 3px;
}

#topnav-shadow-right {
	position: absolute;
	top: 116px;
	left: 966px;
}

#topnav-shadow-left {
	position: absolute;
	top: 196px;
	left: 0px;
	width: 4px;
	height: 53px;
}

/************************************************************/
/*** MAIN NAVIGATION***/
#topnav {
	position: absolute;
	top: 140px;
	left: 0px;
	
	width: 970px;
	height: 56px;
	
	
	
	background-color: #01378d;
	background-image: url(../images/topnav_border_left.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#topnav ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;	
}

#topnav li{
	float: left;
	padding: 20px 31px 18px 31px;
	margin: 0;
	
	background-image: url(../images/topnav_border.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#topnav li.first {
	height: 56px;
	padding: 0px 0px 0px 14px;
}

/*#topnav li.act {
	list-style-image: url(../images/topnav_point_act.gif);
	list-style-position: inside;
}*/

#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}  

#topnav a.act {
	background-image: url(../images/topnav_point_act.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}

/************************************************************/
/*** CONTENT LAYERS ***/
#wrap, #wrap-wide {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;
	float: left;
	min-height: 420px;
	height: auto;

	
	background-image: url(../images/leftnav_back.gif);
	background-position: top left;
	background-repeat: repeat-y;
	z-index: 2;
}

#wrap-wide {
	background-image: none;
}

#content{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	
	width: 580px;
	
	padding: 75px 35px 50px 25px;
	line-height: 18px;
	
	_margin-bottom: -220px;
}

#content-wide{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	
	width: 900px;
	
	padding: 45px 35px 40px 25px;
	line-height: 18px;
	margin-bottom: 60px;
} 


#content p, #content-wide {
	margin: 15px 0px 15px 0px; 
}

#content-image {
	background-color: #c4c4c4;
	color: #ffffff;
}

#content-back {
	position: absolute;
	top: 198px;
	left: 300px;
}

/************************************************************/
/*** PRODUCTS ***/
div.cat-description {
	width: 610px;
	margin: 0px 0px 25px 0px;
}

div.cat-row {
	position: relative;
	float: left;
	width: 580px;
	height: auto;
	
	margin-bottom: 25px;
}

div.cat-row-image {
	position: relative;
	float: left;
	top: 3px;
	left: 0px;
	width: 156px;
	height: 145px;
	
	margin-right: 15px;
}

div.cat-row-text, div.cat-row-text-wide {
	float:left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 400px;
}

div.cat-row-text-wide {
	width: 580px;
}


div.cat-row h2 a:link, div.cat-row h2 a:visited, div.cat-row h2 a:active, div.cat-row h2 a:hover {
	text-decoration: none;
	
	padding-right: 15px;
	
	background-image: url(../images/product_head_button.gif);
	background-position: right;
	background-repeat: no-repeat;
}


/************************************************************/
/*** LEFT COLUMN ***/
#leftcol {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 300px;
	height: auto;
		
	padding: 0px 0px 0px 0px;
	
	color: #ffffff;
	

}

/************************************************************/
/*** LEFT MENU ***/
#leftnav {
	position: relative;
	float: left;
	bottom: 0px;
	left: 0px;
	width: 300px;
	height: auto;
	
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	
	

}

#leftnav ul{
	list-style: none; 
	padding: 0; 
	margin: 0px 0px 0px 0px;
	margin-top: 70px;
}

#leftnav li{
	padding: 8px 5px 8px 30px;
	background-position: 15px 12px;
	background-repeat: no-repeat;
}

#leftnav li.main{
	padding-left: 30px;
}


#leftnav li.main-act {
	background-image: url(../images/leftnav_point_act.gif);
}

#leftnav li.sub1 {
	padding-left: 40px;
}


#leftnav li.sub1-act {
	padding-left: 40px;
	background-image: url(../images/leftnav_point_act.gif);
	background-position: 27px 12px;
}


#leftnav li.sub2 {
	padding-left: 50px;
}


#leftnav li.sub2-act {
	padding-left: 50px;
	background-image: url(../images/leftnav_point_act.gif);
	background-position: 37px 12px;
}

#leftnav li.sub3 {
	padding-left: 70px;
}


#leftnav li.sub3-act {
	padding-left: 70px;
	background-image: url(../images/leftnav_point_act.gif);
	background-position: 57px 12px;
}


#leftnav a:link,  #leftnav a:visited, #leftnav a:active, #leftnav a:hover {
	color: #14356a;
	text-decoration: none;
}

#leftnav a:link.sub3,  #leftnav a:visited.sub3, #leftnav a:active.sub3, #leftnav a:hover.sub3 {
	font-weight: normal;
}

#leftnav-space {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 360px;
}

/************************************************************/
/*** TEASER ***/
#teaser-container, #teaser-container-wide {
	position: relative;
	float: left;
	
	top: 0px;
	left: 0px;
	
	width: 970px;
	height: 1px;
	
	_margin-bottom: -335px;
}

#teaser-container-wide {
	height: 302px;
	_margin-bottom: -40px;
}

#teaser, #teaser-wide{
	position: relative;
	float: left;
	bottom: 318px;
	left: 0px;
	width: 300px;
	
	margin-top: 0px;
	z-index: 2;
	
	background-image: url(../images/leftnav_back.gif);
	background-position: top left;
	background-repeat: repeat-y;
	
}

#teaser-wide {
	bottom: 17px;
}


#teaser-head {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	
	width: 277px;
	height: 15px;
	padding: 5px 5px 5px 18px;
	
	background-image: url(../images/teaser_head_back.gif);
	background-position: top left;
	background-repeat: repeat-y;
	
	color: #ffffff;
}

#teaser-text {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	color: #14356a;
	padding: 10px 20px 5px 18px;
	line-height: 16px;
	
	font-size:11px;
	
	width: 260px;
	height: 117px;
	overflow: hidden;
	
}

#teaser-more{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	
	width: 280px;
	height: 15px;
	
	margin-top: 5px;
	margin-bottom: -12px;
	padding-right: 20px;
	text-align: right;
	z-index: 2;
}

#teaser-more img {
	margin-right: 5px;
}

#teaser-more a:link,  #teaser-more a:visited, #teaser-more a:active, #teaser-more a:hover {
	color: #14356a;
	text-decoration: none;
}

#teaser-image {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	
	width: 300px;
	height: 177px;
	
	background-image: url(../images/teaser_image_back.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#teaser-image-src {
	position: absolute;
	top: 22px;
	right:43px;
}


/************************************************************/
/*** START TEASER ***/
div.start-teaser {
	position: absolute;
	top: -17px;
	
	width: 284px;
	height: 240px;
	
	
	background-image: url(../images/start_teaser_back.gif);
	background-position: top left;
	background-repeat: no-repeat;
	
}

#start-teaser1 {
	left: 328px;
}

#start-teaser2 {
	left: 645px;
}

div.start-teaser-head {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 284px;
	height: 55px;
	padding: 19px 12px 17px 12px;
	
	color: #ffffff;
	font-size: 14px;
}


div.start-teaser-image{
	position: absolute;
	top: 55px;
	left: 10px;
}

div.start-teaser-link {
	position: absolute;
	right: 0px;
	bottom: 0px;
}


div.start-teaser-link a:link, div.start-teaser-link a:visited, div.start-teaser-link a:active, div.start-teaser-link a:hover {
	text-decoration: none;
}


/************************************************************/
/*** FOOTER ***/

#footer{
	position: relative;
	float: left;
	
	top: 6px;
	left: 0px;
	
	width: 970px;
	height: 100px;
	
	

	color: #ffffff;	
	background-color: #01378d;
	
	background-image: url(../images/topnav_border_left.gif);
	background-position: top left;
	background-repeat: repeat-y;
}


#footer-shadow-right {
	position: absolute;
	top: -35px;
	left: 964px;
}


#copyright {
	position: absolute;
	top: 25px;
	left: 15px;
	width: 300px;
	font-size: 10px;
	color: #ffffff;
}

#search-field {
	position: absolute;
	top: 30px;
	left: 750px;
}

#search-field input {
	width: 180px;
	border: 1px solid #ffffff; 
}

#search-label {
	position: absolute;
	top: 33px;
	right: 230px;
	
	font-size: 11px;
	font-weight: bold;
}

#search-button {
	position: absolute;
	top: 35px;
	left: 940px;
}

#imprint {
	position: absolute;
	top: 58px;
	/*left: 876px;*/
	right: 40px;
}

#imprint a:link, #imprint a:visited, #imprint a:active, #imprint a:hover {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.error {
	color: #ff0000;
	font-weight: bold;
}