/* itbaier style sheet
 *
 * Author: Herbert Baier - baier@itbaier.de
 * Version: 1.0
 * Date: Mon Dec 29 16:49:58 CET 2008
 *
 * Free to use for any purpose as long as the proper credits are given for the original design work.
 */

body{
	margin:0;
	padding:0;
}

/* Site Map */
.siteMap {
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size:11px;
    color:#000;
}

.siteMap ul{
    list-style:none;
    margin:0;
    padding:0;
}

.siteMap li{
    float:left;
}

.siteMap li div,  .siteMap li a {
    margin-bottom:0px;
}

.siteMap li a{
    color:#666;
    display:block;
    text-align:center;
    text-decoration:none;
}

.siteMap li a:hover{
    color:#000;
    text-decoration:none;
}

.siteMap #menutitle {
    background:#003964; /* 000000 */
    font-weight:bold;
    color:#FFF;
    display:block;
    height:25px;
    line-height:25px;
    text-align:left;
}

.siteMap li ul{
    background:#475764; /* 515151 */
    display:none;
    height:auto;
    filter:alpha(opacity=93);  /* IE */
    opacity:0.93;
    position:absolute;
    width:250px; /* .siteMap li li -> width  --- chosseLanguage -> min-width */
    z-index:2000;
}

.siteMap li:hover ul{
    display:block;
}

.siteMap li li {
    display:block;
    float:none;
    width:250px;  /* .siteMap li ul -> width --- chosseLanguage -> min-width */
    margin:0px;
}

.siteMap #menutitle span, .siteMap li ul a {
    padding-left: 15px;
}

.siteMap li ul a {
    color:#ccc;
    display:block;
    height:25px;
    line-height:25px;
    text-align:left;
    margin:0px;
}

.siteMap li ul a:hover{
    background:#5a6064; /* 949494 */
    color:#000000;
    opacity:1.0;
    filter:alpha(opacity=100);  /* IE */
}

/* Languages */

#chosseLanguage {
    background: url(../images/language-background-1x600.jpg) repeat-x;
    width:100%;
    min-width:850px; /* .siteMap li ul / li -> width */
    min-height:600px;
    padding-top: 15px;
}

#chosseLanguage img {
	/* border: 0px; */
	border: 1px solid #979797;
	padding: 1px;
}

#chosseLanguage img:hover {
	background: url(../images/flash.gif);
}

#chosseLanguage .icon {
	background: url(../images/itbaier-high-tech-500x333.png) no-repeat top center;
	position: absolute;
      	left: 50%;	text-decoration:none;

      	top: 50%;
	min-width:500px;
      	margin-left: -250px; /* 250 =  500 / 2 */
      	margin-top: -167px; /* 167 =  333 / 2 */
	padding-top: 333px;
}

/* header */
#header {
	background: url(../images/head_bg_gradient_top.png) repeat-x;
	margin:10px 5px 0px 5px;	
	height: 100px;
	min-width:1030px;
}

#header .left {
	background: url(../images/head_bg_gradient_top-left.png) no-repeat left;
	float: left;
	width: 10px;
	height: 100%;
}

#header .right {
	background: url(../images/head_bg_gradient_top-right.png) no-repeat right;
	float: right;
	width: 10px;
	height: 100%;
}

#siteTitle{
	   margin-left:10px;	
	   background:url(../images/itbaier-transp-150.png) no-repeat center left;
	   float:left;
	   height: 100%;
}

#siteTitle h1 {
	   margin: 24px 0px 0px 170px;
	   font: 30px Arial, Geneva, Helvetica, sans-serif;
	   color:#FFF;
}

#siteTitle h2 {
	   margin: 0px 0px 0px 170px;
	   font: 22px Arial, Geneva, Helvetica, sans-serif;
	   color:#FFF;
}

/* main navigation */

#mainNavigation {
	background: url(../images/navigation_bg_gradient.png) repeat-x;
	margin:0px 5px 0px 5px;	
	height: 25px;
	min-width:1030px; /* exactly as for header */
}

#mainNavigation .left {
	background: url(../images/navigation_bg_gradient-left.png) no-repeat left;
	float: left;
	width: 6px;
	height: 100%;
}

#mainNavigation .right {
	padding-right: 14px;
	background: url(../images/navigation_bg_gradient-right.png) no-repeat right;
	float: right;
	width: 160px;
	text-align: right;
	height: 100%;
}

#mainNavigation .right img {
	background: #eaeff2;
	border: 1px solid #a7a7a7;
	padding: 1px;
}

#mainNavigation .right img:hover {
	background: url(../images/flash.gif);
}

#mainNavigation ul {
	height:100%;
	float:left;
	margin:0px;
	padding-left:0px;
}

#mainNavigation ul li {
	height:20px;
	float:left;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000;
	background-repeat:no-repeat;
	background-position:left;
	list-style:none;
	margin:0px;
	padding:5px 10px 0 12px;
}

#mainNavigation ul li.active {
	background-image:url(../images/panelNavigation-active.png);
	color:#000;
}

#mainNavigation ul li.activeLeft {
	background-image:url(../images/panelNavigation-active-left.png);
	color:#000;
}

#mainNavigation ul li.inactive {
	background-image:url(../images/panelNavigation-inactive.png);
}

#mainNavigation ul li.inactiveLeft {
	background-image:url(../images/panelNavigation-inactive-left.png);
}

#mainNavigation ul li.lastInactive {
	 background-image:url(../images/panelNavigation-inactive-right.png);
	 width:3px;
	 padding:0px;
	 height:100%;
}

#mainNavigation ul li.lastActive {
	 background-image:url(../images/panelNavigation-active-right.png);
	 width:3px;
	 padding:0px;
	 height:100%;
}

#mainNavigation ul li a {
	color:#666;
	text-decoration:none;
}

#mainNavigation ul li a:hover {
	padding-bottom:2px;
	background:url(../images/flash2.gif) bottom left repeat-x;
	text-decoration:none;
	color:#000;
}

/* sub navigation */

#subNavigation {
	background: url(../images/subNavigation_bg_gradient.png) repeat-x bottom;
	margin:0px 5px 0px 5px;	
	height: 41px;
	min-width:1030px; /* exactly as for header */
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#subNavigation img {
	border: 0px;
	margin-left: 3px;
}

#subNavigation .selected {
	font-weight:bold;
}

#subNavigation .left {
	background: url(../images/subNavigation_bg_gradient-left.png) no-repeat left;
	float: left;
	width: 10px;
	height: 100%;
}

#subNavigation .right {
	background: url(../images/subNavigation_bg_gradient-right.png) no-repeat right;
	float: right;
	width: 10px;
	height: 100%;
}

#subNavigation .extras {
	padding-top: 7px;
	padding-right: 4px;
	float: right;
	width: 180px;
	text-align: right;
	height: 100%;
}

#subNavigation .options {
	float: left;
	height: 100%;
	padding-top:7px;
	padding-left:7px;
}

#subNavigation .options a {
	color:#666;
	text-decoration:none;
}

#subNavigation .options a:hover {
	padding-bottom:2px;
	background:url(../images/flash2.gif) bottom left repeat-x;
	color:#000;
	text-decoration:none;
}

/* sub menu bar */
.submenuBar{
}

.submenuBar ul{
    list-style:none;
    margin:0;
    padding:0;
}

.submenuBar li{
    float:left;
    margin-top:7px;
    margin-left:7px;
}

.submenuBar li div,  .submenuBar li a {
    margin-bottom:7px;
}

.submenuBar li a{
    color:#666;
    display:block;
    text-align:center;
    text-decoration:none;
}

.submenuBar li a:hover{
    background:url(../images/flash2.gif) bottom left repeat-x;
    color:#000;
    text-decoration:none;
}

.submenuBar #menutitle {
    background:#003964; /* 000000 */
    font-weight:bold;
    color:#FFF;
    display:block;
    height:25px;
    line-height:25px;
    text-align:left;
}

.submenuBar li ul{
    background:#475764; /* 515151 */
    display:none;
    height:auto;
    filter:alpha(opacity=93);  /* IE */
    opacity:0.93;
    position:absolute;
    width:180px;  /* .submenuBar li li -> width */
    z-index:2000;
}

.submenuBar li:hover ul{
    display:block;
}

.submenuBar li li {
    display:block;
    float:none;
    width:180px;  /* .submenuBar li ul -> width */
    margin:0px;
}

.submenuBar #menutitle span, .submenuBar li ul a {
    padding-left: 15px;
}

.submenuBar li ul a {
    color:#ccc;
    display:block;
    height:25px;
    line-height:25px;
    text-align:left;
    margin:0px;
}

.submenuBar li ul a:hover{
    background:#5a6064; /* 949494 */
    color:#000000;
    opacity:1.0;
    filter:alpha(opacity=100);  /* IE */
}

/* contents */

#contents {
	clear:both;
	margin:20px 12px 0px 12px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	/* font-family: tahoma,verdana,sans-serif; */
	font-size: 85%;
	color:#222;
	min-width:1016px; /* 1030 - 14 from margin difference to header */
}

table.appointment, table.information {
	border-spacing: 2px;
	padding-left:5px;
}

.information th,.information td {
	text-align: left;
	vertical-align: top;
}

#clockDe, #clockEn, #clockEs, #clockIt, #clockPt {
	clear:both;
	width: 420px;
	height: 419px;
}

#clockDe {
	background:url(../images/consulting-deg-bord-de-420x419.png) no-repeat top left;
}

#clockEn {
	background:url(../images/consulting-deg-bord-en-420x419.png) no-repeat top left;
}

#clockEs {
	background:url(../images/consulting-deg-bord-es-420x419.png) no-repeat top left;
}

#clockIt {
	background:url(../images/consulting-deg-bord-it-420x419.png) no-repeat top left;
}

#clockPt {
	background:url(../images/consulting-deg-bord-pt-420x419.png) no-repeat top left;
}

.clock {
	width: 65px;
	height: 65px;
	padding-top: 110px;
	padding-left: 269px;
	/* #a7a7a7 or deeaf1
	border: 2px groove #deeaf1; */
}



/* footnote */

#footer {
	clear:both;
	background:url(../images/footnote-bg-360x65.png) no-repeat top left;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	/* font-family: verdana,arial,tahoma; */
	font-size: 12px;
	color:#ddd;
	margin: 30px auto 0px auto;	
	padding-top: 12px;
	width: 360px;
	min-height: 90px;
}

#footer p{
	margin: 0px;
	padding: 0px 0px 5px 105px;
}

#footer p a {
	color:#4d84a7;
	font-weight:bold;
	text-decoration:none;
}

#footer p a:hover {
	   padding-bottom:2px;
	   background:url(../images/flash2.gif) bottom left repeat-x;
	   text-decoration:none;
}

/* boxes */

div.boxTop {
	background:#fff url(../images/box_bg_top.png) repeat-x;
	height: 7px;
}

div.boxTop .left {
	background: url(../images/box_bg_top_left.png) no-repeat left;
	float: left;
	width: 4px;
	height: 100%;
}

div.boxTop .right {
	background: url(../images/box_bg_top_right.png) no-repeat right;
	float: right;
	width: 4px;
	height: 100%;
}

div.boxBottom {
	background:#fff url(../images/box_bg_bottom.png) repeat-x bottom;
	height: 7px;
}

div.boxBottom .left {
	background: url(../images/box_bg_bottom_left.png) no-repeat left;
	float: left;
	width: 5px;
	height: 100%;
}

div.boxBottom .right {
	background: url(../images/box_bg_bottom_right.png) no-repeat right;
	float: right;
	width: 5px;
	height: 100%;
}

div.box {
	background:#fff url(../images/box_bg_left.png) repeat-y left;
	margin: 0px;
}

div.box .close {
	background: url(../images/box_bg_right.png) repeat-y right;
}

div.box p {
	margin: 0px;
	padding:5px 0 5px 0;
}

div.box table {
	margin: 0px;
	padding:5px 0 5px 0;
}

div.box h2 {
	background:#dfdfdf url(../images/box_header.png) repeat-x;
	border-bottom:1px solid #d9d9d9;
	margin: 0px 2px 3px 2px;
	padding: 0px 8px 3px 8px;
	color:#4d4d4d;
	font-weight:normal;
	font-size:14px;
	height: 18px;
}

div.box h2 a {
	color:#4d4d4d;
	text-decoration:none;
}

div.box h2 a:hover {
	padding-bottom:2px;
	background:url(../images/flash2.gif) bottom left repeat-x;
	color:#000;
	text-decoration:none;
}

div.box h3, div.box h4, div.box h5, div.box h6 {
	clear: both;
	color:#000;
}

div.box h3 {
	margin-top: 5px;
	margin-bottom:.1em;
	font-weight:bold;
	font-size: 100%;
}

div.box .data {
	padding: 0px 10px 0px 10px;
}

div.boxSubdivision ul {
	margin:0;
	padding: 0;
	list-style: none
}

div.boxSubdivision ul li {
	margin:0px 0px -1px;
	border-bottom:1px solid #d9d9d9;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.boxSubdivision ul li p {
	margin-bottom:0;
}

div.boxLineTextRight {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #d9d9d9;
	text-align:right;
	font-size:0.9em;
	color: #567;
}

div.boxLineTextRight .textLeft{
	display:block;
	float:left;
}
/* operation */
table.operation {
	border-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
}

.operationHeader {
	background: #666;
	color:#FFF;
	text-align: center;
	font-weight:bold;
}

.operationRowOdd {
	background: #dcdcdc;
}

.operationRowEven {
	background: #f1f1f1;
}


.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

/* images */
.logo{
	float:left;
	background:#FFF;
	border:1px solid #b0b0b0;
	padding:3px;
	margin:2px 8px 2px 0px;
}

.floatImage{
	float:left;
}

/* Items */
ul.threeDotsList {
	margin: 0px;
	padding:5px 0px 0px 26px;
}

ul.threeDotsList li {
	list-style-image: url(../images/list.png);
	padding-bottom:5px;
}

ul.threeDotsList li a {
	 text-decoration:none;
	 color:#269;
	 font-weight:bold;
}

ul.threeDotsList li a:hover {
	 text-decoration:none;
	 padding-bottom:1px;
	 background:url(../images/flash2.gif) bottom left repeat-x;
}

/* misc */

.bold {
	font-weight:bold;
}

.alert {
	font-weight:bold;
}

.bigfont {
	  font-size:2em;
	  letter-spacing:-1.8px;
}

.clearer {
	clear: both;
}

.flashlink a {
	color:#269;
	font-weight:bold;
	text-decoration:none;
}

.flashlink a:hover {
	   padding-bottom:2px;
	   background:url(../images/flash2.gif) bottom left repeat-x;
	   text-decoration:none;
}

.thumbs img{
	float:left;
	position:relative;
	padding:3px; 
	margin:5px 5px 5px 0;
	border:1px solid #fff;
	background-color:#ddd;
	color: #555;
}

.picture img {
	background:#FFF;
	border:1px solid #b0b0b0;
	padding:3px;
	margin:5px 5px 5px 0px;
}

.contact a {
	 text-decoration:none;
	 color:#269;
	 font-weight:bold;
}

.contact a:hover {
	 text-decoration:none;
	 padding-bottom:2px;
	 background:url(../images/flash2.gif) bottom left repeat-x;
}

.thank {
	margin: 100px 0px 100px 0px;
	font-size:2em;
	text-align:center;
	letter-spacing:-0.8px;
	color: #b43e11;
}

.toc img {
	border:0px;
	margin:0px;
}


a.toc {
      text-decoration:none;
}

.link {
	font-size:18px;
	font-weight:bold;
	color: #b43e11;
}

.message {
	color:#4d84a7;
	font-weight: bold;
}

.error {
	color: #db1c1c;
	font-weight: bold;
}

/* map */

#mapCanvas {
    width:600px;
    height:450px;
    padding: 0px;
    margin-top: 10px;
}

#directionsPanel {
    margin-top: 10px;
}

#map {
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size:11px;
    color:#222;
}

#map p {
    clear:both;
    text-align: left;
    padding: 0px;
}

#map table {
    clear:both;
    margin: 5px 0px 5px 0px;
    border-spacing: 0px;
}

#map th,#map td {
	text-align: left;
	vertical-align: top;
}