/* CSS CPN V4 - CPN Satellite Services GmbH */

/* Basic Settings */		

html, body {color: #747474; font-size: 12px; font-family: Arial; text-align: center;}
p {padding:0; margin: 0;}	
td, tr, table, textarea {color: #747474; font-size: 12px; font-family: Arial;}
a:link, a:active, a:visited {color: #EF8F04; text-decoration: none; }
a:hover {color: #747474;}
h1 {color: #EF8F04; font-size: 16px; font-family: Arial; font-weight: bold;}
h2 {color: #747474; font-size: 12px; font-family: Arial; font-weight: bold;}
h3 {color: #747474; font-size: 12px; font-family: Arial; font-weight: bold;}
h4 {display: block; width: 170px; padding: 6px 0 6px 10px; background-color: #838E96; color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 1px;}
hr {height: 1px; border: 0; margin: 15px 0 15px 0; background-image: url(trennlinie.gif); background-position: right;}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */

input {font-family:Arial; font-size:12px; color: #747474; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
textarea {font-family:Arial; font-size:12px; color: #747474; border-width:1px; border-style:solid; border-top-color:#DEDEDE; border-left-color:#DEDEDE; border-bottom-color:#DEDEDE; border-right-color:#DEDEDE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
select {font-family:Arial; font-size:12px; color: #747474; border-width:1px; border-style:solid; border-top-color:#DEDEDE; border-left-color:#DEDEDE; border-bottom-color:#DEDEDE; border-right-color:#DEDEDE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
fieldset {-webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px;}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */

input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#DEDEDE; border-left-color:#DEDEDE; border-bottom-color:#DEDEDE; border-right-color:#DEDEDE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
input:focus, select:focus, textarea:focus { border-color: #EF8F04;}

		
/* Container Settings */

#Box{text-align: left; margin: auto; width: 850px;}
#Logo {position: relative; top: 24px; width: 263px; height: 68px; }
#Block_blue_1 {font-size: 0; width: 850px; height: 5px; background-color: #838E96; margin-bottom: 1px; clear: both;}
#Block_grey_1 {width: 850px; height: 0px; background-color: #DEDEDE; margin-bottom: 1px;}
#Headerimage {width: 850px; height: 200px; margin-bottom: 1px;}
#Block_blue_2 {width: 850px; height: 5px; background-color: #DEDEDE; margin-bottom: 1px;}
#Content {padding-top: 15px; width: 640px; float: right; text-align: left; margin-bottom: 15px;}
#Ticker { height: 100%; width: 180px; border:0pt solid #DEDEDE; margin-bottom: 5px;}
#Ticker_Content {margin: auto; width: 180px; margin-bottom: 10px; margin-top: 26px;}
#Block_grey_2 {font-size: 0; width: 850px; height: 5px; background-color: #DEDEDE;  margin-bottom: 5px; clear: both;}
#Bottom {width: 850px;}
#Copyright {height: 20px; padding-left: 10px; margin-bottom: 25px;}
#Sub-Navigation {float:right; color: #666666; height: 20px; margin-bottom: 25px;}
#Sub-Navigation a {color: #EF8F04; text-decoration;}
#Sub-Navigation a:hover {color: #747474; text-decoration;}
#pfbox {width: 172px; font-family: Arial; font-size: 12px; color: #747474;}
#pfbox a:hover {color: #FFFFFF; background-color: FA6600; text-decoration: none;}
#Content ul {list-style-image: url(button.gif); position: relative; left: -23px;}


		
/* Image Settings */

img {border: 0;}
img.left {float: left; margin-right: 10px; margin-bottom: 10px; }
img.right {float: right; margin-left: 10px; margin-bottom: 10px; }
img.center {text-align: center;margin-bottom: 10px;}
img.line {margin-top: 15px; margin-bottom: 15px;}
img.product {float: right; margin-left: 15px; margin-top: 27px; margin-bottom: 15px;}

		
/* Class Settings */		
	
ul.list {list-style-image: url(button.gif); position: relative; left: -23px;}
ul.list_dl {list-style-image: url(button_dl.gif); position: relative; left: -23px;}
.menulink {color: #747474;}
.clear {clear: both;}
.box_newsletter {width: 230px; color: #747474; font-size: 12px; font-family: Arial;}
.center {text-align: center;}
.leftcol { border-top: 5px solid #DEDEDE; padding: 10px; background-image: url(boxbg.gif); background-position: bottom;}
.leftcol2 { border-top: 5px solid #DEDEDE; background-image: url(boxbg.gif); background-position: bottom; padding-bottom: 25px;}
.bookmark ul {margin: 0 0 10px 0; padding: 0; }
.bookmark li{float: left; list-style: none; margin: 0 2px 0 0; padding:0; }
.bookmark li img { padding: 1px; border: solid 1px #dedede; }
ul.searchresults {list-style: none; margin: 0; padding: 0;}
/* #Content img {padding-bottom: 1px; border-bottom: 5px solid #dedede;}
#Content img:hover {border-bottom: 5px solid #EF8F04;}*/	


/* Root-Navigation horizontal mit Dropdown Settings 

#nav-top {width: 462px; float: right; margin-bottom: 4px; text-decoration: none;}
#nav-top ul {list-style: none; margin: 0; padding: 0;}
#nav-top ul li {float: left;}
Hier das width Attribut entfernen um die 2 Ebene horizontal anzuzeigen 
#nav-top ul li ul {padding: 5px 0 0 0; position: absolute; width: 145px; left: -999em; border-bottom: 5px solid orange;}
#nav-top ul li:hover ul {left: auto;}
#nav-top ul a {display: block; color: green; padding: 5px 10px 5px 10px;}
#nav-top ul a.rex-current {background-color: green; color: #fff;}
#nav-top ul a.rex-active {background-color: green; color: #fff;}
#nav-top ul a:hover {background-color: green; color: #fff; }
#nav-top ul li ul a {position: relative; left: 0px;  width: 125px; display: block; background-color: green; color: #fff; padding: 5px 10px 5px 10px; border-bottom: 1px solid orange;}
#nav-top ul li ul a.rex-current {}
#nav-top ul li ul a:hover {background-color: orange; color: #fff; } 
*/


/* Root-Navigation horizontal Settings */

#nav-top {width: 462px; float: right; margin-bottom: 4px;}
#nav-top ul.rex-navi1 {list-style: none; margin: 0; padding: 0;}
#nav-top ul.rex-navi1 a {color: #EF8F04; float: left; padding: 0px 10px 0px 10px; border-right: 1px solid #DEDEDE; margin-bottom: 5px;}
#nav-top ul.rex-navi1 a:hover {color: #747474;}
#nav-top ul.rex-navi1 a.rex-current {color: #747474;}
#nav-top ul.rex-navi1 a.rex-active {color: #747474;}


/* Footer-Navigation horizontal Settings */

#nav-footer {width: 372px; float: right; margin-bottom: 4px; text-align: right;}
#nav-footer ul.rex-navi1 {list-style: none; margin: 0; padding: 0;}
#nav-footer ul.rex-navi1 a {color: #EF8F04; float: left; padding: 0px 10px 0px 10px; border-right: 1px solid #DEDEDE; margin-bottom: 5px;}
#nav-footer ul.rex-navi1 a:hover {color: #747474;}
#nav-footer ul.rex-navi1 a.rex-current {color: #747474;}
#nav-footer ul.rex-navi1 a.rex-active {color: #747474;}


/* Side-Navigation vertikal Settings */

#nav-side ul.rex-navi1, ul.rex-navi2, ul.rex-navi3 {list-style: none; margin: 0; padding: 0;}
#nav-side ul.rex-navi1 li {}
#nav-side ul.rex-navi1 a {border-bottom: 1px solid #DEDEDE; display: block; padding-left: 10px}
#nav-side ul.rex-navi1 a:hover {background-color: #EF8F04; color: #fff;}
#nav-side ul.rex-navi1 a.rex-current {border-bottom: 1px solid #DEDEDE; display: block; background-color: #EF8F04; color: #fff;}
#nav-side ul.rex-navi1 a.rex-active {border-bottom: 1px solid #DEDEDE; display: block; background-color: #EF8F04; color: #fff;}
#nav-side ul.rex-navi2 {}
#nav-side ul.rex-navi2 a {border-bottom: 1px solid #DEDEDE; display: block; padding-left: 20px}
#nav-side ul.rex-navi2 a:hover {background-color: #DEDEDE; color: #747474;}
#nav-side ul.rex-navi2 a.rex-current {border-bottom: 1px solid #DEDEDE; display: block; background-color: #DEDEDE; color: #747474;}
#nav-side ul.rex-navi2 a.rex-active {border-bottom: 1px solid #DEDEDE; display: block; background-color: #DEDEDE; color: #747474;}
#nav-side ul.rex-navi3 {}
#nav-side ul.rex-navi3 a {border-bottom: 1px solid #DEDEDE; display: block; padding-left: 30px}
#nav-side ul.rex-navi3 a:hover {background-color: #DEDEDE; color: #747474;}
#nav-side ul.rex-navi3 a.rex-current {border-bottom: 1px solid #DEDEDE; display: block; background-color: #DEDEDE; color: #747474;}
#nav-side ul.rex-navi3 a.rex-active {border-bottom: 1px solid #DEDEDE; display: block; background-color: #DEDEDE; color: #747474;}


/* Breadcrump Settings*/

#breadcrumb {position: relative; height: 30px; width: 100%;}
#breadcrumb h { float: left; margin: 0 5px 0 0; padding: 0; }
#breadcrumb ul {float: left; position: relative; margin: 0 5px 0 0; padding: 0; }
#breadcrumb ul li { padding: 0; margin: 0 5px 0 0; list-style: ; float: left; display: inline;}
#breadcrumb ul li a {padding: 0; margin: 0 5px 0 0; text-decoration: none;}
		

/* Slideshow Settings */

ul.slideshow {list-style:none; overflow:hidden; position:relative; margin:0; padding:0;}	
ul.slideshow li { position:absolute; left:0; right:0;}
ul.slideshow li.show {z-index:500;}
ul img {border:none;}
#slideshow-caption {text-align: right; width:100%; height:50px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:5px 10px; z-index:1000;}
#slideshow-caption h3 {	margin:0; padding:0; font-size:14px; }
#slideshow-caption p {margin:5px 0 0 0; padding:0;}