/* ############################ F_STOP:DE ################################### */
/*
link color: #9BD9F7

*/

body
	{
	background: white /*#9BD9F7*/ url(cubist-2.png) 0px -300px;/*#C7EE4A*/ /*#9BD9F7*/ /*#99995a*/
	overflow:hidden;
	}
	
*
{
	font-family:Arial, sans-serif;
	text-shadow:#000000 1px 1px 3px;
}
	
.flL {float:left}
.flR {float:right}
.clB {clear:both}
.clL {clear:left}
.clR {clear:right}
.hidden {display:none}
.noborder {border:0;}
.clear {clear:both}
br.clear {line-height:0;height:0;}
br.hidden{display:none;line-height:0;height:0;}
.topflush {margin-top:0;padding-top:0}
.noborder {border:none;}

a {
	color:#719EB4;
	padding:1px 3px 1px 2px;
	text-decoration:none;
}
						
a:hover
{
	color:#e3e4e1;
	background:#333333;
}

/* ################### BOXES ################################### */
	
	.bar
	{
	position:absolute;
	bottom:0;
	right:0;
	width:1600px;
	height:1000px;
	background:url(cubist-2.png);
	}
	
	.foo
	{
	position:absolute;
	bottom:-50%;
	left:-40%;
	width:1700px;
	height:1200px;
	background:url(cubist-2.png);
	}

#mainframe {
	position: relative;
	width: 906px;
	height: 400px;
	margin: 10% auto 0 auto;
	background:url(bg_panascope_lvl1.png);
}

#mainframe.lvl2 {
	position: relative;
	width: 906px;
	height: 400px;
	margin: 10% auto 0 auto;
	background:url(bg_panascope_lvl2.png);
}

#content {
	position: absolute;
	bottom: 7px;
	height: 320px;
	padding: 0 10px 10px 10px;
	margin:0;
	overflow: auto;
	z-index: 7;
	border-left:1px solid silver;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:647px 0px;
	}

#content {
	left: 140px;
	width: 720px;
	}
	
#mainframe.lvl2 #content {
	left: 260px;
	width: 605px;
	}
	
/* ################### STYLESWITCH ################################### */


#styleswitch
{
	position: absolute;
	top:0px;
	right: 30px;
	padding:10px;
	color:#808080;
	z-index: 8;
	text-shadow:none;
}

#styleswitch a
{
	color:#808080;
	text-shadow:none;
}

#styleswitch a:hover
{
	color:#E2E4E0;
	text-shadow:#000000 1px 1px 3px;
	background:none;
}
	
/* ################### CONTENT ################################### */
	
#content {
	color:silver;
	}


#content hr { 
					height:0;
					width:99%;
					margin:0;
					padding:0;
					background:transparent;
					color:transparent;
					border:none;
					border-bottom: 1px dotted silver; }

#content ul, #content ul
{ 
list-style-type:none;
margin:0;
padding:0 0 0 26px;
list-style-image:url(list_bullet_silver_2.gif);
}
	
/* ################### CI COLORS ################################### */
		
p, h1, h2, h3, h4, h5, h6, .login strong, .login input
	{
	color:#e3e4e1;/*#A18860# 8F816A*/ /* hellbraun blass*/
	}

ul, ol, div {
	font-size:12px;
	color:#e3e4e1;
	}

	
/* ################### NAVI ################################### */
	
.navi {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width:135px;
	padding:50px 0 0 6px;
	margin:0;
	color:black;
	font-weight:normal;
	background:url(bg_navi_lvl1.png) no-repeat;
	}
#mainframe.lvl2 .navi {
	width:250px;
	background:url(bg_navi_lvl2.png) no-repeat;
	}
	
.navi ul {
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	list-style-type:none;
	}
	
.navi ul ul {
	margin: -18px 0 4px 100px;
	padding:-1px 0 0 0;
	border-top:1px dotted silver;
	}
		
.navi li {
	margin: -1px 0 1px 0;
	padding: 3px 0 2px 0;
	}
	
/*.navi li#current	{border-top:1px solid silver;}*/
.navi li#current,
.navi li#active{border-top:1px solid silver;background:url(bg_navi_li.png)no-repeat;padding-left:4px}

/* links */
	
.navi a, .navi a:link {
	color: white;
	text-decoration:none;
	}

.navi li#current > A,
.navi li#active > A {
	font-weight:bold;
	color: #9BD9F7;}

.navi a:hover {
	color: #9BD9F7;
	background: none;
	}
	
	
/* IE 6 hacks */

* html .navi li.open	{border-top:1px solid #E7E7E7;} 

* html .navi ul ul {
	position:relative;
	left:100px;
	width:150px;
	margin: -19px 0 4px 0;
	padding:0 0 0 0;
	border-top:0 }
	
/* IE 7 hacks */

*+html .navi ul ul {margin: -19px 0 4px 100px;}


/* ################### allgemeine Text und Bild Box ######################## */
#content {
	margin-top:0;
	padding-top:0
	}
	
 span.preview 
	{
	position:absolute;
	top:0;
	right:0;
	display:none;
	}
	/*
#content A	span	{
display:block;
width:210px;
position:fixed;
left:50%;
top:10%;
margin-left: -450px;
margin-top: 120px;
background:white;
border-top:1px dotted silver;
border-bottom:1px dotted silver;
color:white;
padding:15px;
font:normal 12px Arial, sans-serif;
z-index:1}
											
#content A:hover span{
z-index:7;
}

#content p	hr, #content hr { 
					height:0;
					width:99%;
					margin:0;
					padding:0;
					background:transparent;
					color:transparent;
					border:none;
					border-bottom: 1px dotted silver; }
					*/

#content	img
{ 
	border: 1px solid gray;
}
#content	img.noborder
{ 
	border: 0;
}
#content a img
{ 
	border: 1px solid gray;
}
						
#content h1
	{
	margin-top:0;
	padding-top:0
	}
* html #content h1
	{
	font-size:23px;
	font-family:Verdana, sans-serif;
	}
* html #content h3
	{
	font-size:16px;
	font-family:Verdana, sans-serif;
	}
						
#content	a {
						color:#9BD9F7;
						padding:1px 3px 1px 2px;
						text-decoration:none;
						}
						
#content a:hover
{
color:white;
background:#333333;
}

						
#content ul 
{ 
list-style-type:none;
margin:0;
padding:0 0 0 26px;
list-style-image:url(list_bullet_silver_2.gif);
}

#content	li { margin: 0px 20px 0px 0px;
				}
    					

.imgboxlinks		{		float:left; 
						display:block;
						padding-top:0px; 
						padding-right:15px; 
						padding-bottom:10px; 
						font-size:10px;
						font-family: Arial, Helvetica, sans-serif;
						color:silver;
						line-height:13px;
						white-space:nowrap; 
						clear:both; }
						
.imgboxrechts	{		float:right; 
						padding:0px 20px 12px 20px; 
						font-size:10px;
						font-family: Arial, Helvetica, sans-serif;
						color:silver;
						line-height:13px;
						white-space:nowrap;
						clear:both; }
	
.imgboxlinks a:hover, .imgboxrechts a:hover
{
border:none;
background:none;
}

.imgboxlinks A img { 
						border: 1px solid #E6E6E6; }

img.noborder	{
			border:0;
			}
			
/* TEXTILE DELUXE */

.ImgBoxR,
.ImgBoxL,
.ImgBox
{
	color:gray;
	font-size:10px;
	font-style:normal;
	line-height:12px;
}

.ImgBoxR {
	float:right;
	margin:0 0 4px 8px;
	padding:0 0 4px 8px;
}

.ImgBoxL {
	float:left;
	margin:0 8px 4px 0;
}

.ImgBoxR img,
.ImgBoxL img,
.ImgBox img
{
	margin:0;
	padding:0;
	border:1px solid #efefef;
}

.ImgBoxR img.noborder,
.ImgBoxL img.noborder,
.ImgBox img.noborder
{
	border:1px solid transparent;
}

.ImgBoxR img:hover,
.ImgBoxL img:hover,
.ImgBox img:hover,
.ImgBoxR img.noborder:hover,
.ImgBoxL img.noborder:hover,
.ImgBox img.noborder:hover
{
	border:1px solid black;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
}

div.Rcol
{
	float:right;
	width:49%;
	margin:0;
	padding:0 0 0 30px;
}

div.Lcol
{
	float:left;
	width:49%;
	margin:0;
	padding:0 30px 0 0;
}
			
/* ################### RENDER HEADLINES ################################## */
/*
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span
{
	display:none;
}
*/

.fstop
{
	position:absolute;
	top:-14px;
	left:10px;
	margin:0;
	padding:0;
}
.comdesign
{
	position:absolute;
	top:35px;
	left:10px;
	margin:0;
	padding:0;
}
.webseiten
{
	position:absolute;
	top:80px;
	left:80px;
	margin:0;
	padding:0;
}
.fstop span,
.webseiten span,
.comdesign span
{display:none}

.hhimg
{
	position:absolute;
	display:none;
	top:50px;
	left:400px;
	border:0;
}
.jc1img
{
	position:absolute;
	top:0px;
	left:340px;
	border:0;
}
.jc2img
{
	position:absolute;
	display:none;
	top:30px;
	left:470px;
	border:0;
}



/* ################### FORMS ################################## */
#form-module *
{
	padding: 0px;
	margin: 0px;
}

#form-module
{
	margin: 0px;
	padding: 0px;
	width: 520px;
	background-color: transparent;
	color: #666;
	font-size: 1.2em;
}

#form-module fieldset { border: none; }
#form-module legend { display: none; }

#form-module p
{
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#form-module .element
{
	display: block;
	clear: both;
	background-color: transparent;
	border-top: none;
}

#form-module label
{
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
	border-right: none;
}

#form-module label.checkbox
{
	width: 372px;
	border-left: none;
	border-right: none;
}

#form-module input, 
#form-module select, 
#form-module textarea
{
	float: left;
	margin: 5px;
	width: 295px;
	border: 1px solid silver;
	background:none;
	padding:3px 3px 0 3px;
	font-size:12px;
}

#form-module input.text { height: 20px;background:none/*url(bevel.png)*/ }

#form-module input.checkbox
{
	width: 120px;
	padding: 0;
	border: none;
}

#form-module input.submit
{
	margin: 5px 5px 5px 137px;
	padding: 2px 5px;
	border: 1px solid silver;
	background: none;
	color: white;
	text-align: center;
	cursor: pointer;
}

#form-module input.submit:hover
{
	background:silver;
	color: white;
}

 
#form-module textarea.textarea { height: 96px;background:none }

#form-module-thanks
{
	display: block;
	color: #666;
	font-size: 1.2em;
}

/* ################### LOGIN ################################## */
.login
{
	position: absolute;
	top: -38px;
	right: 17px;
	font-size: 10px;
	text-align: right;
	color:#E6E6E6;
	font-family:Arial, sans-serif;
}

.login legend { display: none; }

.login label { color: #5B5B5B; }
.login fieldset { border: none; }

.login input.submit
{
	border: 0;
	font-size: 10px;
	background: url(bg_black_50.png);
	color: white;
	cursor: pointer;
}

.login input
{
	border: 0;
	font-size: 10px;
	background: url(bg_black_50.png);
	color: white;													/* CI */
	cursor: pointer;
	text-align:center;
}

#login,#paswd { width: 60px;
	font-size: 10px; }
.warning { color: red;
	font-size: 10px; }
/*.login strong { color: #D33A30; }*/ 									/* CI */

.login a
{
	color: #5B5B5B;
	text-decoration: none;
	border: 1px solid #5B5B5B;
	padding: 1px 3px 1px 3px;
}

.login p
{
	padding: 0 10px 0 0;
	margin: 8px 0 0 0;
}


/*####################  CSS HACKS BEISPIELE ######################*/

* html .starhtml {
	color:#ADCFFF;
}

*+html .starplus {
	color:#ADCFFF;
}

*:first-child+html .starfirstchild {
	color:#ADCFFF;
}

.atimportant {
	color:#ADCFFF !important;
	color:black;
	
}

html>body h3.childselect {
	color:#ADCFFF;
}
.tantek {
	color:black;
	voice-family: "\"}\"";
	voice-family:inherit;
	color:#ADCFFF;
}

h3[class="bracket"] {
	color:#ADCFFF;
}

.starhtml em, .starplus em, .starfirstchild em, .atimportant em, .childselect em, .tantek em, .bracket em 
{
	color:gray;
	font-size:12px;
	font-weight: normal;
	font-style:normal;
	margin-left:120px;
}