/* CSS Document */
html {height: 100%;}
body{
padding:0; 
background-color:#FDFDE2; 
color:#0A0A1A; 
font-family: Arial, Helvetica, sans-serif;
border-top: 1px solid #fff;
font-size: 100%;
text-align: center;
height: 100%;
}
div, p, ul, li, form, h2, img, textarea, h3, li{
padding:0; margin:0;
}
ul, ol {list-style-position: inside;}
#mainBody p {

margin-bottom: 1em;

}

#mainBody img {padding-right: 15px;}
#mainBody #tblTop img {padding:0; border: none;}
ul{
list-style-type:none;
}
.blank{
 clear:both; line-height:0;
}


/*---------------main body------------*/
#mainBody{
width:770px; 
margin:0 auto; 
min-height: 100%;
text-align: left;
min-height: 100%;
background: transparent url(images/bg-mainBody.jpg) no-repeat 0 170px; 
position:relative;
z-index:10

}

* html #mainBody {height: 100%;}
#mainBodyOuter {background: transparent url(images/bg-mainBodyOuter.jpg) repeat-y  bottom left; position:relative;width:770px; 
margin:0 auto; }
#innerBody {
position: relative;
min-height: 100%;

}
/*---------------------------left side--------------*/
#leftPan{
width: 770px; 
height: 343px;
background: url(images/header_pic.gif) no-repeat 0 0; 
position: absolute;
top:0;
left:0;
padding-top: 1px;
margin-bottom:0px;
/* margin-right: 20px; */
}

#slideshowPan {
position: absolute;
top:0;
left: 371px;
margin:0;
padding:0;
width: 159px;
height: 343px;
display: inline;
background-color: #FCFB4B;
overflow: hidden;

}	

#slideshowPan ul, #slideshowPan ul li, #slideshowPan img {
padding:0;
margin:0;
}


/*--------------------company name---------------*/
#leftPan h2{
display:block; margin:222px 0 0 197px; padding:0; height:54px; background:url(images/_braking.gif) no-repeat 0 0;
text-indent:-2000px; width:170px; 
}

#rightcontactPane{
margin:29px 0 26px 0; width:540px; float:left;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#FAF8F2; color:#313131;
}
#header {
position: relative;
background: #FCFB4B url(images/head.gif) top left no-repeat;
height: 200px;

}
#logo {

position:absolute;
width: 468px;
height: 159px;
background: #FCFB4B url(images/logo.gif) top left no-repeat;
top: 21px;
left: 244px;
}

* html #logo {top:30px}
#logo img {width:0; }
/* runnner */
#runner {
position: absolute;
top: 150px;
left: 50px;
width: 55px;
height: 33px;
background: url(images/runner1.gif) no-repeat top left; 
}
#mainContent { 
position: relative; 
margin: 0 auto;
width: 770px;
min-height:1400px;
_height: 700px;
z-index:10;

}

.EventDayScroll {position:absolute; z-index:100; display: block; width: auto}

/*---------------------------------right side---------------*/
#menu-w{
width:190px;
position: relative;
float: left;
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-bottom: 100px;
min-height: 100%;
margin-top: 30px;
}

.ccontentpane,.sub-ccontentpane  {
float: right;
width:539px;
margin-left:8px;
position: relative;
margin-top:20px;

}

* html .sub-ccontentpane { height: 500px}

.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfix {display:inline-block}
.clearfix {display:block}

/*-----------------------footer------------------*/
#footer{
background: #EEEE74; 
margin:0 auto;  
color:#FAF8F2;
font-family:Arial, Helvetica, sans-serif;  
height:50px; 
padding:24px 0 0 0;
width:770px;
position:relative;
clear: both;


}

#footer p{
display:block;
font-size:11px; 
line-height:22px; 
font:bold 10px/14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#272323;
}
#footer p.log {
display:block; 
float: right;
padding:0 12px 0 0;
}
#footer p.text{
display:block;  
float:left; 
padding:0 0 0 12px;
}
#footer p.text a{
text-decoration:none; 
color:#FFFFFF;
}
#footer p.text a:hover{
color:#F1E9D6; 
}

#footer .logintxt{
color:#272323;
font:bold 10px/14px Arial, Helvetica, sans-serif; 

}
#footer .logintxt a, #footer .logintxt a:visited {
text-decoration: underline;
}

#footer .logintxt a:hover {text-decoration:none; background: none;}

#menu {

font-family: Arial, Helvetica, sans-serif;
font-size: 98%;
padding: 50px 1px 1px 0px;

}

ul , ul li, ul li ul, ul li ul li {	list-style-type: none;}


#menu, ul#menu {

top:0;
left:0;
margin: 0;
padding: 0;
list-style: none;
padding:40px 0 0 10px;
border: none;
font: normal 12px Arial, Helvetica, sans-serif;


}


#menu {position: absolute; top:0; left:0}
#menu li {
padding:0 0 0 2px;

}

#menu li li {border: none; padding:0;}
#menu li {
line-height: 22px;
padding: 0px 25px 0px 10px;
/* background: url(images/img05.gif) repeat-x; */
color: #F1EC8F;	
margin-bottom:2px;

}

#menu ul ul li{	

color: #FFF;	
text-transform: lowercase;	
background: none;
display : block;
}

#menu li.first {
background: none;
}

#menu li a, #menu li a:visited, #menu li a:hover {

	display : block;
	color: #01219A;
	background-color: #FCFB4B;
	font-size: 98%;
	text-decoration: none;
	padding: 0px 0 0px 15px;
	width: 150px;
	
	/* background: url(images/arrow.gif) no-repeat 0 10px; */

}

#menu li a:hover,#menu li a.selected, #menu li a#menuCurrentLink  {
background-color: #01219A;
color: #FCFB4B;
background: #01219A;
}


#menu ul ul li a {

text-decoration: none;
font-size: 98%;
color: #000;

}

#menu a:hover {

color :  #231F20;
text-decoration: none;
	
}


#menu li li a, #menu li li a:visited, #menu li li a:hover {

	padding: 0px 0px 0px 15px;	
	background: url(images/arrow.gif) no-repeat 5px 10px;
	background-color: #FCFB4B;
}
* html #menu li a, * html #menu li a:visited, * html #menu li a:hover { width: 135px; }
#menu li li a:hover, #menu li li a.selected, #menu li li a.current, #menu li a#menuCurrentLink {

background: #01219A url(images/arrow-h.gif) no-repeat 5px 10px;
color :  #FCFB4B;
}
/* image */

.fotoLinks {

float: left;
margin-right: 10px;
clear:left;

}

.fotoRechts {

float: right;
margin-left: 10px;
clear:right;

}

.fotoCentreren {

text-align: center.

}




.title2{

color:#231F20; 
font-size:22px; 
display:block;
height: 30px;
border-bottom:1px solid #231F20; 
background-image:none; 
text-indent:0px; 
font-family: Helvetica, Arial, sans-serif;
margin-bottom:20px;

}

.ccnobg h3 {
color:#231F20;
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:0.5em;
}

.Normal , .ccnobg .Normal, .Normal table,  .ccnobg .Normal table {

font-family: Arial, Helvetica, sans-serif;
line-height:1.5em;
font-size: 12px;

}

.ccnobg .Normal table {padding:0; margin:0;}

a, a:visited {color: #231F20;text-decoration: none;}
a:hover {color: #231F20;background-color:#F1FFB8; }
.Normal a {text-decoration: none;}
#mainBody a, #mainBody a:visited {color: #01219A; text-decoration: underline; border: none; padding: 0;}
#mainBody a:hover {color: #01219A; text-decoration: underline;  border: none; padding: 0;}
#mainBody img, #mainBody a img {border: none; padding:0;}
.last {border:none;}


/* events */
.EventDayScroll {display:block; position:relative; z-index:1000}
.ccnobg {position:relative; z-index:100}
#mainContent .EventTitle, #mainContent .EventTitle td {
background-image:none;
color:#231F20 !important;
font-size:11pt;
font-weight:bold;
height:16px !important;
text-align:center;
width:100%;

}

#mainContent .EventDayHeader {
background-color: #01219A;
font-family:Verdana;
font-size:7pt;
font-weight:bold;
vertical-align:middle;
}

#mainContent .EventOtherMonthDay {
background-color: #BFC7E6;
color:#808080;
vertical-align: middle;
}


#mainContent .EventSelectedDay {
border:2px solid #01219A;
}
#mainContent .EventTodayDay {
background-color:#FEFEA6!important;
color:#0000FF !important;
font-weight:bold;
vertical-align: middle;
}

.EventDay, .EventDay td {
color:#0000FF !important;
font-family:Verdana;
font-size:7pt;
height:14%;
width:14%;
vertical-align: middle;
}

#mainContent .EventOtherMonthDay a, #mainContent .EventOtherMonthDay a:visited, #mainContent .EventOtherMonthDay a:hover {
background-color: #E6E9F5;
color:#8080C0;

}
#mainContent .EventDay a, #mainContent .EventDay a:visited, #mainContent .EventDay a:hover {
color:#0000FF !important;
font-family:Verdana;
font-size: 11px;
vertical-align: middle;

}

.EventWeekendDay {
background-color:#FFFFEE;
vertical-align: middle;
}