/*
 OneByte GmbH - e-Business & Webdesign - www.onebyte.ch

 Filename    : web_default.css
 Created by  : Serkan Tüten (tue@onebyte.ch)
 Purpose     : Stylesheet für Browserdarstellung
 Please note :
*/

/* ---------------------------------------------------
   Inhaltsbereich der Seite importieren
   =================================================== */
@import url("editor.css");


/* ---------------------------------------------------
   Global
	 evt. anstelle von * nur diese verwenden damit es
	 weniger komplikationen gibt:
	 html, body, div, ul, ol, li, dl, dt, dd, h1, h2,
	 h3, h4, h5, h6, pre, form, p, blockquote, fieldset,
	 input
   =================================================== */
* {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html[xmlns^="http"] {	/* verhindert Mozilla-Zucken * > Firefox 1.5  */
	overflow-y: scroll;
}
body {
	background-color: #CFD0D2;
}

a img { border:none;}

#webcontainer {
	width: 990px;
	margin: 0 auto;
	position: relative;
	background: url(/images/design/bg_webcontainer.jpg) repeat-y;
}

#logoprint {display:none !important;}

.clearer { /* ACHTUNG: IE8 macht mit <br class=clearer> 1px Abstand - Lösung: <span class="clearer" /></span> */
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.hidden{display:none !important;}
.margin-b-10{margin-bottom:10px;}


#kontaktformular tr.hiddenitem.last td{padding-bottom:30px;}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header {
	width: 990px;
	height: 222px;
}
#stimmungsbild {
	position: relative;
	width: 990px;
	height: 222px;
	z-index: 2;
}
#logo {
	width: 284px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
#top_menu {
	background-color: #9A9B9D;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 990px;
	padding-top: 3px;
}
#top_menu ul {
	float: right;
	padding-right: 20px;
	width: 165px;
	list-style: none;
	border-left: 1px solid white;
}
#top_menu ul li {
	float: left;
	border-right: 1px solid white;
	height: 19px;
}

/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
#mainnavi {
	float: left;
	width: 227px;
}
#mainnavi ul {
	list-style-type:none;
	margin:10px 0 0 20px;
	padding:0;
}

#mainnavi li {
	background: transparent url(/images/design/bull.gif) no-repeat scroll 0 0;
	border-top: 1px solid white;
	line-height: 16px;
	margin: 5px 0;
	padding: 0 0 2px 15px;
	width: 170px;
}
#mainnavi li a, #mainnavi li a:visited {
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#mainnavi li a:hover, #mainnavi li.aktiv > a {
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

/* ---------------------------------------------------
   Subnavigation
   =================================================== */
#mainnavi .subnavi {

}
#mainnavi ul.subnavi {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}
#mainnavi ul.subnavi li {
	background: transparent none repeat scroll 0 0;
	border-bottom: 0 solid white;
	border-top: 0 solid white;
	margin: 0;
	padding: 0;
}
#mainnavi ul.subnavi li a, #mainnavi ul.subnavi li a:visited {
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}
#mainnavi ul.subnavi li a:hover, #mainnavi ul.subnavi li.aktiv > a {
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}

/* ---------------------------------------------------
   Main
   =================================================== */

#inhaltsbereich {
	width: 514px;
	float: left;
	padding: 10px 11px 30px 11px;
	min-height: 380px;
  height: auto !important;
  height: 380px;
}
sup {
	font-size: 8px;
}
*+html #inhaltsbereich sup {
	font-size: 8px;
	margin-bottom: 4px;
}
*+html #mainnavi a.LinkExtern {
	background: url(/images/design/links/link_extern_gross.gif) no-repeat 100px 4px;
	display: block;
}
*+html #mainnavi a.LinkExtern:visited {
	color: white;
}
*+html #mainnavi a.LinkExtern:hover {
	color: black;
}

/* ---------------------------------------------------
   Spalte ganz rechts auf der Seite
   =================================================== */
#spalte_rechts {
	width: 207px;
	float: right;
	padding-right: 20px;
	font-size: 11px;
}
#smallnavi ul {
	list-style-type:none;
	margin:10px 0 0 20px;
	padding:0;
}
#smallnavi li {
	background: transparent url(/images/design/bull.gif) no-repeat scroll 0 0;
	border-top: 1px solid white;
	line-height: 16px;
	margin: 5px 0;
	padding: 0 0 2px 15px;
	width: 170px;
}
#smallnavi li a, #smallnavi li a:visited {
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#smallnavi li a:hover, #smallnavi li.aktiv > a {
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#smallnavi li a:hover, #smallnavi li a.aktiv {
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#smallnavi li.suche {
	height: 40px;
}
#smallnavi li.suche td {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: white;
}
#smallnavi li.dms {
	background:none;
}
#smallnavi li.dms table{
	margin:0;
	padding:0;
}
#smallnavi li.dms td {
	font-size: 11px;
	font-weight: bold;
	color: white;
}

.klein {
	text-transform: none}

/* ---------------------------------------------------
   Nebennavigation Subnavigation
   =================================================== */
#smallnavi #subnavi {

}
#smallnavi ul.subnavi {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
}
#smallnavi ul.subnavi li {
	background: transparent none repeat scroll 0 0;
	border-bottom: 0 solid white;
	border-top: 0 solid white;
	margin: 0;
	padding: 0;
}
#smallnavi ul.subnavi li a, #smallnavi ul.subnavi li a:visited {
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}
#smallnavi ul.subnavi li a:hover, #smallnavi ul.subnavi li.aktiv > a {
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
}


/* ---------------------------------------------------
   GoogleMaps
   =================================================== */
small {
	position: absolute;
	padding: 5px 10px;
	right: 0;
	bottom: 0;
	z-index: 15;
	background-color: #336600;
	text-align: center;
	background: url(/images/design/GoogleMaps_bg.png) repeat;
}
small a {
	text-decoration: none;
}
small a:hover {
	text-decoration: underline;
}


/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	clear: both;
	height: 20px;
	background: url(/images/design/bg_webcontainer.jpg) repeat-y;
}
#footernavi {
	float: right;
	width: 207px;
	padding-left: 20px;
}
#footernavi a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}
#footernavi a:hover, #footernavi a:active {
	text-decoration: none;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}


/* DMS */
#dms_tree{float: left; width: 227px;margin-top:15px;}
#dms_tree > ul{overflow:hidden; width:220px;}
#dms_tree ul, #dms_tree li{list-style:none;}
#dms_tree a{color: #fff;font-size: 11px;font-weight: bold;text-decoration:none;text-transform: uppercase;}


#dms_tree.jstree li{margin-left:18px;}
#dms_tree.jstree > ul > li {
margin-left: 0px;
}



.dms_tbl{padding:5px;}
.dms_tbl td{width:100%;}

#webcontainer .icon{background:url(/images/design/icons.png) no-repeat;display:inline-block; padding-left:18px;}
#webcontainer .icon_gen{background-position:0 0;}
#webcontainer .icon_doc{background-position:0 -30px;}
#webcontainer .icon_xls{background-position:0 -60px;}
#webcontainer .icon_ppt{background-position:0 -90px;}
#webcontainer .icon_pdf{background-position:0 -120px;}
#webcontainer .icon_img{background-position:0 -150px;}
#webcontainer .icon_mov{background-position:0 -180px;}

/* Lang  switcher */
li.lang a {float:left;height:19px; width:21px; background:url(/images/design/lang.gif) no-repeat; text-indent:-9999px; outline:none; }
li.lang.de a{ background-position:0 0;}
li.lang.de a.selected{ background-position:0 -30px;}

li.lang.fr a{ background-position:-30px 0;}
li.lang.fr a.selected{ background-position:-30px -30px;}

li.lang.it a{ background-position:-60px 0;}
li.lang.it a.selected{ background-position:-60px -30px;}

/* BOXEN */
.box_attention1{
	border:1px #B0474A solid;
	padding: 20px 20px 15px;
	background:#F29EA0;
}
#inhaltsbereich .box_attention1 a{color:#000; text-decoration:underline;}

.imgborder {border:1px solid #ccc}



/* ---------------------------------------------------
   Links Speziell: Intern
   =================================================== */
#inhaltsbereich a.linkintern,
a.linkintern {
	background: url(/images/design/links/link_intern.gif) no-repeat left center;
	padding-left: 9px;
}
#inhaltsbereich a.linkintern:visited,
a.linkintern:visited {

}
#inhaltsbereich a.linkintern:hover, #inhaltsbereich a.linkintern:active,
a.linkintern:hover, a.linkintern:active {
	background: url(/images/design/links/link_intern.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: Zurueck
   =================================================== */
#inhaltsbereich a.linkzurueck,
a.linkzurueck {
	background: url(/images/design/links/link_intern_back.gif) no-repeat left center;
	padding-left: 9px;
}
#inhaltsbereich a.linkzurueck:visited,
a.linkzurueck:visited {

}
#inhaltsbereich a.linkzurueck:hover, #inhaltsbereich a.linkzurueck:active,
a.linkzurueck:hover, a.linkzurueck:active {
	background: url(/images/design/links/link_intern_back.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: Extern
   =================================================== */
#inhaltsbereich a.linkextern,
a.linkextern {
	background: url(/images/design/links/link_extern_gross.gif) no-repeat right center;
	padding-right: 11px;
}
#inhaltsbereich a.linkextern:visited,
a.linkextern:visited {

}
#inhaltsbereich a.linkextern:hover, #inhaltsbereich a.linkextern:active,
a.linkextern:hover, a.linkextern:active {
	background: url(/images/design/links/link_extern_gross.gif) no-repeat right center;
}


/* ---------------------------------------------------
   Links Speziell: Nach Oben
   =================================================== */
#inhaltsbereich a.linknachoben,
a.linknachoben {
	background: url(/images/design/links/nach_oben.gif) no-repeat left center;
	padding-left: 9px;
}
#inhaltsbereich a.linknachoben:visited,
a.linknachoben:visited {
	
}
#inhaltsbereich a.linknachoben:hover, #inhaltsbereich a.linknachoben:active,
a.linknachoben:hover, a.linknachoben:active {
	background: url(/images/design/links/nach_oben.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: Download
   =================================================== */
#inhaltsbereich a.linkdownload,
a.linkdownload {
	background: url(/images/design/links/link_download.gif) no-repeat left center;
	padding-left: 11px;
}
#inhaltsbereich a.linkdownload:visited,
a.linkdownload:visited {
	
}
#inhaltsbereich a.linkdownload:hover, #inhaltsbereich a.linkdownload:active,
a.linkdownload:hover, a.linkdownload:active {
	background: url(/images/design/links/link_download_aktiv.gif) no-repeat left center;
}


/* ---------------------------------------------------
   Links Speziell: PDF - Case sentive (Chrome ISSUE)
   =================================================== */
#inhaltsbereich a.linkpdf, #inhaltsbereichlang a.linkpdf, #inhaltsbereichofferte a.linkpdf,
a.linkpdf {
	background: url(/images/icons/pdf.gif) no-repeat left top;
	padding-left: 19px;
	line-height: 20px;
	padding-top: 3px;
	color: black;
}
#inhaltsbereich a.linkpdf:visited, #inhaltsbereichlang a.linkpdf:visited, #inhaltsbereichofferte a.linkpdf:visited,
a.linkpdf:visited {
	color: black;
}
#inhaltsbereich a.linkpdf:hover, #inhaltsbereich a.linkpdf:active, #inhaltsbereichlang a.linkpdf:hover, #inhaltsbereichlang a.linkpdf:active, #inhaltsbereichofferte a.linkpdf:hover, #inhaltsbereichofferte a.linkpdf:active,
a.linkpdf:hover, a.linkpdf:active {
	background: url(/images/icons/pdf.gif) no-repeat left top;
	color: black;
}


/* ---------------------------------------------------
   Links Speziell: Mail
   =================================================== */
#inhaltsbereich a.linkmail,
a.linkmail {
	text-decoration: none;
	font-size: 12px;
}
#inhaltsbereich a.linkmail:visited,
a.linkmail:visited {

}
#inhaltsbereich a.linkmail:hover, #inhaltsbereich a.linkmail:active,
a.linkmail:hover, a.linkmail:active {
	text-decoration: underline;
}