/* 
------------------------------------------------
Globale Definitionen BODY und HTML
------------------------------------------------
*/

body,html {
    color: black;
	 background-color: #990000; 
	 background-image: url(background.png);
    font-size: 100.01%;
    font-family: Verdana, sans-serif, Arial;
    height:100%;
    margin: 0; 
    padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }
  
a:link {
    text-decoration: none;
	 color:#990000;
}

a:visited {
    text-decoration: none;
	 color:#990000;
}

a:hover {
    text-decoration: underline;
	 color:#990000;
}


/* 
------------------------------------------------
Unsichtbarer Hauptcontainer
------------------------------------------------
*/
  
#window {
    position:relative;
	 background:#990000;
	 background-image: url(background.png);
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1024px;
    padding: 0;
    height: 100%;
    border: 0px dashed silver;
}


/* 
------------------------------------------------
Hintergrundbild als seitenfllende Box fr index.html
------------------------------------------------
*/
	
#cssbox {
	background: transparent url(demobox1n.png) no-repeat top; 
	width: 840px !important; /* intended total box width - padding-right(next) */  
	height: 900px;
	padding-right: 0; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0 auto; /* use to position the box */ 
	} 

/* 
------------------------------------------------
Header-Hintergrundbild fr Nicht-Index-Seiten
------------------------------------------------
*/

#cssbox2 {
	background: transparent url(demobox1nn.png) no-repeat top; 
	width: 840px !important; /* intended total box width - padding-right(next) */  
	height: 900px;
	padding-right: 0; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0 auto; /* use to position the box */ 
	}

/* 
------------------------------------------------
AGB Kontakt Impressum Suche
------------------------------------------------
*/
	
#topnav {
	position:absolute;
	top:85px;
	left:570px;
	height:20px;
	width:245px;
	margin: 0px;
	text-align: right;

	font-size:0.8em;
	color:#aaaaaa;
	margin:0;
}

#topnav a:link, #topnav a:visited {
    text-decoration: none;
	 color:#cccccc;
}

#topnav a:hover {
    text-decoration: none;
	 color:#990000;
}

/* 
------------------------------------------------
Dropdown-Men: Allgemeine Definitionen und spezielle Nicht-IE-Definitionen
IE6-Definitionen sind in der dropdown_ie.css
 zu finden

------------------------------------------------
*/

/* ALLGEMEINE DEFINITIONEN */

.dropdown {
	position:absolute;
	top:120px;
	left:132px; 
	width:760px; 
	height:87px; 
	font-size:11px; 
	z-index:100;
}

.dropdown ul li a, 
.dropdown ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#666666;
	height:87px; 
	text-align:center;  
	border-right:1px dotted #adadad;
	line-height:135px; 
	font-size:1.2em; 
	overflow:hidden;
}

.dropdown ul li#home {width:65px;}
.dropdown ul li#uber {width:101px;}
.dropdown ul li#cybe {width:80px;}
.dropdown ul li#laze {width:89px;}
.dropdown ul li#leis {width:102px;}
.dropdown ul li#prod {width:91px;}
.dropdown ul li#stan {width:96px;}
.dropdown ul li#news {width:64px;}

.dropdown ul {padding:0; margin:0; list-style: none;}
.dropdown ul li {float:left; position:relative; background-image: url(dropdown.jpg);}
.dropdown ul li ul {display: none;}


/* SPEZIELLE DEFINITIONEN FR NICHT-IE-BROWSER */

.dropdown ul li:hover a {color:#cccccc; background-image: url(dropdown_hover.jpg);}

.dropdown ul li:hover ul {display:block; position:absolute; top:87px; left:0;}

.dropdown ul li:hover ul li a {display:block; background-image: url(dropdown.jpg); color:#000000;}

.dropdown ul li:hover ul li a:hover {background-image: url(dropdown_hover.jpg); color:#cccccc;}

.dropdown ul li:hover ul li a, 
.dropdown ul li:hover ul li a:hover {
	height:25px; 
	line-height:25px; 
	width:128px; 
	font-size:1em; 
	text-align:left; 
	padding-left: 5px; 
	border: 2px solid #ffffff;
	border-left:0;
}


/* 
------------------------------------------------
Image-Maps fr die drei Flaggen / Sprachen
------------------------------------------------
*/

/*#lang_de a, 
#lang_en a, 
#lang_fr a {
	position:absolute;
	height: 16px;
    	width: 30px;
	left:707px;
    	text-decoration: none;
}

#lang_de a {
	top:16px;
}


#lang_en a {
	top:38px;
}

#lang_fr a {
	top:60px;
}

#lang_de a i, 
#lang_en a i, 
#lang_fr a i {
	text-decoration: none;
	visibility:hidden;
}*/

/* 
------------------------------------------------
Language Selection
------------------------------------------------
*/

#language-selection {
	float: left;
	position: absolute;
	width: 207px;
	height: 18px;
	top: 40px;
	left: 670px;
	padding: 4px;
	background: url(language-selection-bg.gif) repeat-x;
}

 
/* 
------------------------------------------------
Content-Box fr index.html
------------------------------------------------
*/

#content {
	position:absolute;
	z-index: 0;
	border: 0px solid black;
	top:250px;
   left:169px;
   right:420px;
	height:390px;
	width:433px; /* mit der Width-Angabe wird der dimensional bug von IE6 abwrts behoben */
   text-align: left;
   overflow: auto;
   	}

/* 
------------------------------------------------
Content-Box fr Nicht-Index-Seiten
------------------------------------------------
*/

#content2 {
	position:absolute;
	border: 0px solid black;
	top:250px;
   height:530px;
   left:169px;
   right:170px;
	width:685px; /* mit der Width-Angabe wird der dimensional bug von IE6 abwrts behoben */
   text-align: left;
	overflow: auto;
}
/*
 *Box fuer die Breadcrumb-Navigation
 */
#breadcrumb{
	position:absolute;
	border: 0px solid green;
	top:210px;
	height:20px;
	left:169px;
	right:170px;
	width:685px; /* mit der Width-Angabe wird der dimensional bug von IE6 abwrts behoben */
	text-align: left;
	overflow: auto;
	font-size:0.6em;
	color:#333;
}




/* 
------------------------------------------------
Style fr Content
------------------------------------------------
*/

#content h1, h2, #content2 h1, h2 {
margin: 0 0 0.5em 0;
	line-height: 133%;
}

#content p,#content form, #content2 form, #content ul,#content ol, #content2 p,#content2 ul,#content2 ol, #content td,#content2 td {
	font-size: 0.7em;
	line-height: 133%;
}
#content ul, #content2 ul {
	list-style-image:url('/f/pic/arrow.gif');
}

#content h1, #content2 h1 {
	font-size: 1em;
	font-weight: bold;
	color: #970000;
}

#content h2, #content2 h2,#box1 h2 {
	font-size: 0.7em;
	font-weight: bold;
}

#content img, #content2 img {
	border: 0;
	margin-right: 5px;	
}
#content table, #content2 table, #content td, #content2 td  {
	padding:1px;
	border-collapse:collapse;
	margin-left:2px;
}
#content td, #content2 td  {
        border: 1px solid #666;
	padding:3px;
	margin:0;
}

/* 
------------------------------------------------
Obere Info-Box fr index.html
------------------------------------------------
*/

#box1 {
	position:absolute;
	border: 0px solid black;
	top:265px;
	left:670px;
	height:120px;
	width:180px;
	text-align: left;
	overflow: hidden;
	}
	
#box1 h1{
	font-size: 0.8em;
	color:#333333;
	}	

#box1 img {
	border: 0;
	margin-right: 5px;	
}


/* 
------------------------------------------------
Untere Info-Box fr index.html
 mit zwei integrierten Newsboxen

------------------------------------------------
*/

#boxnewsoben {
	position:absolute;
	border: 0px solid black;
	top:425px;
	left:670px;
	/* ka:media 
	height:110px;*/
	width:180px;
	text-align: left;
	overflow: hidden;
	}
	
#boxnewsoben h1{
	font-size: 0.8em;
	color:#333333;
	margin-bottom:1em;
	}	

#boxnewsoben img {
	border: 0;
	margin-right: 5px;	
}

#boxnewsoben p {
	font-size:0.7em;
	color:#333333;
	margin:0;
}

#boxnewsunten {
	position:absolute;
	border: 0px solid black;
	top:550px;
	left:670px;
	/* ka:media
	height:80px;*/
	width:180px;
	text-align: left;
	overflow: hidden;
	}

#boxnewsunten img {
	border: 0;
	margin-right: 5px;	
}

#boxnewsunten p {
	font-size:0.6em;
	color:#333333;
	margin:0;
}

.date {
	font-size:0.7em;
	color:#333333;
	margin:0;
}

.mehr1 {
	font-size:0.7em;
	font-weight: bold;
	text-align: right;
	margin-top:0.5em;
}


/* 
------------------------------------------------
Linke Info-Box fr den Footer der index.html
------------------------------------------------
*/

#boxunten1 {
	position:absolute;
	border: 0px solid white;
	top:705px;
	left:155px;
	height:130px;
	width:200px;
	text-align: left;
	overflow: hidden;
	}

#boxunten1 h1 {
	font-size:0.7em;
	font-weight:bold;
	color:#cccccc;
}

#boxunten1 p {
	font-size:0.6em;
	color:#cccccc;
}

#boxunten1 img {
	border: 0;
	margin-right:5px;
	
}

.mehr2 {
	font-size:0.7em;
	font-weight: bold;
	text-align: right;

}

.mehr2 a:link {
    text-decoration: none;
	 color:#cccccc;
}

.mehr2 a:visited {
    text-decoration: none;
	 color:#cccccc;
}

.mehr2 a:hover {
    text-decoration: underline;
	 color:#cccccc;
}	


/* 
------------------------------------------------
Mittlere Info-Box fr den Footer der index.html
------------------------------------------------
*/

#boxunten2 {
	position:absolute;
	border: 0px solid white;
	top:705px;
	left:405px;
	height:130px;
	width:200px;
	text-align: left;
	overflow: hidden;
	}

#boxunten2 h1 {
	font-size:0.7em;
	font-weight:bold;
	color:#cccccc;
}	

#boxunten2 p {
	font-size:0.6em;
	color:#cccccc;
}

#boxunten2 img {
	border: 0;	
	margin-right:5px;
}

/* 
------------------------------------------------
Rechte Info-Box fr den Footer der index.html
------------------------------------------------
*/
	
#boxunten3 {
	position:absolute;
	border: 0px solid white;
	top:705px;
	left:670px;
	height:130px;
	width:170px;
	text-align: left;
	overflow: hidden;
	}		

#boxunten3 h1 {
	font-size:0.7em;
	font-weight:bold;
	color:#cccccc;
}		

#boxunten3 p {
	font-size:0.6em;
	color:#cccccc;
	margin:0;
}

#boxunten3 img {
	border: 0;
	margin-right:5px;
}

/* 
------------------------------------------------
Footer-Box fr Nicht-Index-Seiten
------------------------------------------------
*/

#footer {
	position:absolute;
	border: 0px solid black;
	top:830px;
   left:149px;
   right:150px;
	width:725px; /* mit der Width-Angabe wird der dimensional bug von IE6 abwrts behoben */
	
	font-size:0.6em;
	color:#cccccc;
	text-align: center;
}
label {
	display:block;	
	float:left;
	width:200px;
	font-size:80%;
	line-height:133%;
}
.csc-mailform-field input {
	margin: 0 0 2px 0;
}

.csc-sitemap ul li ul li a { font-size: 10px; }

/* 
------------------------------------------------
Formatierungen für die Standorte
------------------------------------------------
*/
#body-id8 .csc-textpic-text {
	width: 270px;
	float: left;
}

#body-id8 .csc-textpic-text p {
	margin: 0 0 10px;
	line-height: 120%;
}

#body-id8 .tx-rlmpflashdetection-pi1 {
	float: right;
}