/** CSS Datei für das die Internetseite der Firma Kopafilm unter der URL: spo-kopafilm.de
 * @medientyp screen
 * @author Christian Asche for arsmedia - visit http://arsmedia-nidda.de
 * @copyright 2004
**/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	background: url(images/kopa/bg.gif) repeat-y;
	padding:0;
	margin:0;
}
/* Klasse für Zweispaltigen Content */
/* @todo Hintergrund bearbeiten, Grauer Streifen Rechts fehlt noch */
body.twocols{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	padding:0;
	margin:0;
	background:url(images/kopa/bg_light.gif);
}
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#B33A67;
	text-decoration:none;
}
img {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
}
h1{
	font-size:120%;
}
h2,h3,h4,h5,h6{
	font-size:100%;
}
ul{
	margin:10px 0 10px 15px;
	padding:0;
	list-style-type:square;
}

/* Layout Elemente */
#teaser_img{
	position:absolute;
	top:0;
	left:0;
	z-index:5002;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
#teaser_img p {
	padding:0;
	margin:0;
}

/* Seiten Navigation Startseite, Übersicht, ...*/
#top_navi{
	height:20px;
	background-color:#2E2863;
	padding:0;
	padding-top:32px;
	padding-left:190px;
}
#top_navi a:link,#top_navi a:visited{
	display:block;
	width:90px;
	float:left;
	text-align:right;
	background:url(images/kopa/top-navi-bg.gif) right repeat-y;
	font-size:75%;
	color:#FFF;
	padding:3px;
	text-decoration:none;
}
#top_navi a.startseite:hover{
	background-color:#A4A49C;
	color:#000;
}
#top_navi a.uebersicht:hover{
	background-color:#C5C5BB;
	color:#000;
}
#top_navi a.kontakt:hover{
	background-color:#DFE0DA;
	color:#000;
}

/* Haupt Navigation Unternehmen, Produkte, ... */
#main_navi{
	position:absolute;
	top:118px;
	left:0;
	width:100%;
	background:url(images/kopa/folien-bg.gif) repeat-x top left;
	background-color:#F5F6F1;
	height:40px;
	padding-top:1px;
	border-bottom:1px solid #FFF;
	z-index:5000;
}

/* main_navi submenue */
ul.dropdown{    list-style: none;   margin:0;    padding:0;    width:580px; margin-left:191px; font-size:75%;}
ul.dropdown ul{ list-style: none;   margin:0;    padding: 0;	width:150px; background:url(images/kopa/main_navi-bg-passiv.png) bottom repeat-y;}
ul.dropdown li{	float:left; position: relative;	padding:0px 0px 0px 0px;}
ul.dropdown ul li{clear:both;margin:0;}
ul.dropdown a,ul.dropdown a:visited{	display:block;color:#000;}
ul.dropdown ul li a{width:140px;display:block; margin:0;padding:5px;}
ul.dropdown ul li a:hover{color:#FFF;font-weight:normal;background-color:#2E2863;}
ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul{display:none;position:absolute;top:39px;left:0%;}
ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul{display:none;}
ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul{display:block;}

/* folienstreifen */
#folien{
	position: absolute;
	top:50px;
	left:0px;
	width:100%;
	background-color:#DEDFD9;
}
#folien h1{
	margin:0;
	padding:0;
	display:inline;
}
#folien span{
	display:none;
}

#folien a{display:inline;}

img.left190{
	margin-left:191px;
}

/* toolbar mit suche usw */
#toolbar{
	height:50px;
	width:100%;
	position:absolute;
	top:160px;
	left:0;
	background:url(images/kopa/toolbar-bg.gif) repeat-x bottom left;
	background-color:#C5C5BB;
	font-size:75%;
}
#toolbar a{
	text-decoration:none;
	color:#000;
}
#toolbar form{
	display:inline;
	float:left;
	margin:0;
	padding:5px 3px 3px 3px;
	text-align:right;
	width:188px;
	line-height:240%;
}
#toolbar input{
	width:100px;
	font-size:1em;
}


/* Hauptinhalt */
#content{
	position:absolute;
	top:210px;
	left:192px;
	width:359px; /* 380px */
	padding:13px;
	padding-top:35px;	
}
/* Zweispaltiger Hauptcontent */
#content_2cols{
	position:absolute;
	top:210px;
	left:0px;
	width:548px; /* 380px */
	padding:13px;
	padding-top:35px;	
}

/* Kopafilm */
#kopafilm-logo{
	position:absolute;
	top:0px;
	left:672px;
}

/* sidebar - streifen rechts, Downloads, Informationen, usw */
#sidebar{
	position:absolute;
	top:160px;
	left:575px;
	width:192px; /* 192px */
	height:55px;
	padding:0px;
	font-size:75%;
	background-color:#DEDFD9;
	background:url(images/kopa/sidebar-bg.gif) repeat-y;
}
#sidebar a{
	text-decoration:none;
	width:50%;
	display:block;
	float:left;
	text-align:center;
}

/* english */
#english{
	position:absolute;
	top:215px;
	left:575px;
	width:192px; /* 192px */
	height:24px;
	padding:0px;
	font-size:75%;
	text-align:center;
	background-color:#DEDFD9;
	background:url(images/kopa/sidebar-bg.gif) bottom repeat-y;
}
#english a{
	text-decoration:none;
	color:#000;
}
#english a:hover{
	color:#B33A67;
}

/* Kontext-Sensitiver-Bereich - Informationen, Kontakt, ... */
#kontext{
	position:absolute;
	top:265px;
	left:575px;
	width:192px; /* 192 */
	z-index:100;
	font-size:75%;
	line-height:150%;
}
#kontext #infos{padding:3px 18px 36px 18px;}
#kontext a {
	text-decoration:none;
	color:#000;
}
#kontext a:hover{
	color:#B33A67;
}

/* Seite drucken Button */
#printscreen{
	position:absolute;
	top:192px;
	left:467px;
	font-size:75%;
}
#printscreen a {
	text-decoration:none;
	color:#000;
}
#printscreen a:hover{
	color:#B33A67;
}

/* Subnavi in den Produkten, Streifen links mit Bild */
#subnavi{
	position:absolute;
	top:210px;
	left:0;
	width:191px;
	background:#DEDFD9;
}
#subnavi strong{
	display:block;
	padding:10px 18px 0px 18px; 
	width:155px;
	min-height:30px;
	background-color:#DEDFD9;
	text-decoration:none;
	color:#000;
	font-size:75%;
}
#subnavi a{
	display:block;
	padding:4px 31px 4px 5px; 
	width:155px;
	border-bottom:	1px #C5C5BB solid;
	background-color:#DEDFD9;
	text-decoration:none;
	color:#000;
	font-size:75%;
}
#subnavi a:hover{
	color:#FFF;
	background-color:#2E2863;
	font-weight:normal;
}
#subnavi .activeElement {
	background-color:#2E2863;
	color:#FFF;
}

/* ### countryInfo - Div Container für die Länderanzeige ###*/
div.countryInfo {
	font-size:75%;
	display:none;
	padding:0px 5px 0px 10px;
}
.countryInfo span{
	display:block;
	border:1px solid #0C0;
}
#subnavi select {
	margin-top:10px;
	margin-left:10px;
	border:1px black solid;
	font-size:10px;
	width:90%;
}
#subnavi #defaultText {
	font-size:10px;
	padding:5px;
}
#subnavi div.countryInfo  a{
	font-size:100%;
	width:auto;
	min-height:auto;
	padding:3px 0px 3px 0px;
}
/* ### /countryInfo ###*/

/* */
#impressum{
	background:url(images/kopa/impressum-bg.gif) repeat-x;
	height:20px;
	padding:3px 18px 0px 18px;
	margin:0 1px 0 1px;
}
#impressum a{
	display:inline;
}

/* print daten */
#printheader{ display:none;}


/* userklassen */
.spo_A8A8C4{color:#A8A8C4;}
.spo_7773A6{color:#7773A6;}
.spo_56518B{color:#56518B;}
.spo_2E286E{color:#2E286E;}
.spo_DAD8E3{color:#DAD8E3;}

.kopa_2E286E{color:#2E286E;}
.kopa_A8A8C4{color:#A8A8C4;}
.kopa_333367{color:#333367;}
.kopa_F5F6F1{color:#F5F6F1;}

/* */
.tcms_editable{
	border: 1px dotted #F99; 
}
.tcms_label{
	background-color:#FCC;
	font-size:10px;
	color:#000;
	font-weight:bold;
}
.tcmsmodul{
	border: 1px outset #CCF;
	margin:5px;
}
.tcms_modul_label{
	background-color:#CCF;
	font-size:10px;
	color:#000;
	font-weight:bold;
}
/* from stuff */
form{line-height:200%;} 
textarea{ width:180px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1em; } 
label,select{ cursor:pointer;} 
label.left{ float:left; width:100px; text-align:right;margin-right:10px; } 
input{width:180px;font-size:75%;}
input.right{ margin-left:113px; } 
html>body input.right{ margin-left:110px; } 
form br{ clear:both; } 
.ok{color:#0C0;}
.error{color:#C00;}
.small{font-size:70%;color:#999;}

/* ### countryInfo - Div Container für die Länderanzeige ###*/
div.countryInfo {
	font:normal 10px Verdana;
	display:none;
}
.countryInfo span{
	display:block;
}
/* ### /countryInfo ###*/

/* News Modul */
.tcms_news_item{
	margin:25px 0 0px 0;
}

/* Tabellen */
table{
	margin:10px 0 0 0;
	border:1px solid #A4A49C;
	width:100%;
}
th{
	font-size:100%;
	text-align:left;
	font-weight:normal;
	color:#FFF;
	background-color:#A4A49C;
}
td{
	margin:0;
}
.secondrow td{
	background-color:#DEDFD9;
}