/*************************************/
/*          Anfang des Layouts       */
/*************************************/
* {
margin: 0px;
padding: 0px;
}

html {
min-height:100%;
height: 100%;
}

body {
/*background: #666 url("../pictures/site/gradient.jpg") repeat-x;*/
background: #693 url("../pictures/site/background02.jpg") repeat-x;
min-height:100%;
height:100%;
}

a, a:focus, a:active {
outline:none;
}

/*Hauptcontainer mit allen anderen divs*/
#main {
width: 922px;
margin: 0px auto 0px auto;
position:relative;
height:auto !important;
height:100%;
min-height:100%;
}

/*nur fur den linken Schatten zustandnig*/
#wrapperLeft {
width: 9px;
float: left;
/*height:auto;*/
background: url("pictures/site/gradientLeft_bg.jpg") repeat-y;
}

/*nur fur den rechten Schatten zustandnig*/
#wrapperRight {
width: 10px;
float:right;
background: url("../pictures/site/gradientRight_bg.jpg") repeat-y;
}

/*Dieser Div ist das Mittelstuck und beinhaltet den kompletten Inhalt*/
#wrapper {
width: 883px;
float:left;
/*min-height:900px;*/
background: url("../pictures/site/content_bg03.jpg") repeat-y;
border-left: 10px solid white;
border-right: 10px solid white;
}

/*\*/
* html #wrapper {
/*height: 1000px;*/
}

#header {
width: 883px;
margin: 0px auto 0px auto;
background: url("../pictures/site/header06.jpg") no-repeat;
height: 204px;
position:relative;
}

#content {
float:left;
width: 640px;
/*height:100%;*/
padding: 20px;
font-family: arial, verdana, helvetica, sans-serif;
font-size:12px;
}

#rightMenu {
float:right;
width:175px;
margin: 0px 1px 0px 0px;
padding: 20px 10px 20px 10px;
}



#footer{
clear:both;
font-size:11px;
margin: 10px 0px 0px 0px;
height:25px;
border-bottom: 10px solid white;
}
/*************************************/
/*          Endes des Layouts        */
/*************************************/



/*************************************/
/*          Anfang des Menu          */
/*************************************/

.menu_line {
height:30px;
width:800px;
position:absolute; 
bottom:3px !important; 
bottom:-1px;
font-family:arial, verdana, sans-serif; 
font-size:12px;
z-index:500;
}

.menu_line .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.menu_line li {
float:left;
}

.menu_line .select a {
display:block; 
height:36px; 
float:left; 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#333;
}

.menu_line .select li.line a {
color:#333;
}

.menu_line .select a b {
display:block; 
padding:0 20px 10px 15px; 
}

.menu_line .select a:hover, 
.menu_line .select li:hover a {
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#fff;
}

.menu_line .select li.line a:hover, 
.menu_line .select li.line:hover a {
color:#fff;}

.menu_line .select a:hover b, 
.menu_line .select li:hover a b {
display:block; 
padding:0 20px 9px 15px; 
cursor:pointer;
}

.menu_line .sub, .menu_line ul ul {
display:none;
}


/* IE6 only */
.menu_line table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.menu_line .sub {
margin:0; 
padding:0;
list-style:none;
}

.menu_line .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:683px;
top:30px; 
left:1px; 
text-align:center;
border-bottom:1px solid #886;
}

.menu_line .select :hover .rt li {float:right;}

.menu_line .select :hover .sub li a {
display:block; 
height:25px; 
line-height:22px; 
float:left; 
padding:0 16px; 
margin:0; 
white-space:nowrap; 
color:#666;
font-size:11px;
}

.menu_line .select :hover .sub li a:hover,
.menu_line .select :hover .sub li:hover {
color:#000; 
line-height:20px; 
position:relative;
}
/*************************************/
/*          Ende des Menu          */
/*************************************/


/*************************************/
/*        Anfang der Absatze         */
/*************************************/

/*Die Uberschriften am Anfang jeder Seite*/
h1 {
/*width: 475px;*/
text-align:left;
margin: 20px 0px 20px 0px;
font-size: 24px;
font-family: times new roman,georgia,verdana,arial;
color:#330;
line-height:90%;
font-weight:normal;
}

/*damit der IE7 auch den richtigen Abstand einhalt*/
*:first-child+html h1 {
margin: 40px 0px 20px 0px;
}
/*damit der IE6 und tiefer auch den richtigen Abstand einhalt*/
* html h1 {
margin: 40px 0px 20px 0px;
}

.italic {
font-style:italic;
}

.bold {
font-weight: bold;
}

/*Ausrichtung des Anhangsel Gutshof Sparow*/
.headline2 {
font-size:16px;
margin-left: 368px;
}

/*Ausrichtung des Anhangsel in Niehagen*/
.headline3 {
font-size:16px;
margin-left: 130px;
}

/*Unteruberschriften*/
h2 {
font-size: 14px;
color:#330;
font-style:italic;
font-weight:normal;
clear:both;
}

h3 {
font-size: 16px;
color:#330;
font-weight:bold;
clear:both;
}

/*Absatz gleich unter der Kapiteluberschrift*/
.paragraph1{
line-height: 140%;
margin: 30px 0px 5px 0px;
}

/*normaler Absatz nach dem Paragraph1*/
.paragraph2 {
line-height: 140%;
margin: 10px 0px 10px 0px;
text-align:justify;
}

/*Absatz fur Kasten mit Ankundigung --> gruner Hintergund*/
.paragraph3 {
line-height: 140%;
margin: 40px auto 0px auto;
background-color: #363;
vertical-align:middle;
color:white;
padding:5px;
width: 630px;
text-align:center;
}

/*normaler Absatz rechts neben einem Bild*/
.paragraph4 {
line-height: 140%;
margin: 14px 0px 10px 0px;
text-align:justify;
}

.subparagraph {
margin: 0px 0px 10px 0px;
color:#330;
font-size: 12px;
}

/*eingeruckter absatz*/
.paragraph5 {
line-height: 140%;
margin: 5px 0px 10px 15px;
text-align:justify;
}

/*paragraph fuer links*/
.paragraph6 {
line-height: 140%;
margin: 14px 0px 5px 0px;
text-align:justify;
font-weight:bold;
color:#330;
}

/*eingeruckter absatz*/
.subparagraph1 {
margin: 0px 0px 10px 15px;
color:#330;
font-size: 12px;
}

.caution {
font-size:11pt;
font-weight:bold;
color:#330;
}

.cautionsub {
font-size:10pt;
font-weight:bold;
color:#330;
}

.obenLink {
float:right;
margin:5px 0px 15px 0px;
font-size:10px;
}

.obenLink a {
text-decoration:none;
color: #330;
border-bottom: 1px dotted #033;
padding-bottom:1px;
}

/*Bilder auf der Contentseite mittig ausgerichtet - nicht im Textfluss*/
.picture_middle {
border: 1px solid white;
position:relative;
left:120px;
top:10px;
margin:0px 0px 10px 0px;
}

.picture_overlay {
position: absolute;
left:90px;
top:540px;
border:none;
}

.picture_right_content {
border: 1px solid white;
position:relative;
float:right;
margin-top:20px;
}

.picture_left {
float:left;
margin: 7px 15px 10px 0px;
border: 1px solid white;
}

.logo {
float:right;
margin: 0px 70px 0px 0px;
position:relative;
}

/*Die Bilder auf der rechten Seite im kleinen Menu-Bereich*/
.picture_right {
border: 1px solid white;
position: relative;
top: 30px;
left: 20px;
margin-bottom: 30px;
height:130px;
width: 130px;
}

.loader {
padding: 53px;
border: 1px solid white;
position: relative;
top: 30px;
left: 20px;
margin-bottom:30px;
}

.subtitle {
font-size:10px;
font-weight:normal;
/*font-style:italic;*/
}

.subtitle_picture {

float:right;
font-size:8pt;
text-align:right;
margin-bottom:10px;
margin-top:30px;
}

.red {
color: red;
}

strong {
font-weight: bold;
color: #363;
}

.price {
font-weight:bold;
color: #330;
font-size: 14px;
}

.font14 {
font-size: 14px;
}

.font16 {
font-size: 16px;
}

.clear {
clear:both;
}

/*************************************/
/*        Anfang der Aufzahlung      */
/*************************************/

.list1 {
margin:0 auto;
padding:15px;
border: 1px solid #363;
list-style-position:inside;
width:608px;

}

.list1 li {
margin: 5px 15px;
list-style-position: outside;
}

/*Hyperlink ohne Hover*/
.link1 {
text-decoration: none;
font-style:italic;
color: #363;
}

a.innerLink, a.innerLink:hover, a.innerLink:visited {
text-decoration: none;
border-bottom: 1px dotted #363;
color: #363;
}

/*Auflistung mit extra Listsymbol wie bei Uber uns*/
.list2 {
list-style-image:url('../pictures/site/list1.gif');
margin:0px 0px 0px 20px;
line-height: 150%;
list-style-position: inside;
}

/*normale Auflistung innerhalb eines Textabschnittes*/
.list3 {
list-style-image:url('../pictures/site/list1.gif');
margin:10px 0px 10px 30px;
line-height: 150%;
}

/*innere Auflistung innerhalb eines Textabschnittes*/
.list4 {
margin:0px 0px 10px 30px;
line-height: 150%;
}

.listagb {
list-style-position:outside;
margin-left:20px;
text-align:justify;
}

.listagb li {
margin: 5px 0px 5px 0px;
}

a[href$='.pdf'] {
background: url('../pictures/site/documents/pdficon_small.gif') center left no-repeat;
display: inline-block;
padding-left:20px;
line-height:16px;
}

/*************************************/
/*        Anfang der Tabellen        */
/*************************************/

.outside {
width:100%;
border-collapse:collapse;
empty-cells:show;
table-layout:fixed;
}

.outside th {
height: 27px;
vertical-align:middle;
background: #363;
color:#fff;
font-weight:normal;
}

.outside tr {
vertical-align:middle;
text-align:center;
}

.outside tr.even {
background:#cccc99;
height: 50px;
}

.outside tr.odd {
height: 50px;
}

table.outside > tbody > tr > td > table.nested {
text-align:center;
}

table.outside > tbody > tr > td > table.nested > tbody > tr > td.one{
text-align:right;
}

table.stats {
width: 100%;
}

table.stats tbody tr {
text-align:center;
font-size:12px;
}

table.stats tbody tr td.stats_row1 {
text-align:left;
font-size:12px;
}

.pricing {
width: 100%;
border-collapse:collapse;
}

.pricing tr th {
vertical-align:top;
}

.pricing tr {
height: 30px;
}

.pricing tr.trklein {
height: 5px;
}

.pricing tr td {
padding: 10px 5px 10px 5px;
}

.col1{
text-align:left;
}


.col2{
text-align:right;
}

.tabcolor {
background-color:#cc9;
}

.pricing tr td.head {
text-align: right;
font-weight:bold;
}

.pricing tr td.price {
font-weight:bold;
color: #330;
font-size: 12px;
}

a.link {
text-decoration:none;
color: #330;
border-bottom: 1px dotted #033;
padding-bottom:1px;
}

a.link2 {
text-decoration:none;
color: #330;
padding-bottom:1px;
}

a.link4 {
text-decoration:none;
}

/***************************************/
/*            Galerie                  */
/***************************************/


a.folderList {
margin:10px 20px 0px 20px;
padding: 5px;
height: 190px;
width: 160px;
float:left;
text-align:center;
background-image: url("../pictures/site/galerie.png");
text-decoration:none;
position: relative;
text-align:center;
}

.folderList a {
text-decoration:none;
}

a.folderList img {
border: none;
margin: 10px 0px 10px 0px;
}

.folderSub {
position:absolute;
bottom:20px;
color: #330;
left:65px;
font-size:10px;
font-style:italic;
}

.folderHead {
color: #330;
font-weight:bold;
font-size:12px;
}

#gallery {
height:520px;
width:600px;
position:relative;
padding: 1px;
margin:0 auto;
}

#main_image {
text-align:center;
margin: 20px 0;
}

#main_image img {
border: 10px white solid;
}

.middle {
margin: 10px auto;
text-align:center;
}

#thumbs {
height:80px;
width:500px;
position: relative;
margin:auto;
overflow:hidden;
border: 1px #446822 solid;
padding: 2px;
}

#thumbs ul {
margin: 0;
padding: 0;
list-style-type:none;
list-style-position: outside;
list-style-image:none;
}

.album {
position:absolute;
height:100px;
overflow:hidden;
}

.album li {
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
}

.album li img {
cursor:pointer;
padding: 0 1px;
}

#left {
position:absolute;
left: 0px;
top: 0px;
background: url("../pictures/site/navi-left.png") no-repeat;
height:86px;
width:40px;
}

#right {
position:absolute;
right: 0px;
top: 0px;
height:86px;
width:40px;
background: url("../pictures/site/navi-right.png") no-repeat;
}

/* fue IE6 und drunter */
* html #thumb_navi { 
height:84px;
width:584px;
position: relative;
margin: 0 auto;
margin-top:20px;
}

#thumb_navi {
height:84px;
width:584px;
position: absolute;
margin: 0 auto;
bottom:0px;
margin-bottom:20px;
}

/***************************************/
/*           Fieldset                  */
/***************************************/

.horseprice {
font-family: arial, verdana, helvetica, sans-serif;
font-weight:normal;
width:290px;
float:left;
margin-top:40px;
margin-left:30px;
border:none;
padding-left:30px;
}

.horseprice legend {
padding: 0px 8px 4px 20px;
color:#330;
font-size:14pt;
font-weight:bold;
line-height:90%;
font-family: times new roman,georgia,verdana,arial;
}

.horseprice p.paragraph {
line-height: 140%;
margin: 5px 0px 5px 60px;
text-align:justify;
}

.horseprice label.label1 {
margin-left:20px;
padding: 15px 55px 6px 6px;
line-height: 200%;
}

.horseprice label.label2 {
margin-left:20px;
padding: 15px 30px 6px 6px;
line-height: 200%;
}

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

a.email {
text-decoration:none;
color:#666;
border-bottom: 1px dotted #363;
}

a.email:hover {
color:#363;
}

a.website {
line-height:20px;
text-decoration:none;
color:#666;
border-bottom: 1px dotted #363;
}

a.website:hover {
color:#363;
}

/***************************************/
/*      Links - Bannerrotation         */
/***************************************/

.pics {  
    height:  62px;  
    width:   470px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
      
    border:  1px solid white;  
    width:  470px; 
    height: 62px; 
} 

.bannercode {
padding:20px;
background: url('../pictures/site/content_bg.gif') repeat top left;
}


/***************************************/
/*            Gaestebuch               */
/***************************************/

.guestbook_side{
float:right;
margin: 0px 0px 10px 0px;
}

.guestbook_side a {
text-decoration:none;
color: #000;
margin:0 2px;
}

.guestbook {
  clear:right;
	list-style: none;
	margin: 20px;
	padding: 0;
	width: 600px;
}
.guestbook li {
	padding: 0;
	margin: 0px 0px 5px 0px;
}
.guestbook_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
  border: 1px solid #446822;
  border-bottom:none;
  background: url('../pictures/site/mask/guestbook.png') repeat-x top;
}
.guestbook_head .timestamp {
	color: #000;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.guestbook_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.guestbook_body {
	padding: 5px 10px 15px;
}

#guestbook_adding {
margin: 50px 20px 10px 20px;
padding:10px;
}

#guestbook_adding legend {
width: 475px;
text-align:left;
margin: 20px 0px 20px 0px;
font-size: 24px;
font-family: times new roman,georgia,verdana,arial;
color:#330;
line-height:90%;
font-weight:normal;
padding: 0px 10px 0px 10px;
}

#guestbook_adding input {
padding: 5px;
width: 200px;
margin: 2px 0px 2px 20px;
}

#guestbook_adding input.error {
padding: 5px;
width: 200px;
margin: 2px 0px 2px 20px;
background-color: #ffbcbc;
border: 1px solid #c24949;
}

#guestbook_adding input.success {
padding: 5px;
width: 200px;
margin: 2px 0px 2px 20px;
background-color: #bcffbf;
border: 1px solid #49c24f;
}

#guestbook_adding label {
color: #666;
font-size:12px;
padding: 5px;
}

#guestbook_adding textarea {
padding: 5px;
width: 520px;
margin: 2px 0px 2px 20px;
font-family: arial, verdana, helvetica, sans-serif;
font-size:12px;
}

#guestbook_adding textarea.error {
padding: 5px;
width: 520px;
margin: 2px 0px 2px 20px;
font-family: arial, verdana, helvetica, sans-serif;
font-size:12px;
background-color: #ffbcbc;
border: 1px solid #c24949;
}

#captchaimage {
border:none;
float:left;
margin: 2px 0px 2px 20px;
}

* + html #captchaimage[id] { 
margin: 2px 0px 2px 40px; 
} 


#captchaimage a {
text-decoration:none;
}

#captchaimage img {
border:none;
}

#map {
height:300px;
width:400px;
	
}