@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* End Reset */


html, body {
	background:#FFF;
	
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
}

#background {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:400px;
	background:url('../images/menu_bg.jpg') repeat-y #FFF;
	z-index:0;
}
#background.dark { background:url('../images/menu_bg.jpg') repeat-y #000; }

* html.dark, * body.dark { background:url('../images/menu_bg.jpg') repeat-y #000; }

* html #background {
	position:absolute;
}

* html, * body {
	background:url('../images/menu_bg.jpg') repeat-y #FFF;
}

.info_col {
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
}

* html .info_col {
	position:absolute;
	top:0px;
	left:0px;
}

.logo {
	width:230px;
	height:250px;
	margin:0px 0 30px 0;
	background:url('../images/logo.jpg') no-repeat;
	text-indent:-9999px;
}

.webcam {
	margin-left:0px;
}

.contact {
	margin-top:30px;
}

.contact h2 {
	display:block;
	width:230px;
	height:30px;
	background:url('../images/kontakt_heading.jpg') no-repeat;
	text-indent:-9999px;
}

.contact a {
	display:block;
	width:230px;
	height:20px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

.contact_tel { background:url('../images/kontakt_tel.jpg'); } .contact_tel:hover { background:url('../images/kontakt_tel_hover.jpg'); }
.contact_fax { background:url('../images/kontakt_fax.jpg'); } .contact_fax:hover { background:url('../images/kontakt_fax_hover.jpg'); }
.contact_email { background:url('../images/kontakt_email.jpg'); } .contact_email:hover { background:url('../images/kontakt_email_hover.jpg'); }


.copyright {
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
	width:200px;
	margin:60px 20px 5px 20px;
	font-size:10px;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
}

* html .copyright {
	position:absolute;
	bottom:0px;
	left:0px;
}

.copyright a { color:#000; }

.menu_col {
	position:fixed;
	top:20px;
	left:230px;
	z-index:10;
}

* html .menu_col {
	position:absolute;
	top:80px;
	left:230px;
}

.menu_col h2 {
	display:block;
	width:170px;
	height:30px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	z-index:15;
}

	.menu_col h2.menu { background:url('../images/menu_heading.jpg'); }
	.menu_col h2.suche { background:url('../images/suche_heading.jpg'); }
	.menu_col.dark h2.menu { background:url('../images/menu_heading_dark.jpg'); }
	.menu_col.dark h2.suche { background:url('../images/suche_heading_dark.jpg'); }

.menu_col a {
	display:block;
	padding:0px 5px 5px 25px;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

.menu_col input {
	margin-left:25px;
	width:130px;
	border:1px solid #000;
	background:#fff;
	font-size:10px;
	z-index:15;
}

.menu_col a:hover {
	color:#ffd200;
	z-index:15;
}

.bulp {
	position:fixed;
	bottom:0px;
	left:230px;
	z-index:5;
}

* html .bulp {
	position:absolute;
	bottom:0px;
	left:230px;
	z-index:5;
}

#sound {
	position:fixed;
	bottom:30px;
	left:280px;
	z-index:15px;
}

.content_col {
	width:580px;
	padding:40px 50px 1000px 400px;
	z-index:100;
}

/* Content Styles */

.content_col h1 { display:block; width:300px; height:50px; padding-left:50px; font-size:2em; font-weight:bold; color:#FF0000; margin-top:500px; background:url('../images/h1_bg.jpg') no-repeat left top; }
.content_col h1.first { margin-top:0; }
.content_col.dark h1 { background:url('../images/h1_bg_dark.jpg') no-repeat left top; }

.content_col h2 { margin:-20px 0 0 70px; font-size:1.6em; font-weight:bold; color:#999; padding-bottom:20px; }

.content_col h3 { margin:2em 0 1em 60px; font-size:1.3em; color:#999999; font-weight:bold; }

.content_col p { margin:1em 0px 1em 60px; color:#666; line-height:1.2em; }
.content_col.dark p { color:#ddd;  }

.content_col img {  }

.content_col ul { margin-left:80px; list-style:disc; }
.content_col.dark ul { color:#ddd;  }

.content_col ul li { line-height:1.3em;}

.content_col a { font-size:1em; font-weight:bold; color:#000; text-decoration:underline; }
.content_col.dark a { color:#fff; }

.content_col a:hover { color:#666; text-decoration:none; }
.content_col.dark a:hover { color:#ccc; }

.content_col .DL { margin-left:70px; list-style:none; width:500px; }
.content_col .DL.dark { color:#000; }

.content_col .DL li { background:url('../images/li_bg.jpg') no-repeat #fff; border-top:1px solid #999; width:500px}
.content_col .DL li ul { list-style:disc; margin:0 0 0 20px; padding:0; }
.content_col .DL li ul li{ background:none; margin:0; padding:0; width:auto; border:0; }

.content_col .DL_link { display:block; width:480px; color:#000; text-decoration:none; cursor:pointer; padding:5px; font-size:1.3em; font-weight:bold; color:#000000; }

.content_col .DL_text {  margin:0;padding:10px 10px; color:#666;  }
.content_col .DL_text.dark { color:#000; }

.content_col .DL p {margin-left:1em;}

.content_col .DL h4 { font-size:1.1em; color:#666; font-weight:bold; }

.content_col .news { list-style:none; margin-left:60px; }

.content_col .news li { border-top:1px solid #000; padding-top:5px;  }

.content_col .news h4, .content_col .news h5 { font-size:1.2em; color:#f00; font-weight:bold; }

.content_col .news p { margin:1em 0.5em 2em 0.5em; }

.content_col .firmen {list-style:none; margin:1em 1em 1em 60px; padding:0; }
		
.content_col .firma { position:relative; list-style:none; float:left; margin:0.5em;}
		
.content_col .firmenlogo { display:block; width:150px; height:75px; background:url('../images/firmen.jpg') no-repeat #fff; text-indent:-999em; }
		
.content_col .firmeninfo { position:absolute; display:none; height:80px; width:140px; padding:10px; background:url('../images/background_infobox.png') no-repeat; color:#666; font-size:0.8em; font-weight:bold; z-index:99; text-align:center; line-height:1.2em;}

.content_col .standortNavigation { list-style:none; }

.content_col .standortNavigation li { float:left; }

.content_col .standortNavigation a { display:block; height:16px; margin-right:10px; padding:0px 10px 0px 18px; font-weight:bold; text-decoration:none; font-size:1em; background:url('../images/anreise_symbole.jpg') no-repeat; }

.content_col .makeItDark {display:block; width:40px; height:40px; margin:10px auto; background:url('../images/lichtschalter.jpg') no-repeat 0 -40px; text-indent:-999em; }
.content_col .makeItDark.selected {background:url('../images/lichtschalter.jpg') no-repeat 0 0px; }

.content_col .bulb {display:block; width:160px; height:240px; margin:0; background:url('../images/gluehbirne.jpg') no-repeat 0 -0px; text-indent:-999em; }
.content_col .bulb.selected {background:url('../images/gluehbirne.jpg') no-repeat 0 -240px; }

.content_col .osText {display:block; width:300px; height:100px; margin-left:50px; background:url('../images/os-schriftzug.gif') no-repeat; text-indent:-999em; }
.content_col.dark .osText {background:url('../images/os-schriftzug-dark.gif') no-repeat }

.content_col a.pdf { display:block; height:14px; padding:2px 10px 0px 20px; margin:1px;  text-decoration:none; font-weight:bold; color:#666; cursor:pointer; background:url('../images/page_white_acrobat.png') no-repeat; }

.highlight { background-color:#FFFFCC; }
 


.feedback_bar {
	position:fixed;
	top:-260px;
	left:0px;
	width:100%;
	height:250px;
	background:#666;
	color:#fff;
	padding:10px;
	z-index:10;
}

* html .feedback_bar {
	position:absolute;
	top:-160px;
	left:0px;
}

.feedback_bar table { display:none; }

.feedback_bar h1 { font-size:2em; color:#fff; font-weight:bold; }

.feedback_bar p { margin:1em 0.5em 0.5em 0; width:500px; }

.feedback_bar input, .feedback_bar textarea { border:1px solid #000; background:#fff; font-size:1em; width:250px; }

.feedback_bar td { padding:2px; }


.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.highlight {
	background-color:#FFFF99;
}

.ui-tabs-hide { display: none; }

.paddingTop10 { padding-top:8px; }

#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece;  
	z-index:90;  
}

#popupFeedback {  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/
	top:50%; left:50%;
	margin:-135px 0 0 -480px;
	height:270px;  
	width:960px;  
	background:#666;  
	border:2px solid #cecece;  
	z-index:91;  
	padding:10px; 
	color:#fff;
}

#popupFeedback h1 { font-size:2em; color:#fff; font-weight:bold; }

#popupFeedback p { margin:1em 0.5em 0.5em 0; width:500px; }

#popupFeedback input, #popupFeedback textarea { border:1px solid #000; background:#fff; font-size:1em; width:250px; }

#popupFeedback td { padding:2px; }