/* ========= GENERAL ========== */

body
{
	font-family:Arial;
	font-size:14px;
	color: #464646;
	line-height: 20px;
	margin:0;
	background: #071323 url('/images/interface/bg.gif') repeat-x scroll top left;
}

form
{
	margin:0;
	padding:0;
}

a
{
	color:#686868;
	text-decoration:none;
        font-weight: bold;
}

#maincontent .right a {
        font-weight: normal;
}


a:hover
{
	color: #ed0101;
}

.clearer
{
	clear: both;
}

img
{
	border: 0;
}

/* ========= CONTAINER ========== */

div.center
{
	width:100%;
}
#container
{
	width:980px;
	margin:auto;
}

/* ========= HEAD ========== */

#head{
 	background: transparent url('/images/interface/head_bg.gif') no-repeat scroll top left;
	position:relative;
	overflow:hidden;
}

* html #head
{
	height:1%;
}


/*LOGO*/

#head h1 
{
	float: right;
}

#head h1.logo a 
{
	right: 0;
	bottom: 0;
	display:block;
	background: transparent url('/images/interface/logo.gif') no-repeat scroll top left;
	width:160px;
	height:19px;
	position:absolute;
	right: 21px;
	top: 40px;
}

#head h1.logo span
{
	display:none;
}


#head #arrows 
{
 	background: transparent url('/images/interface/head_bg_arrows.jpg') no-repeat scroll top left;
	width: 800px;
	height: 70px;
	margin-left: 20px;
}

#head .spacer-h5 
{
 	background: transparent url('/images/interface/head_bg_spacer_5.gif') no-repeat scroll top left;
	height: 5px;
	font-size: 1px;
}

#head .l1navigation, 
#head .l1navigation ul
{
	height: 45px;
	overflow: hidden;
}

h2
{
	font-size: 23px;
	line-height: 26px;
	font-weight: normal;
}

/* ========= SHOWCASE ========== */

#mainimage
{
	position: relative;
	height: 1%; /* force Layout in IE */
}

#mainimage .left
{
	background: transparent url('/images/interface/showcase_bg_left.gif') no-repeat scroll top left;
	height: 1%; /* force Layout in IE */
}

#mainimage .right
{
	background: transparent url('/images/interface/showcase_bg_right.gif') no-repeat scroll top right;
	height: 1%; /* force Layout in IE */
}

#mainimage .center
{
	margin: 0 20px;
	width: 940px;
}

#mainimage .spacer-h5 
{
	background: transparent url('/images/interface/showcase_bg_spacer_5.gif') no-repeat scroll top center;
	height: 5px;
	font-size: 1px;
}

#mainimage
{
}


/* ========= HNAVIGATION ========== */

.hnavigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 1%;
}

.hnavigation li
{
	margin: 0;
	padding: 0;
    display:inline;
}

.hnavigation li a
{
	float: left;
	display: block;
}

/* ========= L1NAVIGATION ========== */

.l1navigation 
{
	margin: 0 20px;
}

.l1navigation ul
{
	padding-left: 10px;
	overflow: hidden;
}

.l1navigation a
{
	height: 45px;
	font-size: 16px;
	color: white;
	padding: 0 12px;
	line-height: 50px;
}

.l1navigation a:hover
{
	color: #ed0101;
}

.l1navigation a.active
{
	color: #ed0101;
	background: transparent url('/images/interface/l1navigation_activearrow.gif') no-repeat scroll bottom center;
}

.l1navigation a span.image 
{
	display: block;
	height: 20px;
	margin-top: 16px;
	background: transparent url('/images/interface/l1navigation.gif') no-repeat scroll 0 0;
}

.l1navigation .about_us a,
.l1navigation .contact a
{
	float: right;
}

.l1navigation .home a span.image { background-position: 0 0; width: 45px; }
.l1navigation .distancelearning a span.image { background-position: 0 -20px; width: 135px; }
.l1navigation .webtv a span.image { background-position: 0 -40px; width: 60px; }
.l1navigation .tvproduction a span.image { background-position: 0 -60px; width: 104px; }
.l1navigation .livestreaming a span.image { background-position: 0 -80px; width: 108px; }
.l1navigation .about_us a span.image { background-position: 0 -100px; width: 69px; }
.l1navigation .contact a span.image { background-position: 0 -120px; width: 59px; }
/* <beni> */
.l1navigation .anwendungen a span.image { background-position: 0 -140px; width: 110px; }
.l1navigation .loesungen a span.image { background-position: 0 -160px; width: 80px; }
.l1navigation .produkte a span.image { background-position: 0 -180px; width: 70px; }
/* </beni> */

.l1navigation .home a:hover span.image { background-position: -200px 0; width: 45px; }
.l1navigation .distancelearning a:hover span.image { background-position: -200px -20px; width: 135px; }
.l1navigation .webtv a:hover span.image { background-position: -200px -40px; width: 60px; }
.l1navigation .tvproduction a:hover span.image { background-position: -200px -60px; width: 104px; }
.l1navigation .livestreaming a:hover span.image { background-position: -200px -80px; width: 108px; }
.l1navigation .about_us a:hover span.image { background-position: -200px -100px; width: 69px; }
.l1navigation .contact a:hover span.image { background-position: -200px -120px; width: 59px; }
/* <beni> */
.l1navigation .anwendungen a:hover span.image { background-position: -200px -140px; width: 110px; }
.l1navigation .loesungen a:hover span.image { background-position: -200px -160px; width: 80px; }
.l1navigation .produkte a:hover span.image { background-position: -200px -180px; width: 70px; }
/* </beni> */

.l1navigation .home a.active span.image { background-position: -200px 0; width: 45px; }
.l1navigation .distancelearning a.active span.image { background-position: -200px -20px; width: 135px; }
.l1navigation .webtv a.active span.image { background-position: -200px -40px; width: 60px; }
.l1navigation .tvproduction a.active span.image { background-position: -200px -60px; width: 104px; }
.l1navigation .livestreaming a.active span.image { background-position: -200px -80px; width: 108px; }
.l1navigation .about_us a.active span.image { background-position: -200px -100px; width: 69px; }
.l1navigation .contact a.active span.image { background-position: -200px -120px; width: 59px; }
/* <beni> */
.l1navigation .anwendungen a.active span.image { background-position: -200px -140px; width: 110px; }
.l1navigation .loesungen a.active span.image { background-position: -200px -160px; width: 80px; }
.l1navigation .produkte a.active span.image { background-position: -200px -180px; width: 70px; }
/* </beni> */

.l1navigation a span span
{
	display: none;
}

/* ========= L2NAVIGATION ========== */

.l2navigation
{
	margin: 0 20px;
	background: #ec5e5e url('/images/interface/l2navigation_bg.gif') repeat-x scroll bottom left;
}

.l2navigation ul
{
	padding-left: 10px;
}

.l2navigation a
{
	padding: 6px 11px;
	color: black;
}

.l2navigation a:hover
{
	color: white;
}

.l2navigation a.active
{
	color: white;
	background: transparent url('/images/interface/l2navigation_activearrow.gif') no-repeat scroll bottom center;
}

.redline
{
	font-size: 1px;
	height: 8px;
	margin: 0 20px;
	background: #ec5e5e url('/images/interface/l2navigation_bg.gif') repeat-x scroll center center;
	border-bottom: 1px solid #c2c3c5;
}

/* ========= MAINCONTENT ========== */

#maincontent
{
	margin: 0 20px;
	background-color: white;
	position: relative;
	height:1%;
	background: white url('/images/interface/rightcolumn_bg.gif') repeat-y scroll top right;
}

#maincontent.norightcolumn
{
	background: white;
}

#maincontent .right .content,
#maincontent .center .content
{
	padding: 20px;
}

#maincontent .center
{
	width: 710px;
}

#maincontent.norightcolumn .center
{
	width: 940px;
}

#maincontent .right
{
	height: 1%; /* force Layout in IE */
	float: right;
	width: 230px;
	margin-left: -3px;
}

#maincontent .center h2 
{
	border-bottom: 1px solid #d8d8d8;
	padding: 0 0 12px 0;
	margin: 0 0 20px 0;
}

#maincontent .right h2 
{
	padding: 0;
	margin: 0;
}

#maincontent p
{
	padding: 0;
	margin: 0 0 20px 0;
}

#maincontent .columns2 .column
{
	float: left;
	width: 316px;
}

#maincontent .columns3 .column
{
	float: left;
	width: 280px;
}


#maincontent .corners
{
	width: 940px;
	height: 1%;
	overflow: auto;
}

#maincontent .corners .left
{
	float: left;
	font-size: 1px;
	width: 10px;
	height: 10px;
	background: transparent url('/images/interface/maincontent_corners_bottom.gif') no-repeat scroll bottom left;
}

#maincontent .corners .right
{
	float: right;
	font-size: 1px;
	width: 10px;
	height: 10px;
	background: transparent url('/images/interface/maincontent_corners_bottom.gif') no-repeat scroll bottom right;
}


/* ========= SPACER ========== */

.spacer-h20
{
	height: 20px;
}

.spacer-h40
{
	height: 40px;
}

.spacer-h5
{
	height: 5px;
}

.spacer-h10
{
	height: 10px;
}

.spacer-v30
{
	width: 30px !important;
	height: 10px;
}

/* ========= SHOWCASE ========== */

#showcase .item a
{
	display: block;
	background: #ced7dd url('/images/interface/showcase_image_shadow.gif') no-repeat scroll 16px 20px;
	padding: 24px 20px 10px 20px;
	line-height: 16px;
}

#showcase .item a:hover
{
	background-color: #d7dfe4;
	color: #686868;
}

#showcase .item span
{
	color: black;
}

#showcase .item img
{
	margin-bottom: 5px;
	border-width: 0;
}

/* ========= SHOWCASE ========== */

#footer
{
	position: relative;
	margin: 20px;
	width: 940px;
}

#footer .content
{
	border: 1px solid #8b8b8b;
	background: #4e4e4e url('/images/interface/footer_bg.gif') repeat-x scroll top left;
	padding: 10px 20px;
}

#footer .corner_top_left
{
	font-size: 1px;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url('/images/interface/footer_corners.gif') no-repeat scroll top left;
}

#footer .corner_top_right
{
	font-size: 1px;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url('/images/interface/footer_corners.gif') no-repeat scroll top right;
}

#footer .corner_bottom_left
{
	font-size: 1px;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: transparent url('/images/interface/footer_corners.gif') no-repeat scroll bottom left;
}

#footer .corner_bottom_right
{
	font-size: 1px;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url('/images/interface/footer_corners.gif') no-repeat scroll bottom right;
}

#footer th, 
#footer td 
{
	padding-right: 40px;
}

#footer th
{
	padding: 0 40px 0 0;
	border-bottom: 1px solid #878787;
	font-size: 13px;
	color: #a8a8a8;
	font-weight: bold;
	text-align: left;
}

#footer a
{
	color: white;
	font-size: 11px;
	display: block;
	text-transform: lowercase;
}

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

#footer td
{
	vertical-align: top;
}

#footer address
{
	float: right;
	color: white;
	font-style: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	width: 190px;
}

#footer address strong
{
	font-size: 13px;
}

#footer p
{
	margin: 0;
	padding: 0 0 5px 0;
}

/* ========= SITEBY ========== */

#siteby a
{
	background: transparent url('/images/interface/siteby.gif') no-repeat scroll 0 0;
	width: 16px;
	height: 73px;
	display: block;
	position: absolute;
	right: -20px;
	bottom: 20px;
}

#siteby a span
{
	display: none;
}