/*  =========================================================
Stylesheet für  www.tanjaplocher.de
Datei:  mystyles.css
Datum:  24.03.2008
Autor:  Ariane Dressel
========================================================== */


@import "reset.css";

html, body {
  height:100%;
  padding-bottom:1px;
}
body { 
	background-color: #B5BCCC;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 13px; 
	color: #324661;
}

a {color: #324661; outline: none;}
a:hover,a:focus {
	color: #666666;
}

h1
{
font-family: verdana,arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #324661;  
margin-top: 25px; 
margin-bottom:15px; 
margin-left: 30px; 
margin-right: 10px;
}

h3
{
font-family: verdana,arial, helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #324661;  
margin-bottom: 8px; 
}

#wrapper {
   width: 800px;
	margin: 10px auto;
	position:relative;
}

.left {
	background-color: #D4D4E0;
	width: 140px;
	height: 440px;
	float: left;
}



#profil .left, #profil .content {
	height: 1250px;
}

#pferde .left, #pferde .content {
	height: 3950px;
}

#leistungen .left, #leistungen .content {
	height: 1350px;
}
#turniererfolge .left, #turniererfolge .content {
	height: 630px;
}
#fotogalerie .left, #fotogalerie .content {
	height: 1600px;
}


.content {
	background-color: #E9E8ED;
	width: 660px;
	float: left;
	font-family: arial, helvetica, sans-serif;
   font-size: 12px; 
	height: 440px;
}

.linkbox {
	margin-top: 10px;
}
DIV.linkaktiv a 
{ 
TEXT-DECORATION: none;
DISPLAY: block; 
WIDTH: 128px; 
BORDER: 1px solid #324661;
PADDING: 3px; 
MARGIN: 1px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #324661;
BACKGROUND-COLOR: #FFFFFF;
}
DIV.linkbutton a
{ 
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 128px; 
BORDER: 1px solid #FFFFFFF;
PADDING: 3px; 
MARGIN: 1px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #324661;
}
DIV.linkbutton a:hover 
{
COLOR: #324661; 
BACKGROUND-COLOR: #E9E8ED;
}

.newstext, .newsheader, .reitanlageheader, .kontaktheader {
width: 500px;  
margin-top: 15px; 
margin-bottom: 20px; 
margin-left: 30px; 
padding-left: 15px;
}
.newstext {
margin-top: 0px;
}
.newsheader, .reitanlageheader, .kontaktheader {
font-weight: bold;	
background: url(images/circle.gif) no-repeat top left;
padding-top: 7px;
margin-bottom: 0px;
}

.newstext a {
	text-decoration: underline;
}

.imageboxnews {
	margin-left: 45px;
}
.imageboxnews img {
	margin-right: 20px;
}

.pferdeinhalt,.pferdeinhalt2 {
	margin-top: 20px;
	clear: both; 
}
.pferdeinhalt2 {
	margin-left: 18px;
}
.pferdeinhalt2  img{
	margin-bottom: 20px;
}

.pferdeinhalt3{
	margin-top: 0px;
	clear: both; 
}

.pferdeinhalt4 {
	margin-top: 40px;
}
.pferde, .pferde2, .pferde3, .pferde4, .pferde5, .pferde6 {
   width: 280px;
	float: left;
	line-height: 18px;
	margin-left: 20px;
}
.pferde2 {
   width: 360px;
   margin-top: 30px;
  margin-left: 30px;
}
.pferde3 {
	width: 370px;
	margin-left: 30px;

}
.pferde4 {
	width: 550px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.pferde5 {
	width: 200px;
	margin-top: 50px;
}
.pferde6 {
	width: 280px;
	margin-top: 50px;
}

.imglinks {
	margin-left: 30px;
	float: left;
}

.imgrechts {
	margin-top: 30px;
	margin-left: 30px;
}
.boheme {
  margin-top: 10px;
  float: right;
  margin-right: 20px;
}
.twister, .werra {
	float: left;
	margin-right: 10px;
}
.twister2 {
	margin-top: 0px;
	margin-left: 60px;
}
.mephisto {
	margin-left: 20px;
	margin-right: 20px;
}
.werra {
   margin-left: 60px;
	margin-top: 20px;
}

table.profil, table.profil2 {
	width: 310px;
	margin-top: 10px;
	margin-left: 40px;
}

table.profil2 {
	width: 280px;
	margin-top: 0px;
	margin-bottom: 10px;
}
	
td.time {
	font-weight: bold; 
	width: 65px;
	vertical-align: top;
}

td {
	padding-bottom: 10px;
}
.tablewidth {
	width: 270px;
	margin-left: 35px;
}

.erfahrungbox ul {
	width: 270px;
	margin-left: 15px;
}
.spacertable {
 padding-bottom: 5px;
}

.ausbilderbox {
   margin-bottom: 15px;
	margin-left: 80px;
	line-height: 18px;
}

table.ausbilder td{
	width: 140px;
	padding: 0 15px 0 0px;
}
 
.erfahrungbox {
 	width: 550px; 
	margin-left: 55px;
	line-height: 14px;
	margin-bottom: 20px;
}
.erfahrungbox li {
   list-style-type: none;
	margin-bottom: 12px;
}
#profil .content {
	position: relative;
}
.profil1img {
	position: absolute;
	top: 40px;
	left: 400px; 
}
.profil2img {
	position: absolute;
	top: 406px;
	left: 360px; 
}
.profil2bimg {
	position: absolute;
	top: 630px;
	left: 360px; 
}
.profil3img, .leistungenimg {
	margin-left: 80px;
}
.profil3img {
 margin-top: 20px;
 }

p.textleistungen { 
line-height: 20px;
margin-top: 0px; 
margin-bottom: 0px; 
margin-left:30px; 
margin-right: 0px 
}
.leistungen {
	position: relative;
	bottom: 2px;
}

p.textleistungen3
{ 
width: 500px;
font-family: verdana,arial, helvetica, sans-serif;
font-size: 11pt; 
font-weight: bold; 
line-height: 16pt; 
color: #FFFFFF;
background: #324661; 
border-color: #FFFFFF; 
border-style: solid;
border-width: 2px; 
padding-top: 5px;
padding-bottom: 5px; 
padding-left: 35px; 
padding-right: 0px; 
margin-top: 15px; 
margin-bottom: 15px; 
margin-left: 60px; 
}

.reitanlageheader {
  margin-top: 110px;
}

.turnier {
	width: 550px;
	margin-bottom: 20px; 
	margin-left: 50px; 
	padding-left: 15px;
}

.turnier li {
	margin-bottom: 10px;
}

.turnierimg {
	margin-left: 60px;
}

.gallerybox {
   width: 600px;
	margin-left: 55px;
}

.gthumb, .gthumbs  {
	padding: 2px;
	border: 1px solid #324661;
	display: inline;
	margin-right: 20px;
}

.gthumb {
	margin-bottom: 20px;
}
.gthumbs {
	margin-right: 31px;
	margin-bottom: 20px;
}

.beritttext {
	margin-left: 30px;
	margin-bottom: 30px;
}
.berittimg{
	margin-left: 80px;
	margin-bottom: 20px;
}

.links {
	margin-top: 5px; 
	margin-bottom: 20px; 
	margin-left: 100px; 
	padding-left: 15px;
}
.links a {
	 text-decoration: underline;
}
#links h1, #news h1 {
	margin-top: 60px;
	margin-left: 100px;
}
#links .newsheader, #news .newsheader2{
	margin-left: 100px;
}

.kontaktheader {
	margin-top: 50px;
}
.kontakttext {
   width: 550px;
   margin-top: 10px;
	margin-left: 50px;
}

DIV.bildhome {
margin-top: 5px;
text-align: center;
}

p.headline {
margin-top: 10px;
font-family: verdana,arial, helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
}