/* NCMSSTYLE */
#bodyDiv {width:100%}
#pageContainer {width:960px; position:relative; left:50%; margin:0px 0px 0px -480px;}
#topContainer {background:#FFFFFF;}
#contentContainer {background:#FFFFFF;}
#bottomContainer {background:#FFFFFF;}
#leftCell, #leftCellWidth {background:#FFFFFF;}
#contentCell, #contentCellWidth {background:#FFFFFF;}
#rightCell, #rightCellWidth {background:#FFFFFF;}
#leftCellWidth img {width:20px;}
#contentCellWidth img {width:680px;}
#rightCellWidth img {width:260px;}
p, table, td, li {font-family:tahoma; font-size:11px;}
img {border:0px;}

/* _MENUSTYLE */
/* MENUSTYLE TOP DROPDOWN*/
#topNav, #topNav ul {padding:0px; margin:0px; list-style-type:none;}
#topNav a {display:block; line-height:22px;}
#topNav li {display:block; float:left; width:auto;}
#topNav ul li a {display:block; line-height:22px;}
#topNav ul li {margin-top:-1px; width:auto; float:none}
#topNav li ul {position:absolute; margin:0px 0px 0px 0px; border:0; left:-999em;}
#topNav li ul ul {margin:0px 0px 0px 0px; width:auto;}
#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul, #topNav li.sfhover ul ul ul ul {left: -999em;}
#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul, #topNav li li li li.sfhover ul {left:auto;}

/* MENUSTYLE UMENU TREE */
#treeNav, #treeNav ul {margin-left:0px; padding:0px; list-style-type:none;}
#treeNav li {width:auto; display:block; list-style-type:none;}
#treeNav a {display:block; padding:0px; margin:0px; line-height:22px;}
#treeNav ul li {width:auto; display:block;}
#treeNav ul li ul, #treeNav ul li ul li {width:auto;}

/* MENUSTYLE UMENU DROPOUT */
#subNav, #subNav ul {margin-left:0px; padding:0px; list-style-type:none;}
#subNav li {width:auto; display:block; list-style-type:none;}
#subNav a {display:block; padding:0px; line-height:22px;}
#subNav ul li {width:auto; display:block;}
#subNav ul li ul, #subNav ul li ul li {width:auto;}
#subNav li ul {position:absolute; margin:0px 0px 0px 100px; border:0; left:-999em;}
#subNav li ul ul {margin:0px 0px 0px 0px; width:auto;}
#subNav li:hover ul ul, #subNav li:hover ul ul ul, #subNav li.sfhover ul ul, #subNav li.sfhover ul ul ul, #subNav li.sfhover ul ul ul ul {left: -999em;}
#subNav li:hover ul, #subNav li li:hover ul, #subNav li li li:hover ul, #subNav li.sfhover ul, #subNav li li.sfhover ul, #subNav li li li.sfhover ul, #subNav li li li li.sfhover ul {left: auto;}

/* TYPOGRAFICSTYLE */
/* TYPOGRAFIC */
h1 {font-family:Arial; font-size:16px; color:#4f4f50}
h2 {font-family:Arial; font-size:14px; color:#4f4f50}
h3 {font-family:Arial; font-size:12px; color:#4f4f50}
body, p, table, li, td, input {font-family:Arial; font-size:12px; color:#4f4f50}
a, a:visited, a:hover {font-family:Arial; color:#aa421c; text-decoration:underline;}
a.menu, a.menu:visited, a.menu:hover {font-family:Tahoma; color:#000000; text-decoration:none; font-size:12px;}
/* EXTRA */


/* MAINSTYLE */

#bigPhoneNumber {font-size:22px; font-weight:bold; color:#858585; position:absolute; margin:-55px 0px 0px 790px;}
#bigPhoneNumberMob {font-size:22px; font-weight:bold; color:#858585; position:absolute; margin:-30px 0px 0px 763px;}

.rightBox {background:url(/files/site/gfx/green_bg.png);}
.rightBox table {margin:10px 10px 10px 15px;}
.rightBox table td, .rightBox table td h2, .rightBox a, .rightBox a:visited, .rightBox a:hover {color:#FFF;}
.divider_h {background: url(/files/site/gfx/divider_h.png) left bottom repeat-x;}
.topMenuBg {background:url(/files/site/gfx/menu_bg.png) top left repeat-x;}

/*TOP MENU*/
#topNav li {width:160px; text-align:center;}
#topNav a {font-size:16px; text-transform:lowercase; color:#fff; font-weight:bold; text-decoration:none; padding-top:10px;}
#topNav li.activeLi {background:url(/files/site/gfx/menuActive_bg.png); height:39px;}
#topNav .menuArrowGif, #topNav .menuArrowGifActive {display:none;}

.top2MenuBg {background:url(/files/site/gfx/green_bg.png); height:auto; border-bottom:1px solid #FFF;}
#topNav2, #topNav2 ul {padding:0px; list-style-type:none; margin:0px 0px 0px 35px;}
#topNav2 a {display:block; line-height:27px; color:#FFF; text-decoration:none; margin:0px 20px 0px 8px;}
#topNav2 li {display:block; float:left; width:auto; background:url(/files/site/gfx/subMenu_spacer.png) left center no-repeat;}
#topNav2 .menuArrowGif, #topNav2 .menuArrowGifActive {display:none;}

/*carrousel*/
.carrousel {background:url(/files/site/gfx/green_bg.png); padding:5px 5px 2px 5px;}
/*.carrousel #carousel {border:1px solid #FFF; margin:4px; width:947px; height:206px;}
#carousel ul {width:947px;height:206px; overflow:hidden;}*/

/*footer*/
#footer {height:35px; border-top:1px solid #009b19; padding-top:10px;}

/*KONTAKT FORMULAR*/
#form_kontaktFormular {width:340px;}
#form_kontaktFormular input, #form_kontaktFormular textarea {font-size:16px;}
#form_kontaktFormular .formfield {margin:10px 0px 10px 0px;}
#form_kontaktFormular .formfield .forminput , #form_kontaktFormular .formfield .formtextarea {width:250px;}
#form_kontaktFormular .formfield .formtextarea {height:100px;}
#form_kontaktFormular label {display:block; width:75px; float:left;}
#form_kontaktFormular #formSubmit {text-align:right;}
/* REFERENCESTYLE */

.referenceList {border:1px solid #E5E5E5; width:510px;}
.referenceList td {vertical-align:top;}
.referenceList .itemPicture {width:150px; height:100px; overflow:hidden;}
.referenceList a.refHeaderLink, .referenceList a.refHeaderLink:visited, .referenceList a.refHeaderLink:hover {font-size:16px; text-decoration:none; display:block;}

.referenceDetail {margin-top:0px}
.referenceDetail .itemPicture {width:480px; height:300px; overflow:hidden; margin-bottom:2px;}

.referenceDetail #thumbContainer div{width:50px; float:left;}

.referenceCategory, referenceCategory table {width:250px; border:1px solid #E5E5E5; float:left; margin-right:10px;}
.referenceCategory a, .referenceCategory a:visited, .referenceCategory a:hover {text-decoration:none; color:#000;}
.referenceCategory .categoryHeader a, .referenceCategory .categoryHeader a:visited, .referenceCategory .categoryHeader a:hover {font-size:16px; font-weight:bold; text-decoration:underline; color:#AA421C;}
.referenceCategory .categoryHeader a:hover {text-decoration:none; color:#AA421C;}
/* JQUERYSTYLE */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 120;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
#gallery {width:auto;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {border: 5px solid #3e3e3e; border-width: 5px 5px 20px;}
#gallery ul a:hover img {border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; }
#gallery ul a:hover { color: #fff; }


