/* website style: close2target - the original
    created by Tristan Krakau 21.01.2006
    designed by Gerrit Baron */

/* global styling */
a {
	background-color: transparent;
	color: #732324;
	text-decoration: none;
	font-weight: bold;
}
a img {
	border: none;
}
a:hover {
	text-decoration: underline;
}
img.borderless {
	border-width: 0px;
	padding: 0px;
	margin-bottom: 0px;
}

img.passport {
    float: none;
    margin-right: 5px;
}

img.cover {
    float: right;
    margin-left: 10px;
}

ul.character {
    display: block;
    list-style: none outside;

    padding-left: 0;
}

ul.character li {
    margin-left: 0;
    margin-bottom: 1em;
}

dl.imprint {
    font-size: smaller;
    text-align: left;
}

dl.imprint dt {
    font-weight: bold;
}

table.imprint td {
    width: 30%;
    vertical-align: top;
}

h1 {
    font-size: 1.2em;
}
h2 {
    font-size: 1.1em;
    font-style: italic;
}
h3 {
    font-size: 1em;
}

h4 {
    font-size: 1em;
    line-height: 20%;
}

h5 {
    font-size: 1.2em;
    color: #FF0000; 
    font-weight: bold;
}

.error {
	font-weight: bold;
	color: red;
}

#text {
  background-color: #f1f1f1;
	padding-left: 60px;
	padding-right: 60px;
	margin-top: -10px;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-size: small;
}

#textbox {
  background-color: #f1f1f1;
	padding-left: 60px;
	padding-right: 60px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top: -10px;
	margin-bottom: -13px;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-size: small;
}


/* layout definitions */
body {
  background-image: url('./images/background_image.jpg');
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	background-color: white;
}
#welcome {
	background-repeat: no-repeat;
	width: 800px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#welcome #index {
	position: relative;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#welcome #index a {

    font-weight: bold;
    font-size: 120%;
}

#welcome #ani {
	position: relative;
	top: 110px;
	margin-left: auto;
	margin-right: auto;
}

#periphery {
	width: 1024px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, sans-serif;
	font-size: small;
}
	
#topic{
  background-color: #f1f1f1;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
}

/* IE 5- did not use the margin: auto -parent element must have text-align: center */
}

#top {
	color: #000000;
	width: 800px;
	height: 141px;
	overflow: hidden;
	
}

#content {
	color: black;
	width: 1024px;
	margin: 0;
	top: 0px;
}

#content #corner {
	width: 800px;
}

div#corner {
  margin:0;padding:0;
  border:0;
}

#corner img {
 border:0;
 margin:0;
 padding:0;
}
/*
template for new sites with background
#content.<!--SITE--> {
    background-image: url('images/<!--SITENUM--><!--SITE-->_03.gif');
}
*/

table.content {
    
}

table.content td.left {
    vertical-align: top;
    width: 120;
    border-spacing: 5 px;
    text-align: top;
}

table.content td.middle {
    vertical-align: top;
    width: 800;
    border-left: 5 px;
    border-right: 5 px;
    text-align: center;
}

table.content td.right {
    vertical-align: top;
    width: 104;
    border-spacing: 5 px;
    text-align: left;
}

/*
individual contet definitions appearing in table.content td.middle
*/
/*
TV definitions
*/
#channeldisplay {
	width: 800px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -5px;
	text-align: center;
}

#movieboard{
  background-color: #f1f1f1;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -6px;
	margin-bottom: -5px;
	text-align: center;
}

table.movieboard {
    border-spacing: 10px;
    width: 100%;
}

table.movieboard td {
    text-align: center;
    width: 50%;
}


#movieplayer {
    text-align: center;
    padding: 0px;
    margin: 0px;
}

/*
MAG + NEWS definitions
*/
#magtext {
  background-color: #f1f1f1;
	width: 800px;
	margin-top: 0px;
	padding:10px 0;
}

#magtextbox {
	margin-left:50px;
	margin-right:50px;
  margin-bottom:10px;
	text-align: left;
	font-family: Arial, sans-serif;
}

#news {
  background-color: #f1f1f1;
	width: 800px;
	margin-top: 0px;
	padding-top:5px;
	font-family: Arial, sans-serif;
}

#news_right {
	width: 800px;
	height: 170px;
}

#news_right_text {
  text-align: right;
  font-family: Arial, sans-serif;
  font-size: small;
  margin-left: 300px;
  margin-right: 20px;
}

#news_left {
	width: 800px;
	height: 170px;
}

#news_left_text {
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: small;
  margin-left: 20px;
  margin-right: 300px;
}

.webnews {
    background-image: url('images/news_webnews.jpg');
    background-repeat: no-repeat;
}

.movienews {
    background-image: url('images/news_movienews.jpg');
    background-repeat: no-repeat;
}

.outlook {
    background-image: url('images/news_outlook.jpg');
    background-repeat: no-repeat;
}

.travelguidechannel {
    background-image: url('images/tv_tg-channel.jpg');
    background-repeat: no-repeat;
}

.videomagchannel {
    background-image: url('images/tv_vm-channel.jpg');
    background-repeat: no-repeat;
}

.gwadastylez {
    background-image: url('images/mag_gwada-stylez.jpg');
    background-repeat: no-repeat;
}

.operationoverload {
    background-image: url('images/mag_operation-overload.jpg');
    background-repeat: no-repeat;
}

.nikstrickbox {
    background-image: url('images/mag_niks-trickbox.jpg');
    background-repeat: no-repeat;
}



/*
 * NEWS Gallery Definitions on Close2Target
 */
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(./images/news/slider.png) no-repeat;
    width:800px;       /*original:998px*/
    height:350px;      /*original:392px*/
    margin:0 auto;
    padding-top:46px;  /*original:74px*/
    margin-top:-30px;   /*original:50px*/
}

#slider {
	position:relative;
    width:729px;          /*original:618px*/
    height:259px;         /*original:246px*/
    margin-left:35px;    /*original:190px*/
	background:url(./images/news/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:320px;    /*original:260px*/
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(./images/news/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(./images/news/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/* 
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}




/*
SHOP definitions
*/

#c2tshop{
  background-color: #f1f1f1;
	width: 800px;
	border:0;
	margin:0;
	margin-top:-5px;
}

table.c2tshop {
    border-spacing: 5px;
    width: 100%;
}


/*
Models definitions
*/
#models {
    background-color: #f1f1f1;
    text-align: center;
    width: 800px;
    margin-top: 0px;
    margin-bottom: -3px;
}

#modelgallery {
    background-color: #f1f1f1;
    margin-top: -10px;
    border: 0px;
    left: 80px;
    width: 800px;
    text-align: center;
}

table.modelgallery {
    border: 0px;
    margin-left: 40px;
}


#modelgallery .smallpic {
    border: 0px;
    width: 95px;
}

#modelgallery .bigpic {
    border: 0px;
    margin: 0px 10px 0px 10px;
    width: 600px;
}

/*
CREW definitions
*/
#team {
    background-color: #f1f1f1;
    text-align: center;
    width: 800px;
    margin-top: -4px;
    margin-bottom: -3px;
}

table.teamtable {
    width: 100%;
}

table.teamtable td.left{
    width: 50%;
    text-align: left;
}

table.teamtable td.right{
    width: 50%;
    padding-left: 15px;
    text-align: left;
}

#crew {
  background-color: #f1f1f1;
	width: 800px;
	margin-top: -4px;
}

#crew_right {
  margin-top: 2px;
	width: 800px;
	height: 170px;
}

#crew_right_text {
  text-align: right;
  font-family: Arial, sans-serif;
  font-size: small;
  margin-left: 300px;
  margin-right: 20px;
}

#crew_left {
	width: 800px;
	height: 170px;
}

#crew_left_text {
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: small;
  margin-left: 20px;
  margin-right: 300px;
}

.gerrit {
    background-image: url('images/crew_gerrit_baron.jpg');
    background-repeat: no-repeat;
}

.pauline {
    background-image: url('images/crew_pauline_busch.jpg');
    background-repeat: no-repeat;
}

.ben {
    background-image: url('images/crew_ben_haeussler.jpg');
    background-repeat: no-repeat;
}

/*
LINKS definitions 
*/
#links{
  background-color: #f1f1f1;
	width: 800px;
	margin-top: -5px;
}

table.links {
    width: 800px;
}

table.links th {
    border-bottom: solid black 1px;
    width: 100%;
}

table.links td {
    text-align: center;
    width: 25%;
}

/*
CONTACT definitions 
*/

#imprint {
    background-color: #f1f1f1;
    padding-left: 60px;
	  padding-right: 80px;
	  margin-top: -23px;
	  margin-bottom: -15px;
	  text-align: justify;
	  font-family: Arial, sans-serif;
  	font-size: small;
}

/*
FORYOU definitions 
*/
#foryou {
  background-color: #f1f1f1;
	margin-top: -10px;
	text-align: justify;
	font-family: Arial, sans-serif;
	font-size: small;
}

table.foryou {
    border-spacing: 20px;
    width: 800px;
}

table.foryou th {
    border-bottom: solid black 1px;
    width: 800px;
}

table.foryou td {
    text-align: left;
}

/*
footer definitions 
*/

#footer {
	color: rgb(128,128,128);
	background-color: transparent;
	clear: both;
	font-size: 70%;
	font-family: Arial;
	margin-top: 10px;
	text-align: right;
}

#footer a {
	color: rgb(119,136,153);
	text-decoration: underline;
	font-style: italic;
}


