/*Compass Design template CSS file - alexanderpilsl.tk*/
 
@import url("contactForm.css");
/*----------general----------*/
* {
margin:0;
padding:0;
}
p,h,blockquote,ul,ol,dl,address{
margin:0.5em 0;
/*color:#F3F3F3;*/
color:#1F4772; /* #f3f3f3 -----------------------------------> hellere schrift im content bereich */
}
body{
text-align:center; /*center hack*/
font-size:76.1%;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#1F4772; /* #f3f3f3 -----------------------------------> hellere schrift im content bereich */
line-height:1.3em;
background:#122342 url(../img/headertile.gif) repeat-x;
}
/*container fuer gesamte site*/
#wrapouter{
height:100% !Important;
height:1%;
width:1178px; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
/*padding-left:5px solid #f9f9f9;/* !Important;*/
}
#wrapinner{
height:100% !Important;
height:1%;
width:1178px;
margin:0 auto; /*center hack*/
/*padding-left:20px;
padding-right:20px;*/
background-position: top left;
overflow:visible;
}
#header{
position:relative;
float:left;
width:1178px;
height:332px; /*275px orig*/
/*padding:0 180 0 0;
text-align:right;
margin:0 0 0 0;*/
background: url(../img/headerBg.gif) no-repeat; 
overflow:visible;
}
#headerimg{
width:810px;
height:228px;
padding-left:185px;
padding-top:45px;
 /*oben rechts unten links*/
float:left;
overflow:hidden;
}

#menue {
text-align:left;
padding-left:185px;
float:left;
width:682px;
height:43px; 
line-height:43px;
/*background:#E3E3E3;*/
color:#4587FF;
text-decoration:none;
font-weight:bolder;
font-variant:small-caps;
font-size:15px;
/*background:orange;*/

}
#menItem{
float:right;
padding:0px;
margin:0px;

overflow:visible;
/*background:red;*/
width:429px; /*610px - total width */
/*text-align:center;
height:43px;
padding-left:82px;*/
}
#mainbut a{text-decoration:none;
/*padding:0 130 0 60;*/
float:left;
color:#fff;
width:230px;
padding-left:20px;
/*background:yellow;*/
overflow:hidden;
}
#mainbut .menu1-level1-act a,  #mainbut a:hover,
#menItem .menu1-level1-act a,  #menItem a:hover{
color:#4587FF;text-decoration:none;
}
#menitem a{
/*padding:0 10 0 10;
vertical-align:middle;
height:23px;
float:left;
color:#fff;

/*background:#e3e3e3;*/
}
.weather{
/*background:green;*/
overflow:visible;
padding-right:180px;
float:right;
width:130px;
color:#fff;
height:43px;
font-size:13px;
}
.weather div{
position:relative;
/*background:orange;*/
}
#weatherdate {
float:left;
/*background: url(../img/ico_weather.gif) no-repeat;*/
/*background:red;*/
border:none;
line-height:43px !important;
height:43px !important;
padding-top:13px;
width:64px;
vertical-align:top;
font-size:0.65em;
text-align:center;
}
.weatherVal {
float:left;
line-height:43px;
padding:0px 0px 0px 0px;
font-weight:bold;
font-size:
}
#content {
padding-left:178px;
width:822px;
text-align:justify;
float:left;
/*background:#85AFFF;*/
overflow:visible;/* #969696 ---------------------------------------> dunklerer content hintergrund */
}
#spacerContentstart{
height:20px;
width:820px;
margin-left:2px;
overflow:hidden;
vertical-align:top; 
/*padding:50 60 20 60;*/
background:#85AFFF;
}
.hMainWrap{
width:100% !Important;
height:34px;
float:left;
/*background:red;*/
/*padding:20px 0 0 0;*/
background:#85AFFF;

}
.hMLeft{
position:relative;
width:68px;
height:34px;
background: #1B3564 url(../img/hleft_01.gif) no-repeat;
float:left;
}
.hMRight{
width:20px;
height:34px;
background:#1B3564 url(../img/hright_01.gif) no-repeat;
float:left;
}
.inside{
/*margin:80 60 20 0;*/
padding-top:10px;
padding-bottom:20px;
width:820px;
margin-left:2px;
overflow:hidden;
vertical-align:top; 
/*padding:50 60 20 60;*/
background:#85AFFF;
}
.inside p,.inside img,.inside table, .inside .tx-lumogooglemaps-pi1, .inside tbody{
/*padding-left:60px;
*/}

#bottom{
font-size:0.8em;
width:822px !important;
height:132px;
background:#122242 url(../img/bkgbt.gif) no-repeat;
background-position:top right;
padding-bottom:15px;
}
#quickcontainer{
width:820px;
height:85px !important;
}
#quickinfo{
float:right;
padding:15 0 0 0;
width:820px;
height:67px;
/*background:url(../img/raster_01.gif);*/
}
#footer{
/*background:yellow;*/
width:760px !important;
padding-left:62px;
padding-top:3px;
margin-top:2px;
height:39px;
line-height:39px;
vertical-align:top;
text-align:left;
float:left;
font-size:0.9em;
color:#fff;

}
#footerinfo a{
line-height:39px;
color:#fff;
float:right;
vertical-align:middle;
padding:0px !important;
}

#footerinfo a:hover{
color:#4587FF;
float:right;
vertical-align:middle;
padding:0px !important;
}
/*div.inside .bodytext{width:700px;}*/
.bodytext, .csc-linkToTop, .imageGallery{
margin:0px 60px !important;
/*background:green;*/
}
.imageGallery td{
padding:0px 2px;
}
#bolGalSign, #bolGalSign a{ visibility:hidden;font-size:0.1em;}

.zurueckmov{
padding:0px 0px !important;
font-size:100%;
}
.contenttable,tbody, .bodytext{
vertical-align:top;
text-align:top;
border-spacing:0;
/*margin:0;*/
/*padding:0px 60px;
*/border:none;
font-size:100%;
line-height:1.3em;
color:#1F4772; /* #f3f3f3 -----------------------------------> hellere schrift im content bereich */
}
.imageGallery{
padding-top:15px;
}
td .bodytext {
/*background:yellow;*/
width:100% !Important;
}
.align-right {
width:100% !Important;
text-align:right;
}

#webcamwrapper{
width:700px;
margin-right:60px !important;
margin-left:60px;
height:185px !important;

}
div.webcampics {
text-align:center;
width:50%;
float:left;

}
/*.iconsalign{
height:53px  !important;
width:100px;
white-space:noWrap;
line-height:53px !important;
vertical-align:middle !important;

background:red;
}*/

/*--------------LAYOUT für Ergebnisliste Up&Down09*/

table.ergebnisrennen {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}

table.ergebnisrennen  td {
table-layout:fixed;
/*background:#fff;*/

padding:2px 2px 2px 0px;
}
.ergebnisrennen  .td-1, .ergebnisrennen  .td-2, .ergebnisrennen  .td-3, .ergebnisrennen  .td-4, .ergebnisrennen  .td-5, .ergebnisrennen  .td-6, 
.ergebnisrennen  .td-7, .ergebnisrennen  .td-8{
table-layout:fixed;
width:50px;
text-align:center;
}
.ergebnisrennen  .td-8{font-weight:bold;}

/*--------------LAYOUT für PREISTABELLE---------------*/

table.preise {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}

table.preise td {
table-layout:fixed;
background:#fff;
border:2px solid #85AFFF;
padding:2px;
}
.preise .td-1, .preise .td-2, .preise .td-3, .preise .td-4, .preise .td-5, .preise .td-6, 
.preise .td-7, .preise .td-8{
table-layout:fixed;
width:70px;
text-align:center;
}

/*--------------LAYOUT für UpAndDown-----------*/

table.upanddown {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}

.upanddown .td-0 {
padding:2px 0px;
table-layout:fixed;
width:205px !important;

/*background:red;*/
}

table.upanddown .td-1{padding:2px 0px;
table-layout:fixed;
width:495px !important;
text-align:left;
}
.cellsplitter01{
float:left;
width:150px;
padding-right:50px;
}
/*--------------LAYOUT für Öffnungszeiten-----------*/

table.openinghours {
margin-left:60px;
width:400px !important;
/*background:red;*/
table-layout:fixed;
}
table.openinghours2{
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}
.openinghours .td-0, 
.openinghours2 .td-0 {
table-layout:fixed;
width:205px !important;
/*background:red;*/
padding:2px 0px;
}

table.openinghours .td-1,
table.openinghours2 .td-1{
table-layout:fixed;
width:195px !important;
text-align:left;
}

table.openinghours2 .td-2 {
table-layout:fixed;
width:300px !important;
text-align:right;
font-weight:bold;
}
/*--------------LAYOUT für Rennen------------*/

table.racing {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}

table.racing .td-0 {
table-layout:fixed;
width:205px;
font-weight:bold;
/*background:red;*/
}

table.racing .td-1{
table-layout:fixed;
width:385px;
text-align:left;
}
table.racing .td-2{
table-layout:fixed;
text-align:right;
}

/*--------------LAYOUT für Bildergallerie------------*/

table.galleryTable {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}

table.galleryTable .td-0,
table.galleryTable .td-1,
table.galleryTable .td-2,
table.galleryTable .td-3{
table-layout:fixed;
text-align:center;
font-weight:bold;
width:175px;
/*background:red;*/
}


/*--------------LAYOUT für postbus------------*/

table.pbus {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
/*background:red;*/
}

table.pbus .td-0 {
table-layout:fixed;
width:205px !important;
font-weight:bold;
/*background:red;*/
}
table.pbus .td-1{
table-layout:fixed;
width:235px !important;
text-align:left;
}
table.pbus .td-2{
table-layout:fixed;
width:100px;
text-align:right;
}
table.pbus .td-3{
table-layout:fixed;
width:160px !important;
text-align:right;
}
/*--------------LAYOUT für Linkliste-------*/

table.linklist {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
}

table.linklist tr {
/*background:red;*/
}

table.linklist .td-0 {
table-layout:fixed;
width:400px;
text-align:left;
font-variant:small-caps;
/*background:red;*/
}

table.linklist .td-1{
table-layout:fixed;
text-align:right;
width:200px;
}
/*--------------LAYOUT für impressum------------*/
table.impressum {
margin-right:60px !important;
margin-left:60px;
table-layout:fixed;
width:700px !important;
padding:0px;
}

table.impressum .td-0 {
table-layout:fixed;
width:205px !important;
/*background:red;*/
}

table.impressum .td-1{
table-layout:fixed;
width:495px !important;
text-align:left;
}


#tel{
vertical-align:top;
background:url(../img/tel_ico.png) no-repeat;
padding-left:35px;
border:none;
margin-left:60px;
height:18px;
}
#mail{
vertical-align:top;
background:url(../img/mail_ico.png) no-repeat;
padding-left:35px;
margin-left:60px;
border:none;
height:18px;
}
.pdfico a{
vertical-align:top;
background:url(../img/pdf_button.png) no-repeat;
padding-left:35px;
margin-left:230px;
border:none;
height:18px;
}
.pdficoSimple a{
vertical-align:top;
background:url(../img/pdf_button.png) no-repeat;
padding-left:35px;
border:none;
height:18px;
}
.arrow a{
vertical-align:top;
background:url(../img/arrow_wr.png)  no-repeat;
padding-left:35px;
border:none;
height:18px;
font-size:100%;
line-height:1.3em;
margin-left:60px;
}

div.tx-lumogooglemaps-pi1 {
padding-left:60px;
}

.tx_lumogooglemaps_pi1_sidebar .arrow a {margin-left:0px;}

/*----------headlines-----------*/

/*----- MAIN - headline -----*/


h1{
height:34px;
background:#1B3564;
font-size:15px;
float:left;
line-height:34px;
vertical-align:middle;
font-weight:bold;
color:#4587FF;
font-variant:small-caps;
font-style:italic;
}
h2{
height:34px;
background:#1B3564;
font-size:15px;
float:left;
line-height:34px;
vertical-align:middle;
font-weight:bold;
color:#fff;
}



/*----- SUB - headline -----*/


/*----------fonts----------*/


h3{
position:relative; 
/*margin:15 -20 10 -20;*/
margin:20px 0px 10px 40px;
padding-left:20px;
background:url(../img/hsub_01.gif) no-repeat;
font-size:12px;
line-height:20px;
color:#ffffff;
font-weight:bold;
font-variant:small-caps;
width:740px;
}
h4{
/*margin:5 -20 0 -52;*/
margin:10px 0px 0px 10px;
padding-left:50px;
background:url(../img/hnsub_01.gif) no-repeat;
font-size:12px;
line-height:40px;
color:#ffffff;
font-weight:bold;
font-variant:small-caps;
width:770px;
}
h5{
color:#1B3564;
font-size:1.1em;
line-height:1.1em;
}

h6{
font-size:1em;
line-height:1em;
}
h7{
font-size:1.1em;
line-height:1.1em;
}
h8{
font-size:1em;
line-height:1em;
font-weight:bold;
}


/*----------links----------*/
/* damit unter verlinkenden Bildern kein underline erzeugt wird, einfach den a-tag der KLASSE  "class="imgLink" zuweisen*/
a.imgLink {text-decoration:none;}

a{
color:#1B3564;
text-decoration:underline;
font-weight:bolder;
outline:none;
}

a:hover{
color:#fff;
text-decoration:none;
font-weight:bold;
}
a img {
	border: none;
}



