@charset "utf-8";
/* Import CSS */

@import 'highslide.css';
@import 'prototip.css';

/* CSS Document */

body {
	padding: 0;
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "trebuchet ms", helvetica, arial, sans-serif; 
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	background-color:#101010;
	}

* {
	padding: 0;
	margin: 0;
}

/*img { 
	behavior: url(iepngfix.htc); }
*/

p {
 	text-align: justify;
}

p, ul, ol {
	margin-bottom: 14px;
	line-height: 1.6em;
}

hr {
	display: none;
}

a {
	text-decoration: none;
	color: #00aaff;
}

p a:hover {
	text-decoration: underline;
	color: #00aaff;
}

h3 {
	margin-bottom: 1em;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #00aaff;
}

input, textarea {
	background-color: #00aaff;
	border: 0px;
	font-size: 11px;
	padding: 4px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

.aktiv {
color:#682003 !Important;
}

.alttext {
	cursor: help;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Global Structure
*/

#container {
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	}

#header {	
	height: 50px;
	padding-top: 60px;
}

#content {
	width: 762px;
}

#footer {
	padding-top: 5px;
}

#footer-content {
	background-color: #1f2020;
	width: 734px;
	margin: 0 auto;
	padding: 14px;
	border-bottom: 1px solid #000000;
}

#partner {
	padding: 10px 0 10px 0;
}

.left {
	float: left;
	width: 290px;
}

.right {
	float: right;
	width: 442px;
	margin-left: 29px;
}

.clear {
	clear: both;
}

.divider {
	clear: both;
	height: 1px;
	border-bottom: 1px dotted #00aaff;
	padding-top: 30px;
	margin-bottom: 30px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Header
*/

#logo {
	float: left;
	width: 218px;
}

#logo img {
	border: 0;
}

#menu {
	float: right;
	width: 360px;
	text-align: right;
	padding-top: 4px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  //  Menu Lists
*/

#menu ul {
	list-style-type: none;
	clear: both;
}
#menu li {
	float: right;
}
#menu li a {
	display: block;
	padding: 14px 0px 14px 40px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #00aaff;
}

#menu li a:hover {
	color: #777777;
}

#menu .selected {}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Subheadings
*/

#subheading-cap {
	height: 30px;
}

#subheading h2 {
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.5em;
}

#subheading h2 a {
	color: #ffffff;
}

#subheading h2 a:hover {
	color: #777777;
}

#subheading {
	background-color: #00aaff;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 49px;
	border-bottom: 1px solid #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Content
*/

/*~~~~~~~~~~~~~~~~~~~  // Left-Content and News
*/

#left-content {
	background: url(../images/content_bg.jpg) repeat left top;
	padding: 14px;
}

#left-content ul {
	list-style-position: inside;
	list-style-type: circle;
}

#left-content li a {
	color: #FFFFFF;
}

#left-content li a:hover {
	color: #CEF0C3;
}

/*~~~~~~~~~~~~~~~~~~~  // Right-Content
*/

#right-content {
/*	padding: 14px;
*/}

#right-content-image img {
	border: 1px solid #1f2020;
}

#right-content span a {
	text-transform: uppercase;
	display: block;
	float: right;
	padding: 1px 4px;
	background-color: #FFFFDF;
	font-size: 0.9em;
	margin-top: 5px;
	color: #11818F;
	text-decoration: none;
}

#right-content span a:hover {
	background-color: #CEF0BE;
}

/*~~~~~~~~~~~~~~~~~~~  // Content Tool
*/

.content-tool-left {
	float: left;
	width: 235px;
	margin-right: 28px;
}

.content-tool-right {
	float: right;
	width: 235px;
}

#content-tool {
	background: url(../images/content_bg.jpg) repeat left top;
	padding: 14px;
}

#content-tool img {
	border: 1px solid #777777;
}

/*~~~~~~~~~~~~~~~~~~~  // Content Form
*/

.cssform {}

.cssform label {
	display: block;
	width: 60px;
	float: left;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 20px;
	padding-top: 2px;
	}

.cssform br {
	clear: left;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Footer
*/

#footer {}
.page-nav p {
	text-align: right;
	text-transform: uppercase;
	font-size: 1.2em;
}

.page-nav {
	padding-top: 10px;
	margin-top: 10px;
}

.page-nav a {
}

#footer p {
	color: #ffffff;
	margin-bottom: 1px;
	font-size: 1em;
	text-transform: uppercase;
}

#footer ul {
	list-style-position: inside;
	list-style-type: none;
}

#footer li a {
	display: block;
	padding: 2px 4px;
	border-bottom: 1px dotted #ffffff;
}

#footer h3 {
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #777777;
}

#footer-content {}
.footer-tools {
	float: left;
	width: 230px;
	margin-bottom: 10px;
}

#footer-services {
	margin-right: 21px;
}

#footer-customer {

}

#footer-about {
	margin-right: 21px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Partner
*/

#partner-content {
	padding-top: 6px;
	margin: 0 auto;
	color: #1f2020;
}

#partner-content a {
	color: #1f2020;
}

#partner-content a:hover {
	color: #777777;
}

#copy {
	float: right;
	width: 100%;
/*	padding-top: 6px;
*/	color: #3A3A3A;
}

#copy a {
	color: #3A3A3A;
}

#copy a:hover {
	color: #777777;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  // Frontpages gallery
*/

/* example_6 css */  
#example_6 {   
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 640px; /* important */  
    height: 540px; /* important */  
    margin: 0;   
    background: #fff;   
}   
  
#example_6_content {   
    position: absolute;   
    top: 0;   
    margin-left: 0;   
}   
  
#example_6_content   
#example_6_content li {   
    list-style: none;   
    margin: 0;   
    padding: 0;   
}   
    #example_6_content {   
        width: 13440px;   
    }   
    #container_bd #example_6 ul li {   
        display: block;   
        float: left;   
        margin: 0;   
        padding: 0;   
        border: none;   
        background-color: #fff;   
    }   
  
#container_bd #example_6 ul li img {   
    display: block;   
}   
  
#example_6_frame {   
    position: relative;   
    margin: 485px 131px 0 131px;   
}   
#container_bd #example_6_frame ul li {   
    margin: 0 2px;   
}   
#container_bd #example_6_frame ul li img{   
    border: 1px solid #9cf;   
    padding: 2px;   
}   
    #container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}