@charset "UTF-8";

body {	
	height: 101%;
	background: #fff url(../images/bg_plan-beach-1280.jpg) center top no-repeat;
	background-attachment: fixed;
	overflow:scroll;
}

body, input, select, h1, h2, h3, h4, h5, h6  {
	font-family: helvetica, arial, sans-serif;	
	/*color: #000066;*/
}

p, 
ul {
	margin-bottom: 15px;
}

p {
	text-align: justify;
}

#mainCol div p:last-child {
	margin-bottom: 0;
}

ul li {
  list-style: disc;
  list-style-position:inside;
  text-indent: 20px;
}

.clearing { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.right {
	float:right;
}

.small {
	font-size: 11px;
}

.underline {
	text-decoration: underline;
}
/*
---------------------------
Container/Gesamt
--------------------------- */

#logo {
	margin-right: -150px;
}

#container {
	width: 1280px;/*1024px;*/
	display: block;
	padding: 0px 0 20px 0;
	margin: 0 auto 0 auto;
}

/* Schriftgrössen und Deko ------------------- */

h4 {
	/*font-size: 12px;*/
	margin-top: 10px;
	margin-bottom: 4px;
	font-weight: bold;
	text-decoration: underline;
}

a {
	color: #0293c9;
	text-decoration: underline;
}

#container #leftcol ul#navigation {
	font-size: 16px; /*14px*/
	color: blue;
}

hr {
	width: 100%;
	height: 2px;
	border: none;
	color: #00a9e8; /* Linienfarbe IE */
	background-color: #00a9e8; /* Linienfarbe FF */
	clear: both;
}

/*
---------------------------
Linke Spalte
--------------------------- */
#leftCol {
	width: 280px;/*230px;*/
	margin: 0 0 0 130px; /*0 0 0 0;*/
	position: fixed;
}



/*
---------------------------
Haupt Spalte
--------------------------- */
#mainCol {
	width: 570px;
	margin: 30px 0 100px 400px; /*250px;*/
	padding: 0 0 0 0;
}

#mainCol div:first-child {
	
}

#mainCol img + h4 {
	
}

#mainCol .artikel {
	
}

#mainCol p {
	margin: ;
}

#mainCol img {
	/*float: right;*/
}


#mainCol div.intro/*:first-child*/ {
	margin: 0 20px 20px 20px;	
	padding: 10px 10px 10px 10px;
	background-color: #c3ebfb;
}

#accordion div {
	margin: 0 20px 0 20px;	
	padding: 10px 10px 0 10px;
	background-color: #7bd3f7; /*#fcee22;*/
}

#accordion h3 {
	height: 32px;
	display: block;
	padding: 12px 30px 0 30px;
	margin-top: 0px;
	background: transparent url(../images/reiter.gif) no-repeat left center;
}

#accordion h3 span {
	/*background-color: green;*/
}

.intro p,
.intro h4,
.intro a,
#accordion p,
#accordion h4,
#accordion ul {
	font-size: 14px;	
	line-height: 1.385;
}

#accordion ul {
	/*list-style-position: inside;*/
	padding-left: 16px;
}

#accordion ul li {
	text-indent: -13px;
}





#accordion h3 a {
	font-size: 16px;
	color: #FFFFFF;
	/*background-color: #00a9e8;*/
	font-style:italic;
	font-weight: bold;
	text-decoration: none;
}


#accordion h3 a:hover {
	color: #ceeaf5;
}

#accordion h3 a/*:before*/ {
    /*content: ">";*/
	font-style: normal;
	/*background-color: #7bd3f7;
	padding: 1px 5px 1px 6px;*/
	margin-right: 5px;
}

#accordion div {
	border-bottom: 2px solid #00a9e8;
	padding: 5px 20px 10px 20px;
}

#accordion div img {
	border: solid 3px #ffffff;
}



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

ul#navigation {
	list-style-type: none;
	margin: 0;
}

ul#navigation li{
	list-style-type: none;
	height: 32px;
	width: 250px;
	display: block;
}

ul#navigation li a {
	display: block;	
	height: 32px;
	height: inherit;
	text-indent: -9000px;
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat 0 0;
}

ul#navigation li.active {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px 0;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}

ul#navigation li.active2 {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px -32px;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}


ul#navigation li.active3 {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px -64px;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}

ul#navigation li.active4 {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px -96px;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}


ul#navigation li.active5 {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px -128px;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}

ul#navigation li.active6 {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px -160px;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}

ul#navigation li.active7 {
	background: transparent url(../images/plan-beach-navigation.gif) no-repeat -10px -192px;
	text-decoration: none;
	display: block;
	text-indent: -9000px;
}

ul#navigation li.no1 a {
	background-position: -260px 0px;
}

ul#navigation li.no2 a {
	background-position: -260px -32px;
}

ul#navigation li.no3 a {
	background-position: -260px -64px;
}

ul#navigation li.no4 a {
	background-position: -260px -96px;
}

ul#navigation li.no5 a {
	background-position: -260px -128px;
}

ul#navigation li.no6 a {
	background-position: -260px -160px;
}

ul#navigation li.no7 a {
	background-position: -260px -192px;
}

ul#navigation li.no1 a:hover {
	background-position: -10px 0;
}

ul#navigation li.no2 a:hover {
	background-position: -10px -32px;
}

ul#navigation li.no3 a:hover {
	background-position: -10px -64px;
}

ul#navigation li.no4 a:hover {
	background-position: -10px -96px;
}

ul#navigation li.no5 a:hover {
	background-position: -10px -128px;
}

ul#navigation li.no6 a:hover {
	background-position: -10px -160px;
}

ul#navigation li.no7 a:hover {
	background-position: -10px -192px;
}

ul#navigation a:hover {
	text-decoration: underline;
}


/* footer */

#footer {
	display: block;
	padding: 20px 0 30px 0;
	margin-bottom: 0;
	background-color:#FFFFFF;
	border-top: 2px solid #00a9e8;
}

#footer a.logo {
	float: right;
}

/*#footer ul li:last-child {
	display: none;
}*/




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



* html #container {
	position: relative;
}

* html #leftCol {
	width: 280px;/*230px;*/
	margin: 0 0 0 130px; /*0 0 0 0;*/
	position: relative;
}

* html #mainCol {
	width: 570px;
	margin: -150px 0 100px 420px;/*270px;*/
	padding: 0 0 0 0;
}
* html #leftCol {
	margin: 0 0 0 0px;
}