body {
	background-image: url('/puppeteer/design/bg5.gif');
	background-attachment:fixed;
	font-family: tahoma;
	text-align:justify;
	font-size: 11px; 
	color: #c4c4c4;
	margin: 0px; 
	padding: 0px;}

p {
	font-family: tahoma;
	text-align:justify;
	font-size: 11px;
	color:#C4C4C4;
	letter-spacing: 1px;}
	
#container{
	margin: 0 auto;
	margin-top:50px;
	width:900px;
	background-color:#292929;
	border:0px solid #888888;}

#header{
	width:900px; 
	height: 250px;
	border-bottom:5px solid #292929;
	background-image: url('/puppeteer/design/header.gif')
	;}

#sidebar{
	float: left;
	width: 210px;
	font-family: tahoma;
	font-size:11px;
	padding:5px;
	margin:4px;
	background-color:#292929;}

#content{
	float: right;
	width: 650px;
	font-family: tahoma;
	font-size:11px;
	padding:5px;
	margin:4px;
	background-color:#292929;}

#footer{
	clear:both;
	font-family: tahoma;
	font-size:11px;
	background-color:#333333;
	border-top: 5px solid #333333;
	border-bottom: 5px solid #333333;
	text-align:left;
	padding:5px;}
	
a.foot:link, a.foot:active, a.foot:visited{
font-family: "tahoma"; 
text-align:center;
padding:0px; margin:1px;
font-size: 13px; 
line-height:15px;
color: #999999;
display:block;
float:right;
width:100px;
}
a.foot:hover{
color: #eeeeee;
}


a.nav:link, a.nav:active, a.nav:visited{
	font-family: "tahoma"; 
	line-height: 20px;
	text-align:left;
	letter-spacing: 3px;
	padding:3px; margin:1px;
	padding-left:10px;
	font-size: 11px; 
	color: #8b8b8b;
	background-color:#333333;
	display:block;}

a.nav:hover{
	font-family: "tahoma"; 
	text-align:left;
	padding:3px; margin:1px;
	padding-left:15px;
	color: #414141;
	background-color:#1a1a1a;
	display:block;}

#navi a:link, 
#navi a:visited, 
#navi a:active {color:#545454;
	letter-spacing: 0;
	font-family: 'Nixie One', cursive;
	font-size:12px;
	text-align: left;	
	text-shadow: 1px 1px 1px #;
	background:#1a1a1a;
	border-bottom: #414141 1px solid;
	border-left: #1a1a1a 3px solid;
	border-right: #1a1a1a 3px solid;
	line-height: 15px;
	width: 95px;
	display: block;
	padding-left: 4px;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom: 2px;
	text-transform:none;}

#navi a:hover {color:#5D478B;
	letter-spacing: 1px;
	font-family: 'Nixie One', cursive;
	text-align: left;
	line-height: 15px;
	padding-left: 7px;
	padding-right: 0px;
	display: block;
	text-transform:none;
	text-decoration:none;
	}	

a:link, a:visited, a:active {
	color:#ffffff;
	letter-spacing: 1px;
	cursor: alias;
	font-weight:;
	font-family: 'Abel', sans-serif;
	font-size:11px;
	text-transform:uppercase;
   text-decoration:none;}

a:hover {
	color:#B452CD;
	text-decoration:none;
	text-transform:uppercase;}

td, tr, table {
	font-size:11px;
	font-family: tahoma;
	text-align:justify;
	color:#C4C4C4;
	letter-spacing: 0px;
	border: 0px;}
	 
b {font-size:12px;
	font-family: tahoma;
	text-shadow: 1px 1px 1px #000000;
	text-align:justify;
	color:#7A378B;
	letter-spacing: 1px;}
	
b2 {color:#c4c4c4;
	letter-spacing: 1;
	font-family: tahoma;
	text-decoration: underline #414141;
	font-size:11px;
	text-shadow: 1px 1px 1px #000000;
	text-transform:uppercase;}
	
b3 {color:#9A32CD;
	letter-spacing: 1;
	font-family: tahoma;
	text-decoration: bold;
	font-size:12px;
	text-shadow: 1px 1px 1px #000000;
	text-transform:uppercase;}
	 
i {color:#8B668B;
	font-family: tahoma;
	font-size:11px;}
	 
s {color:#000000;
	font-family: tahoma;
	font-size:11px;}

u {color:#CD69C9;
	font-size:11px;
	text-decoration: underline #000000;
	font-family: tahoma;
	text-align:justify;
	letter-spacing: 1px;}
	
h1 {color:#7A378B;
font-family: 'Great Vibes', cursive;
	letter-spacing: 2px;
	background-color:#333333;
	border-bottom:#1a1a1a 1px dashed;
	border-top:#eeeeee 0px solid;
	line-height: 24px;
	font-size: 26px;
	font-weight:lighter; 
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	font-style:inherit;
	padding: 10px 2px 2px 30px;
	text-transform:;
	margin-bottom: 2px;
	margin-top: 0px;}

h1:first-letter{color:#B452CD; font-size: 28px;}
	
h2 {color:#1C1C1C;
	background:#333333;
	border-bottom: #1C1C1C 1px solid;
	border-left: #1C1C1C 0px dashed;
	border-right: #1C1C1C 0px solid;
	padding-left: 5px;
	letter-spacing: 1;
	font-family: tahoma;
	font-size:14px;
	text-align: left;
	text-transform:uppercase;
	margin-bottom:0px;
	text-shadow: 1px 1px 1px #;
	font-weight:lighter;}
	
h3 {color:#B452CD;
	width: auto;
	background-color:#333333;
	letter-spacing: 4px;
	line-height: auto;
	font-variant:small-caps;
	font-family:Myriad;
	font-weight:normal;  
	font-size: 13px;
	font-style:none;
	text-align: center;
	padding: 1px;
	text-shadow: 1px 1px 1px #000000;
	text-transform: lowercase;
	margin-bottom: 0;}

	
/* unten */
h5 {color:#1a1a1a;
	background:#333333;
	font-size:12px;
	text-transform: lowercase;
	text-shadow: 1px 1px 1px #;
	font-family:Myriad;
	font-weight:normal;
	text-align: center;
	letter-spacing: 2px; 
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top:#1a1a1a 0px solid;
	border-bottom:#333333 3px solid;}

/* oben */
h6 {color:#8B4789; 
	background:#333333;
	font-size:30px;
	text-transform:;
font-family: 'Great Vibes', cursive;
	font-weight:normal;
	font-style: italic;
	text-align: center;
	text-shadow: 1px 1px 1px #000000;
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -12px 0px;
	border-top:#333333 3px solid;
	border-bottom:#eeeeee 0px solid;}

.transform{
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(2deg);
	-o-transform: rotate(-2deg); }


.news {color:#C4C4C4;
	border:#414141 1px dashed;
	background:#1a1a1a;
	text-align: justify;
	hyphens: auto; 
	font-size:11px;
	font-family: tahoma;
	font-style: none;
	text-decoration: none;
	margin:  5px 0px 10px 15px ;
	padding: 10px 10px 10px 10px;
	width: 600px;
	height: auto;
	box-shadow: 0px 0px 0px #8b8b8b;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 20;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 20;
	border-radius: 5px;
	border-bottom-left-radius: 20;}

.news:hover {border:#8b8b8b 1px dashed;}

.box {color:#C4C4C4;
	border:#1F1F1F 1px dashed;
	background:#3D3D3D;
	text-align: justify;
	hyphens: auto; 
	font-size:11px;
	font-family: tahoma;
	font-style: none;
	text-decoration: none;
	margin:  5px 5px 5px 5px ;
	padding: 8px 5px 8px 8px;
	width: 625px;
	height: auto;
	box-shadow: 2px 2px 2px 0px #;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 10;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomleft: 10;
	border-radius: 5px;
	border-bottom-left-radius: 10;}
	
	
.welcome {color:#C4C4C4;
	border-top:#1F1F1F 5px solid;
	border-bottom:#1F1F1F 5px solid;
	background:#3D3D3D;
	text-align: justify;
	hyphens: auto; 
	font-size:11px;
	font-family: tahoma;
	font-style: none;
	text-decoration: none;
	margin:  5px 5px 5px 5px ;
	padding: 8px 8px 8px 8px;
	width: 625px;
	height: auto;
	box-shadow: 2px 2px 2px 0px #;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomright: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;}


textarea {text-align: left;
	height:auto;
	color:#C4C4C4;
	background-color:#1a1a1a;
	cursor: text;
	font-family: tahoma;
	font-size:11px;
	border:#414141 1px solid ;
	text-transform:none;
	width: 320px; 
	padding: 3px 3px 3px 3px;
	line-height:inherit;}

.scrollbox {
	color:#C4C4C4;
	border:#1a1a1a 1px dashed;
	background:#3D3D3D;
	text-align: justify;
	font-size:11px;
	font-family: tahoma;
	font-style: none;
	text-decoration: none;
	margin:  4px 10px 0px 10px ;
	padding: 8px 5px 8px 8px;
	width: 615px;
	height: 80px;
	box-shadow: 0px 0px 0px #8b8b8b;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomleft: 5;
	border-radius: 5px;
	border-bottom-left-radius: 5;
	overflow: auto;
	line-height:inherit;} 

::-moz-selection {color:#000000;
	background-color:#cccccc;}
		 
.bg {
	color:#C4C4C4;
	background:#1a1a1a;
	float:left;
	height:auto; width:auto;
	font-size:11px; 
	font-family: tahoma;
	padding: 10px 10px 7px 10px;  
	border: #333333 5px solid ;
	margin:  5px;}
	
.bg:hover {
	color:#C4C4C4;
	border:5px solid #414141;}
	
.linkout {
	color:#C4C4C4; 
	background:#1a1a1a;
	float:left;
	height:auto; width:auto;
	font-family: tahoma;
	padding: 5px 5px 2px 5px;
	border:#414141 1px dashed ;
	margin:  5px;
	border-radius: 0px;}
	
.linkout:hover {
	color:#C4C4C4; 
	background:#1a1a1a;
	float:left;
	height:auto; width:auto;
	font-family: tahoma;
	padding: 5px 5px 2px 5px;
	border:#7A378B 1px solid ;
	margin:  5px;
	border-radius: 2px;}


input {color:#C4C4C4; 
	border:#414141 1px solid ;
	background:#1a1a1a;
	font-size:11px;
	font-family: tahoma;
	height: 18px; 
	width: 325px;
	margin: 1px 0px;
	padding: 1px;}
	
input.button{height: 24px;}
	
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {border: 1px solid #414141;}

.current { 	
font-family: 'Advent Pro', sans-serif;
	float:right; 
	width: 110px;	
	height: 13px; 
	text-align: right; }
	
/* Liste */
ul.downloads {
	margin:0px;
	padding:0px;}
	
/* Listenelement */
ul.downloads li {
	float:left;
	width:33%; /* Breite einer Zelle (zB 25% für 4, 20% für 5, …) */
	list-style:none;
	margin:0px;
	padding:0px;}
	
/* Spacer */
ul.downloads li.spacer {
	clear:both;
	float:none;}

	/* Style des sichtbaren Vorschaublocks */
ul.downloads li figure {
	background:#1a1a1a;
	border:#333333 5px solid ;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position:relative;
	width:auto;
	text-align:center;
	margin:1em;
	padding:5px}

/* Unsichtbarer Teil des Vorschaublocks */
ul.downloads li figure figcaption {
	opacity:0;
	margin:0em 0em 0em 0em;
	top:3.9em; /* Abstand nach oben von figure aus */
	left:0.1em; /* Abstand nach links von figure aus */
	background: #000000;
	border-bottom:#333333 1px solid ;
	border-top:#333333 1px solid ;
	position:absolute;
	width:99%;
	padding:0.9em 0em;
	color:#414141;
	text-align:center;}
	
/* Erscheinen bei Over mit ease-in-out Effekt mit 600 Milisekunden */
ul.downloads li figure:hover figcaption {
	-o-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;  
	opacity:0.9;}

ul {list-style: square; }

.left { text-align: left; float: left; padding-left: 5px;}

.right { text-align: right;}

.center {clear: center; float: center; text-align:center;}

.clear {clear: left;}
	
ul#menu {position:absolute;   
	height: auto; width: auto;    
	left: 20px; top: 63px; 
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

* html ul#menu {margin: 0px 0px 0px;
	padding: 0px 0px 0px 0px; }

ul#menu li {background-color:#1a1a1a;
	color:#999999;
	font-size: 12px; 
	cursor: alias;
	font-family: 'Nixie One', cursive;
	width: 160px; height:auto;
	line-height: 15px;
	display: block;}

ul#menu li a{color:#414141;
font-family: 'Nixie One', cursive;
	font-size:12px;
	text-align: left;	
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000000;
	width: auto;
	border-bottom: #8b8b8b 1px solid;
	display: block;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 1px;
	border-left: #1a1a1a 10px solid;
	border-right: #1a1a1a 10px solid;
	border-top: #1a1a1a 3px solid;
	text-decoration:none;
	text-transform:none;
	}
	
ul#menu li a:hover{color:#CD0000;
	letter-spacing: 1px;
font-family: 'Nixie One', cursive;
	font-size:12px;
	text-align: left;
	display: block;}
		
ul#menu li a.current_page_item{color:#CD0000;
	letter-spacing: 2px;
font-family: 'Nixie One', cursive;
	font-size:12px;
	text-align: left;
	background:#1a1a1a;
	border-left: #414141 7px solid;
	border-bottom: #1a1a1a 1px solid;
	border-right: #1a1a1a 1px solid;
	line-height: 14px;
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	text-transform:uppercase;
	text-decoration:none;}
	
ul#menu li a:hover.current_page_item{color:#CD0000;
	letter-spacing: 2px;
font-family: 'Nixie One', cursive;
	font-size:12px;
	text-align: left;
	background:#1a1a1a;
	border-left: #CD0000 7px solid;
	border-bottom: #1a1a1a 1px solid;
	border-right: #1a1a1a 1px solid;
	line-height: 14px;
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	text-transform:uppercase;
	text-decoration:none;}	

#navitop{	
	clear:both; 
	position: relative; 
	margin: 0 auto; 
	margin-bottom: -50px;
	height:50px; width:900px;
	background-color: #333333;
	border-bottom: 1px solid #414141;}

#navitop a{
	float:left;
	width:128px;
	height:50px;
	line-height:50px;
	padding:0px; 
	margin: 0px;
	color: #666666;
	text-transform:none;
	font-family: 'Cinzel', serif;
	font-size: 18px; 
	text-align:center;
	display:block;}

#navitop a:hover{
	color: #7A378B; 
	text-decoration:none;
	text-shadow: 1px 1px 1px #000000;
	background-color:#;}



a.titel-partner {outline:none; }
a.titel-partner strong {line-height:0;}
a.titel-partner:hover {text-decoration:none;} 
a.titel-partner span {
    z-index:10; display:none;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    margin-top:30px; margin-left:-50px;
    width:150px; }
    
a.titel-partner:hover span{
	display:inline; position:absolute; 
	color:#ffffff;
   text-shadow: 1px 1px 1px #000000;
	letter-spacing: 1px;
	font-family: 'Cinzel', serif;
	font-size: 10px; 
   background:#7A378B;
    
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    
	border:1px solid #1a1a1a;  
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* allgemein */
	-moz-opacity:0.7; /* Mozilla */
	-khtml-opacity:0.7; /* KTHML */
	-opera-opacity:0.7; /* Opera */
    }
    
a.titel-affi {outline:none; }
a.titel-affi strong {line-height:0;}
a.titel-affi:hover {text-decoration:none;} 
a.titel-affi span {
    z-index:10; display:none;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    margin-top:15px; margin-left:-50px;
    width:150px; }
    
a.titel-affi:hover span{
	display:inline; position:absolute; 
	color:#ffffff;
   text-shadow: 1px 1px 1px #000000;
	letter-spacing: 1px;
	font-family: 'Cinzel', serif;
	font-size: 10px; 
   background:#7A378B;
    
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    
	border:1px solid #1a1a1a;  
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* allgemein */
	-moz-opacity:0.7; /* Mozilla */
	-khtml-opacity:0.7; /* KTHML */
	-opera-opacity:0.7; /* Opera */
    }
    
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}