/***********************************************
*
* Styles for European Cruise Academy
* © 2008 JAKOTA Design Group GmbH
* www.jakota.de
*
* All common things are in this stylesheet.
*
* Keep in mind, that u can find fixes
* for IE 6&7 in ie6only.css & ie7only.css
* first all IE will process ie7only.css
* and then, IE 6 continues with ie6only.css
*
***********************************************/



/************************************
*
* Main-Parts
*
/************************************/

html, body {
	margin:               0;
	padding:              0;
}

body {
	background-color:     #fff;
	font:                 0.75em  "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
	color:                #474a51;
  line-height:          1.6em;
  margin-left:          10px;
  margin-right:         10px;
}



/************************************
*
* Links
*
/************************************/

a,
a:link,
a:active,
a:visited {
  text-decoration:      none;
	color:                #474a51;
  padding:              0;
  margin:               0;
  display:              inline
}

/************************************
*
* Page-Structure
*
/************************************/

#header,
#contentframe, 
#footer {
  clear:                both;
  padding-left:         0px;
}

#footerbottom {
  margin-top:           18px;
  border-top:           1px solid #333;
}

.clearfix,
.hundert {
  clear:                both;
}

.halfleft,
.halfright {
  float:                left;
  width:                49.9%
}

a.logo,
.logo,
#header ul,
#header #subnavigation ,
h3.invis,
object,
embed,
#wechsler,
.toplink,
#footer .sechstel div.adr span.type,
#footer #footerbottom p span, 
#footer #footerbottom div.sechstel {
  display:              none;
}

#footer #footerbottom div.erster {
  display:               block
}


/************************************
*
* Content
*
/************************************/

.hundert img {
  padding:              2px;
  border:               1px solid #d0cfc9
}

.hundert {
  text-align:	        left !important;
}

h1 {
  margin-top:           10px;
  margin-bottom:        23px;
  color:                #2c3c69;
  letter-spacing:       -1px;
  font-size:            1.8em
}

h2, h3 {
  color:                inherit;
  font-size:            1.3em;
  margin-bottom:        0px;
  margin-top:           20px;
}

h3 {
  font-size:            1.1em;
}

p {
  margin-top:           10px;
  margin-bottom:        10px;
}

.hundert ul {
  padding-left:         23px;
  list-style-image:     url(../img/dot.gif);
}

.hundert ul li {
  margin-bottom:        3px;
}

.halfleft p,
.hundert ul,
.hundert ul li {
  padding-right:        15px
}

div.infoblock {
  background-color:     #ba0015;
  color:                #fff;
  background:           #ba0015 url(../img/bg_infoblock.gif) bottom right no-repeat;
  margin-bottom:	      14px;
  margin-right:		      17px;
  padding:		          6px 10px 6px 10px
}


div.infoblock p {
  margin-top:		        4px;
  margin-bottom:	      4px
}

div.infoblock a,
div.infoblock a:visited {
  color:               #ecb0b7
}

.imageblock,
.imgtext-table {
  text-align:	          left !important;
  margin-left:         0px !important;
  margin-right:	       0px !important;
  margin-top:	       10px;
}

p.csc-caption {
  clear:               both;
  padding-left:        3px;
  padding-right:       3px;
  color:               #999;
  margin:	       0px
}