/* --- General -------------------------------------------------------------- */

html {
 background-color: #cee4f4;
}

body {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #fff;
 text-align: center;
 
 background-image: url(images/bg_fade.jpg);
 background-repeat: repeat-x;
}

P, OL, UL, DIV, H1, H2, table {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 
 background-color: transparent;
}

a img {border:0}

a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #24435a;
 text-decoration: underline;
}
a:link {
  color: #24435a;
}
a:visited {
  color: #24435a;
}
a:hover {
  color: #24435a;
}
a:active {
  color: #24435a;
}



/* --- Layout -------------------------------------------------------------- */

#website {
 width: 1000px;

 margin-left: auto;
 margin-right: auto; 
 
 background-image: url(images/full_bg.jpg);
 background-repeat: no-repeat;
 text-align: left;
}

#container {
 width: 1000px;
 background-color: transparent;
 vertical-align: top;
 min-height: 688px;
}

* html #container {
 height: 688px;
}



#container-left {
 float: left;
 width: 62px;
 min-height: 688px;
}
* html #container-left {
 height: 688px;
}
#container-mid {
 float: left;
 width: 358px;
}
#container-right {
 float: left;
 width: 580px;
}




/* --- Navigation -------------------------------------------------------------- */

#logo {
 width: 358px;
 height: 108px;
}
#logo img, #sponsors img, #footer img {border:0px solid #fff;}

#ad-and-navi {
 width: 358px;
}

/* Skyscraper, Ads */
#skyscraper {
 float: left;
 width: 135px;
 min-height: 688px;
 
 background-image: url(images/skyscraperbg.jpg); 
 background-repeat: no-repeat;
}
* html #skyscraper {
 height: 688px;
}

#skyscraper div {
 padding: 22px 0px 0px 8px;
}




/* Hauptnavi */
#navi {
 float: left;
 width: 223px;
 height: 688px;
}


.nav1, .nav1 ul {
padding:0;margin:0;
}

.nav1 {
 text-align: left;
 list-style: none;
 width:188px;
 
}

.nav1 li {
background: url(images/navi_box.png) no-repeat 0px 0px;

}
.nav2 li  {
background: url(pfeil3.gif) no-repeat 28px ;
}


.nav1 a, .nav1 a:visited, .nav1 a:active  {
 text-decoration: none;
 display: block;
 padding: 20px 0px 25px 12px;
 color: #387ba1;
 font-weight:bold;
 text-decoration:none;
 text-transform:uppercase;

}

.nav1 a:hover {
	color: #BF2236;
 }

/*
.nav1act a:link, .nav1act a:visited, .nav1act a:visited {
  background: #BF2236 url(nav_pfeil_weiss.gif) no-repeat 5px ;
  color: #eee;
}*/

.nav1act a:hover {
  text-decoration:none;
}

.nav2 {
list-style:none;
}

.nav2 a:link, .nav2 a:visited, .nav2 a:active {
	font-size:11px;
padding:2px 0 2px 30px;	
 color: #24435a;
	background:url("icons/icon_arrow.gif") no-repeat 20px 50%;
 font-weight:normal;
 text-transform:none;
}

.nav2 a:hover {
color: #335e7e;
}

.nav2act a:link, .nav2act a:visited, .nav2act a:active .nav2act a:visited {
 font-weight:bold;
}


#sponsors {
 padding-left: 15px;
}


/* --- Content -------------------------------------------------------------- */

#ballonspacer {
 height: 232px;
}

#cont-left {
 float: left;
 width: 19px;
}

#content {
 float: left;
 min-height: 500px;
 color: #24435a;
 line-height: 16px;
}
* html #content {
 height: 500px;
}

.ce .csc-textpic, .ce p, .ce form, .ce .tx-jmgallery-pi1  {
 width: 478px;
}

.ce .csc-header {
width:530px;
}
.csc-header-n1 {
background:url("images/content/miniballon_blau2strich.png") no-repeat -20px -3px;
}
.csc-header-n2 {
background:url("images/content/miniballon_rot2strich.png") no-repeat -20px -3px;
}

#content a {
 line-height: 16px;
 text-decoration: underline;
 color: #0091b5;
}

#content a:link, a:visited, a:hover, a:active {
 text-decoration: underline;
 color: #0091b5;
}


#content h1 {
 border: 0px;
 padding: 6px 0px 6px 0px;
 margin: 0px 0px 10px 0px;
 font-weight: bold; 
 font-size: 12px;
 text-transform:uppercase;
}



/* --- Footer -------------------------------------------------------------- */

#footer {

}

#footer-text {
 color: #51697e;
 text-align: right;
 padding: 0px 30px 0px 0px;
}

#footer-text a {
 font-weight: normal;
 color: #51697e;
 text-decoration: underline;
}



/* --- Diverses ------------------- */

/* --- Formular ------------------- */
fieldset.csc-mailform {
  border:0;
}

fieldset.csc-mailform label {
  width: 80px;
  float: left;
  text-align: right;
  margin-right: 10px;
  display: block
}


fieldset.csc-mailform input, 
fieldset.csc-mailform textarea  {
 margin-bottom: 10px;
 font-size:10px;
 font-family: Verdana, Helvetica, sans-serif;
 border-style:none;
 padding-right:40px;
}

#mailformformtype_mail {
 padding:2px;
 color:#387ba1;
 border:1px solid #387ba1;
}


/* --- Google map ------------------- */
#naviNest {
  width:470px;
}

#map-list-3, #map-list-4, #map-list-5 {
  width:120px;
  float:left;
}

#naviNest h1 {
padding:0;
padding-top:10px;
margin:0;
}

#naviNest ul {
padding:0 10px;
margin:0;
list-style:none;
}

#extra, #extra div {
padding:0;
margin:0;
width:105px;
}