html, body, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}

h1 {
	font: 12px monospace;
	font-weight: bold;
	padding-left: 20px;
}

h2 {
	font: 16px impact;
	color: #000000;
	background: url(images/karosrosa.png);
	line-height: 32px;
	text-align: left;
	letter-spacing: 0.15em;
	padding-left: 20px;
}

h3 {
	font: 12px monospace;
	font-weight: bold;
	color: #ff3333;
}

h6 {
	font: 10px monospace;
	font-weight: bold;
	padding: 0 20px 0 20px;
	margin: 0;
}


h5 {
	font: 18px impact;
	color: #009966;
	line-height: 32px;
	text-align: left;
}

#content h4    {
	font: 18px impact;
	color: #000000;
	background: url(images/karosrosa.png);
	line-height: 32px;
	text-align: left;
	letter-spacing: 0.25em;
	padding-left: 20px;
}



img {
	border: 0;
	padding: 0 0 0 5px;
}

#content img {
	border: 0;
	padding: 0 0 0 20px;
}

#content a   {
	font: 12px monospace, sans-serif;
	font-weight: bold;
	color: #cc3399;
	text-decoration: none;
}

#content a:hover {
	font: 12px monospace, sans-serif;
	font-weight: bold;
	color: #45053e;
	text-decoration: none;
}


#content h2 a   {
	font: 18px impact, sans-serif;
	color: #cc3399;
	letter-spacing: 0.025em;
	text-decoration: none;
}

#content h2 a:hover {
	font: 18px impact, sans-serif;
	color: #339966;
	letter-spacing: 0.025em;
	text-decoration: none;
}

#content h3 a   {
	font: 16px impact, sans-serif;
	color: #000000;
	letter-spacing: 0.025em;
	text-decoration: none;
	padding-left: 20px;
}

#content h3 a:hover {
	font: 16px impact, sans-serif;
	color: #339966;
	letter-spacing: 0.025em;
	text-decoration: none;
	padding-left: 20px;
}

#content h4 a   {
	font: 16px impact, sans-serif;
	color: #fe3366;
	letter-spacing: 0.25em;
	text-decoration: none;
	padding-left: 20px;
}

#content h4 a:hover {
	font: 16px impact, sans-serif;
	color: #339966;
	letter-spacing: 0.25em;
	text-decoration: none;
	padding-left: 20px;
}


p {
	padding: 0 20px 0 20px;
	line-height: 18px;
}


.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}


body {
	background: url(images/karos.jpg);
	text-align: center;
	font: 12px monospace;
	color: #000000;
	width: 100%;
	background-attachment:fixed;
}

#topline {
	background: top left url(images/black.png);
    border-color: #fe6699;
	margin: auto;
	padding: 0 50px 0px 50px;
	width: 964px;
	height: 12px;
  	border-bottom: 0px;
}

#bottomline {
	background: top left url(images/black.png);
    border-color: #fe6699;
	margin: auto;
	padding: 0 50px 0px 50px;
	width: 964px;
	height: 15px;
  	position: relative; 
  	bottom: 0px;
}

/** nav **/

#nav {
  background: url(images/bg_navi.jp) repeat-x;
  margin: auto;
  height: 28px;
  width: 1064px;
  border-color: #cc3399;
  background-color: #000000;  
  position: relative;

}

#nav ul{
    text-align: left;
	margin: auto;
	line-height: 28px;
  	position: relative;  
}


#nav li {
  list-style: none;
  line-height: 28px;  
  float: left;
  /** background: left center url(images/arr.png) no-repeat;**/
  vertical-align: middle;
  padding-right: 50px;
}

#nav a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-family: georgia;

}


#nav a:hover {
  color: #009999;
  text-decoration: none;
  font-weight: bold;
  font-family: georgia;
}

#nav img {
  margin: 10px;
  padding: 10px;
}


/** logo **/

#logo {
  width: 500px;
  height: 283px;
  background: url(images/logopferd.png) no-repeat;
  margin: -10px 0px -25px -50px;
}

#logo2 {
  width: 380px;
  height: 220px;
  background: url(images/logo2.png) no-repeat;
}

#teaser {
	background-color: #000000;
	border: 1px solid #009999;
	padding: 5px;
	position: absolute;
	left: 750px;
	top: 6px;
	width: 250px;
	height: 23px;
	float: left;
}

#button1 {
	background: url(images/cdteaser.png) no-repeat;
	padding: 10px;
	position: absolute;
	left: 900px;
	top: 500px;
	width: 200px;
	height: 200px;
	float: left;
}

/** layout **/
#wrapper {
	background: top left url(images/black.png);
    border-color: #fe6699;
	text-align: left;
	margin: auto;
	padding: 0 50px 0px 50px;
	width: 964px;
  	position: relative;

}

#contentbild {
  background: bottom left url(images/body_bg_botpichalb.png) no-repeat;
}

#peggysugarhill1 {
  background: bottom left url(images/body_bg_botpic.png) no-repeat;
}

#peggysugarhill2 {
  background: bottom left url(images/botpichalbyellow.png) no-repeat;
}

#peggysugarhill3 {
  background: bottom left url(images/botpic_sw_fun.png) no-repeat;
}

#peggysugarhill4 {
  background: bottom left url(images/botpichalb_adr.png) no-repeat;
}

#peggysugarhill5 {
  background: bottom left url(images/abouthalb.png) no-repeat;
}

#peggysugarhill6 {
  background: bottom left url(images/body_bg_botpinup.png) no-repeat;
}

#peggysugarhill7 {
  background: bottom left url(images/bg_botpichalb_sw1.png) no-repeat;
}

#contentbild .tourdates {
  background: bottom left url(images/tourdates.png) no-repeat;
}



#rahmen {
  background: bottom left url(images/rahmen.png) no-repeat;
  min-height: 800px;
  padding-bottom: 14px;
  padding-top: 35px;

}

#rahmenhalb {
  background: bottom left url(images/rahmenhalb.png) no-repeat;
  min-height: 800px;
  padding-bottom: 14px;
  padding-top: 35px;

}



/** CONTENTS **/

#contentwrapper {
  width: 880px;
  min-height: 540px;
  margin: -540px 40px 20px 40px;
  padding: 0 10px 0 10px;
  line-height: 17px;
  float: left;
  z-index: 1;

  }

#content {
	width: 516px;	
	padding: 20px 0px 20px 0px;
	border: 1px solid;
    border-color: #00cc99;
	margin-bottom: 20px;
	line-height: 18px;
	color: #000000;
	float: left;
	background-image: url(images/bg_content.png);


  }
#contentbig {
	width: 840px;	
	padding: 20px 0px 20px 0px;
	border: 1px solid;
    border-color: #00cc99;
	margin-bottom: 20px;
	line-height: 18px;
	color: #000000;
	float: left;
	background-image: url(images/bg_content.png);

  }

#content2 {
  width: 200px;
  padding: 20px;
  background: url(images/text_bg.png);
  margin: 0px 0px 20px 40px;
  line-height: 17px;
  color: #000000;
  float: left;
  }
  
  #content3 {
  width: 200px;
  padding: 20px 0px 20px 0px;
  background-image: url(images/bg_content.png);
  margin: 0 0 20px 40px;
  border: 1px solid;
  border-color: #00cc99;
  line-height: 18px;
  color: #000000;
  float: left;
 } 
 
 
  #contentsmall {
  width: 300px;
  padding: 20px 0px 20px 0px;
  background-image: url(images/bg_content.png);
  margin: 0 0 20px 40px;
  border: 1px solid;
  border-color: #00cc99;
  line-height: 18px;
  color: #000000;
  float: left;
 }

#contentsmall a   {
	font: 12px monospace, sans-serif;
	font-weight: bold;
	color: #cc3399;
	text-decoration: none;
}

#contentsmall a:hover {
	font: 12px monospace, sans-serif;
	font-weight: bold;
	color: #45053e;
	text-decoration: none;
}

tbody td {
	margin: 0 20px 0 20px;
}

table {
	margin-left: 20px;
}

#tddate {
    background: top left url(images/hgdates.png) no-repeat;
    font-weight: bold;
	width: 114px;
	height: 34px;
	padding-left: 20px;
}

.datedetails {
    width: 250px;
	height: 34px;	
	padding-left; 20px;
}


#content .calendar {
   background: url(images/calendar_bg.png);
   width: 85px;
   height: 57px;
}

/** navbottom **/

#navbottom {
  background: url(images/bg_navi.jp) repeat-x;
  margin: auto;
  height: 28px;
  width: 1064px;
  border-color: #cc3399;
  background-color: #000000;  
  position: relative;

}

#navbottom ul{
    text-align: left;
	margin: auto;
	line-height: 28px;
  	position: relative;  
}


#navbottom li {
  list-style: none;
  line-height: 28px;  
  float: left;
  /** background: left center url(images/arr.png) no-repeat;**/
  vertical-align: middle;
  padding-right: 50px;
}

#navbottom a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-family: georgia;

}


#navbottom a:hover {
  color: #009999;
  text-decoration: none;
  font-weight: bold;
  font-family: georgia;
}

#navbottom img {
  margin: 10px;
  padding: 10px;
}

  #footer {
  background: top left url(images/karosrosa.png);
  width: 1024px;
  border-left: 1px solid;
  border-right: 1px solid;
  position: relative;
  margin: 0 auto;
  height: 7px;

  }