* { margin:0px; padding:0px; }

body {
    background-color:#e3eaed;
    background-image: url(../img/background_top.png);
    background-repeat:repeat-x;
    font: 11px verdana;
    }

#container {
    position:relative;
    margin:auto;
    width:960px;
    padding-top:118px;
    }

#container_background {
    position:absolute;
    bottom:0px;
    top:118px;
    background-image:url(../img/container_background.png);
    width:1162px;
    left:-101px;
    z-index:-1;
    }
	
a {
    text-decoration:underline;
    color:#1194e8;
    }
	
a:hover {
    text-decoration:none;
    color:#1194e8;
    }

/** ------------------------ Header ------------------------------ **/

#header {
    position:absolute;
    left:-101px;
    top:0px;
    background-image:url(../img/header.png);
    height:152px;
    width:1162px;
    }

#header img {
    position:absolute;
    top:10px;
    left:134px;
    border:none;
    }

#header #arrow {
    position:absolute;
    top:98px;
    left:120px;
    z-index:3;
    }


#header .banner_header {
    position:absolute;
    top:29px;
    left:569px;
    border:none;
    }

#header ul {
    position:absolute;
    top:6px;
    right:114px;
    list-style:none;
    font: 12px verdana;
    color:#97d0f4;
    }

#header ul li {
    display:inline;
    background-image:url(../img/header_menue_dot.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
    padding:0px 9px 0px 10px;
    }

#header ul li a {
    color:#97d0f4;
    text-decoration:none;
    }

#header ul li a:hover {
    color:#fff;
    text-decoration:none;
    }
/** ------------------------ Main -------------------------- **/

#main {
    position:relative;
    }

/** ------------------------ Left -------------------------- **/

#left {
    width:185px;
    float:left;
    }

#tv_button {
    margin-left:8px;
    margin-bottom:-4px;
    background-image:url(../img/tv_button.png);
    height:47px;
    width:176px;
    display:block;
    background-position: top;
    }

#tv_button:hover {
    background-image: url(../img/tv_button.png);
    background-position: bottom;
    }


.menue {
    position:relative;
    list-style:none;
    font: 12px verdana;
    background-image:url(../img/menue_top.png);
    width:185px;
    padding:40px 0px 0px 0px;
    margin-top:-3px;
    }

.menue li {
    line-height:16px;
    padding-left:20px;
    }

.menue li h2 {
    position:absolute;
    top:11px;
    font-family:arial;
    font-size:14px;
    color:#fff;
    font-weight:normal;
    text-shadow:black 1px 1px 1px;
    }


.menue a {
    text-decoration:none;
    color:#616161;
    background-image:url(../img/menue_dot.png);
    background-repeat:no-repeat;
    background-position:0px 3px;
    padding-left:11px;
    }

.menue a:hover {
    color:#383838;
    }

.menue .last {
    background-image:url(../img/menue_bottom.png);
    background-repeat:no-repeat;
    background-position:bottom;
    height:30px;
    }

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

#content {
    margin-top:-4px;
    float:left;
    }

.box {
    font: 12px verdana;
    color:#454545;
    line-height:16px;
    width:571px;
    padding:30px 30px 20px 0px;
    background-image:url(../img/content_head.png);
    background-repeat:no-repeat;
    }
	
.box p {
    padding-left:40px;
    }

.box p .right {
    float:right;
    margin:0px 0px 5px 20px;
    padding:3px;
    border:1px solid #e7e7e7;
    }

.box p .left {
    float:left;
    margin:0px 20px 5px 0px;
    padding:3px;
    border:1px solid #e7e7e7;
    }

.box p a {
    text-decoration:underline;
    color:#1194e8;
    }
	
.box p a:hover {
    text-decoration:none;
    color:#1194e8;
    }

.box h1 {
    font:bold 16px arial;
    color: #ff7527;
    padding-left:40px;
    background-image:url(../img/h1_button.png);
    background-repeat:no-repeat;
    background-position: 5px 2px;
    padding-bottom:8px;
    }
	
.box h1 a {
    text-decoration:none;
    color:#ff7527;
    }
	
.box h1 a:hover {
    text-decoration:none;
    color:#fb9156;
    }
	
.box h2 {
    font:bold 14px arial;
    color: #ff7527;
    padding-left:40px;
    background-image:url(../img/h1_button.png);
    background-repeat:no-repeat;
    background-position: 5px 2px;
    padding-bottom:8px;
    }
	
.box h2 a {
    text-decoration:none;
    color:#ff7527;
    }
	
.box h2 a:hover {
    text-decoration:none;
    color:#fb9156;
    }
	
.box h3 {
	padding-left:40px;
    font:bold 12px arial;
    color: #ff7527;
    }
	
.box h3 a {
    font:bold 12px arial;
    color: #ff7527;
	text-decoration:none;
    }

.box h3 a:hover {
    font:bold 12px arial;
    color: #ff7527;
	text-decoration:underline;
    }

.box_mini {
    position:relative;
    font: 12px verdana;
    color:#454545;
    line-height:16px;
    width:461px;
    padding:30px 30px 20px 110px;
    background-image:url(../img/content_head.png);
    background-repeat:no-repeat;
    }

.box_mini p {
    position:relative;
    margin-bottom:14px;
    }

.box_mini h1 {
    font:bold 14px arial;
    color: #ff7527;
    }
	
.box_mini h3 {
    font:bold 12px arial;
    color: #ff7527;
    }
	
.box_mini h3 a {
    font:bold 12px arial;
    color: #ff7527;
	text-decoration:none;
    }

.box_mini h3 a:hover {
    font:bold 12px arial;
    color: #ff7527;
	text-decoration:underline;
    }
	
.box_mini p a {
    text-decoration:underline;
    color:#1194e8;
    }

.box_mini p a:hover, a:active {
    text-decoration:none;
    color:#1194e8;
    }

.box_mini p img {
    position:absolute;
    left:-70px;
    top:-12px;
    padding:3px;
    border:1px solid #e7e7e7;
    }


/** ------------------------ Right -------------------------- **/

#right {
    float:right;
    width:170px;
    padding:2px 0px 0px 0px;
    }

#right img {
    border:none;
    }
	
#right .about {
    width:150px;
    padding:0px 15px 0px 5px;
	font-size:9px;
	text-align:justify;
	
    }
	
#right .klickcheck {
    width:165px;
    padding:0px 0px 0px 5px;
	font-size:9px;
	color:#454545;
    }
	
#right .klickcheck a {
	font-size:9px;
	color:#454545;
	text-decoration:none;
    }
	
#right .klickcheck a:hover {
	font-size:9px;
	color:#454545;
	text-decoration:none;
    }

/** ------------------------ Footer -------------------------- **/

.clear {
    clear:both;
    }

#footer {
    position:relative;
    width:960px;
    height:269px;
    background-image:url(../img/footer.png);
    margin-top:63px;
    }

#footer ul {
    list-style:none;
    float:left;
    width:207px;
    font: 12px arial;
    color:#454545;
    line-height:18px;
    padding:50px 0px 0px 33px;
    background-image:url(../img/footer_line.png);
    background-repeat:no-repeat;
    height:203px;
    }

#footer .first {
    background-image:none;
    }


#footer ul .title {
    font-weight:bold;
    color:#525252;
    padding-bottom:6px;
    }

#footer ul li a {
    text-decoration:none;
    color:#454545;
    }

#footer ul li a:hover {
    color:#222222;
    }

#footer .copyright {
    position:absolute;
    font: 10px verdana;
    bottom:20px;
    left:32px;
    color:#686868;
    }

#footer img {
    position:absolute;
    right:40px;
    bottom:10px;
    }


#footer .copyright a {
    text-decoration:none;
    color:#686868;
    }
	
#footer .copyright a:hover {
    text-decoration:none;
	color:#999;
    }

#main_end {
    position:absolute;
    top:-63px;
    width:960px;
    height:63px;
    background-image:url(../img/main_bottom.png);
    }
	
/** ---------------------- alignment classes ----------------------- **/

.float-left  { float: left; margin-right:15px; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
