@charset "utf-8";

body{
background-color:#F4F2E9;
font-family: Arial,Helvetica,sans-serif;
margin:0;
padding:0;
overflow-x:hidden;
overflow-y:scroll;
}

a img{
border:none;
}

a{
color:#6aaadc;
text-decoration:none;
font-style:italic;
}

.center {
margin: 0 auto;
width: 1000px;
padding-left: 10px;
padding-right: 10px;
}

.clear{
	clear:both;
	}
	
.blueNine{
background:#6AAADC;
width:25px;
padding:0 2px;
color:#ffffff;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}

.breeding .blueNine{
width:auto;
margin:0 0 0 10px;	
}

.Displayer
{
	display:none;	
}

.TableModule table{
	float:left;
	}

.TableModule img{
	float:right;
	}
/*==================================================================== FONTS =============================================================*/
 
@font-face {
 font-family: 'MankSans';
 src: url( ../font/MankSans.eot);
 src: local ('MankSans'), 
 url( ../font/MankSans.woff) format('woff'), 
 url( ../font/MankSans.svg) format('svg');
}

@font-face {
font-family: MankSans;
local: MankSans;                	                          
src: url(../font/MankSans.ttf); 
}


/*==================================================================== HEAD =============================================================*/

#brown_line{
font-family: 'Molengo', sans-serif;
color: #FFFFFF;
font-size: 14px;
background: url("../images/brown_bg.png") repeat-x scroll 0 0 transparent;
height: 21px;
margin-top: -23px;
padding-top: 2px;
position: absolute;
text-align: center;
width: 100%;
}

#logo img{
margin-left: 848px;
margin-top: -145px;
position: absolute;
} 

#fon span{
color: #2D2219;
font-family: 'Molengo', sans-serif;
font-size: 14px;
margin-left: 842px;
margin-top: -21px;
position: absolute;	
}
	
/*==================================================================== HEADER // KOPFBILDER =============================================================*/
 
#header01{
background-color:#87bbe8;
padding:0;
height:261px;
}

#header03 {
    background-color: #ECECEC;
    height: 261px;
    padding: 0;
}

#header04 {
    background-color: #E5E5E5;
    height: 261px;
    padding: 0;
}

#header05 {
    background-color: #dfa85f;
    height: 261px;
    padding: 0;
}

#header06 {
    background-color: #93a560;
    height: 261px;
    padding: 0;
}

#header07 {
    background-color: #E4EBFB;
    height: 261px;
    padding: 0;
}

#header08 {
    background-color: #d9bfa7;
    height: 261px;
    padding: 0;
}

#header09 {
    background-color: #6da7d3;
    height: 261px;
    padding: 0;
}

#header10 {
    background-color: #b0a94d;
    height: 261px;
    padding: 0;
}
 	
/*==================================================================== MENÜ =============================================================*/
 
#menu{
font-family: 'Molengo', sans-serif;
font-size:20px;
text-shadow: #000000 0px 0px 8px;
background: url("../images/menu_bg.png");
background-repeat:repeat-x;
height:60px;
}

	#menu a{
		font-style:normal;
		color:#a26e30;
		margin-top:18px;
		margin-right:29px;
		float:left;
		}
		
	#menu a:hover{
		color:#6aaadc;
		}
		
	#menu a.active{
	color:#6aaadc;
	}		
		
/*==================================================================== HEADLINES =============================================================*/

h1{
font-family: 'Parisienne', cursive, Arial,Helvetica,sans-serif;
color:#6AAADC;	
font-size:35px;
}
		
h2{
color: #A8A8A8;
font-family: 'Molengo',Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: normal;
}

		.my_inhalt h2{
			margin-top:5px;
			}

h3{
color: #A8A8A8;
font-family: 'Molengo',Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: normal;
margin-bottom:10px;
}

.muss_sein h3{
	color: #6AAADC;
	}

h4{
color: #646464;
font-family: 'Molengo',Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: normal;
margin:0 0 10px;
padding:0;
font-weight:bold;
}	

/*==================================================================== MAIN =============================================================*/

#main_top{
background: url("../images/main_top.png");
background-repeat:repeat-x;	
height:5px;
clear:both;
}

#main_bottom{
background: url("../images/main_bottom.png");
background-repeat:repeat-x;		
height:5px;
clear:both;
}

#main{
color:#646464;
font-size:12px;
line-height:150%;
background-color:#ffffff;
/*background: url("../images/main_bg.png");
background-repeat:repeat;*/
padding:10px 0px;	 
}

		table.sale{
		width:495px;
		float:left;
		}

		.sale td{
			vertical-align:top;
			}
			
		.sale img{
			border-radius:10px;
			border:3px solid #ffffff;
			margin-right:10px;
			width:174px;
			height:244px;
			}
			
		.sale h2{
			margin-top:10px;
			}
			
		.sale span{
			background-color:#ffffff;
			padding:5px;
			border-radius:5px;
			font-weight:bold;
			}
			
		.sale div{
	    background-color: #372A1E;
	    border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	    color: #FFFFFF;
	    margin-left: 3px;
	    margin-top: 219px;
	    padding: 5px 7px;
	    position: absolute;
	    width: 160px;
			}

/*==================================================================== BOX =============================================================*/

#box_top{
background: url("../images/home/box_top.png");	
width:940px;
height:67px;	
}

#box_main{
background: url("../images/home/box_main.png");	
background-repeat:repeat-y;
width:920px;
height:auto;
padding:0 10px;
}

		.box_pic01{
			position:absolute;
			width:426px;
			height:234px;
			margin-left: -13px;
    	margin-top: -13px;
			}
			
		#box_main td{
			vertical-align:top;
			}
			
		.vert_line{
			margin:0 10px;
			}

#box_bottom{
background: url("../images/home/box_bottom.png");	
width:940px;
height:67px;	
}

/*==================================================================== INHALT FADER/ SUBMENUE =============================================================*/

.column_left {
    float: left;
    height: auto;
    margin-right: 20px;
    width: 220px;
}

.column_left a{
	font-style:normal;
	color:#ffffff;
	display:block;
	padding:5px;
	border-bottom:1px solid #ffffff;
	background-color:#A8A8A8;
	}
	
		.column_left a:hover{
			color:#ffffff;
			background-color:#6AAADC;
			}
			
		.column_left a.active{
			color:#ffffff;
			background-color:#6AAADC;			
			}
			
		.column_left a.sub_active{
			color:#6AAADC;	
			background-color:#F7F7F7;			
			}
			
	 .hautp_reaser{
	 	clear:both;
	 	}
			
	.switcher a, 
	.switcher2 a{	
		color:#646464;
		border-bottom:1px dotted #A8A8A8;
		background-color:#ffffff;
		}
		
	.switcher span, 
	.switcher2 span{
		font-size:10px;
		font-style:italic;
		display:block;
		color:#646464;
		background-color:#F7F7F7;
		padding:1px 5px;
		}
		
		.switcher table,
		.switcher2 table,
		.switcher3 table,
		.switcher4 table,
		.switcher5 table,
		.switcher6 table,
		.switcher7 table,
		.switcher8 table,
		.switcher9 table,
		.switcher10 table,
		.switcher11 table,
		.switcher12 table,
		.switcher13 table,
		.switcher14 table,
		.switcher15 table,
		.switcher16 table,
		.switcher17 table,
		.switcher18 table,
		.switcher19 table,
		.switcher20 table,
		.switcher21 table,
		.switcher22 table,
		.switcher23 table,
		.switcher24 table,
		.switcher25 table,
		.switcher26 table,
		.switcher27 table,
		.switcher28 table,
		.switcher29 table
		{
		float:left;
		}
		
		.switcher img,
		.switcher2 img,
		.switcher3 img,
		.switcher4 img,
		.switcher5 img,
		.switcher6 img,
		.switcher7 img,
		.switcher8 img,
		.switcher9 img,
		.switcher10 img,
		.switcher11 img,
		.switcher12 img,
		.switcher13 img,
		.switcher14 img,
		.switcher15 img,
		.switcher16 img,
		.switcher17 img,
		.switcher18 img,
		.switcher19 img,
		.switcher20 img,
		.switcher21 img,
		.switcher22 img,
		.switcher23 img,
		.switcher24 img,
		.switcher25 img,
		.switcher26 img,
		.switcher27 img,
		.switcher28 img,
		.switcher29 img
		{
			width:300px;
			float:right;
			margin-bottom:10px;
			}
		
.switcher, 
.switcher2,
.switcher3,
.switcher4,
.switcher5,
.switcher6,
.switcher7,
.switcher8,
.switcher9,
.switcher10,
.switcher11,
.switcher12,
.switcher13,
.switcher14,
.switcher15,
.switcher16,
.switcher17,
.switcher18,
.switcher19,
.switcher20,
.switcher21,
.switcher22,
.switcher23,
.switcher24,
.switcher25,
.switcher26,
.switcher27,
.switcher28,
.switcher29
{
    display: none;
}

.column_right {
    float: left;
    height: auto;
    width: 760px;
}

.my_inhalt {
    display: none;
}

.my_inhalt td{
	vertical-align:top;
	}
	
.my_inhalt .switcher,
.my_inhalt .switcher3,
.my_inhalt .switcher4,
.my_inhalt .switcher5,
.my_inhalt .switcher6,
.my_inhalt .switcher7,
.my_inhalt .switcher8,
.my_inhalt .switcher9,
.my_inhalt .switcher10,
.my_inhalt .switcher11,
.my_inhalt .switcher12,
.my_inhalt .switcher13,
.my_inhalt .switcher14,
.my_inhalt .switcher15,
.my_inhalt .switcher16,
.my_inhalt .switcher17,
.my_inhalt .switcher18,
.my_inhalt .switcher19,
.my_inhalt .switcher20,
.my_inhalt .switcher21,
.my_inhalt .switcher22
{
	padding:10px 0 10px;
	}
	
.horses_sale img{
	width:300px;
	}
	
.my_inhalt .info img{
	width:300px;
	}

.peer_info td:nth-of-type(odd) {
    font-weight: bold;
}
	
.peer_info td{
line-height: 20px;	
	}
	
.pedi_info td{
line-height: 14px;	
vertical-align:middle;	
background-color:#f1f1f1;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
padding:5px;
	}
	
	.pedi_info span{
		font-size:10px;
		display: inline;
		padding:0px;
		color:#A0A0A0;
		font-style:normal;
		}
		
span.peer_price{
	color:#ffffff;
	background-color:#6AAADC;
	border-radius:3px;
	padding:3px;
	font-weight:bold;
	font-style:italic;
	}

table.list{
	margin:-10px 0 0 0;
	}
	
table.list tr{
	background:#F1F1F1;
	}
	
table.list tr:hover{
	background:#ffffff;
	}
	
table.list td{
	padding:3px;
	border-bottom:1px solid #ffffff;	
	}
	
table.list a{
	color:#6AAADC;
	font-style:normal;
}

table.list img{
	float:left;
	}
	
.horsePix img{
	float:left;
	margin-bottom:20px;
	}
	
.horsePix img:nth-child(1),
.horsePix img:nth-child(3){
	margin-right:20px;
	}	

/* --- Info Klapp --- */

.info h5{
	font-size:12px;
	color:#ffffff;
	display:block;
	padding:5px;
	margin:0;
	border-bottom:1px solid #ffffff;
	background-color:#6AAADC;
	font-style:normal;
	cursor:pointer;
	}
	
.news h5{
	font-size:12px;
	color:#646464;
	display:block;
	padding:5px;
	margin:0;
	border-bottom:1px dotted #A8A8A8;
	background-color:#cccccc;
	font-style:normal;
	cursor:pointer;
	}
	
	.news h5:hover{
		background-color:#646464;
		color:#ffffff;
		}
	
	.info h5 > div{
		background: url("../images/down.png");
		width:12px;
		height:7px;
		margin:5px;
		float:right;
		}
	
		.info h5:hover{
			color:#ffffff;
			background-color:#A8A8A8;
			}
			
		.info h5.active{
			color:#ffffff;
			background-color:#6AAADC;			
			}
			
h5.pedi_act{
	background-color:#646464;
	}
	
.eventContent div{
float:left;	
margin:0 0 10px 0;
}

.eventContent div:first-child{
width:150px;
}

.eventLine{
width:100%;
height:1px;
border-bottom:1px dotted #A8A8A8;	
margin-bottom:10px;
clear:both;
}

/*==================================================================== ZUCHT =============================================================*/

.breeding{
	width:100%;
	border-bottom:1px dotted #A8A8A8;	
	padding:15px 0 10px 0;	
	float:left;
}

.breeding img{	
	width:300px;
	margin:0 10px 0 0;	
}

.breeding div{
	float:left;
}

.breeding h2{
	margin:0 0 10px 0;
	padding:0;	
	width:100%;
}

.breeding tr:last-child{
color:#6AAADC;
}

#noIPO tr:last-child{
color:#646464;	
}
	
/*==================================================================== GALERIE =============================================================*/

.galerie img{
	width:250px;
	}
	
.galerie a:hover{
	filter: alpha(opacity = 60); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 60)"; /* ab IE 8 zusätzlich möglich */ 
	opacity: .60;
	}
	
	.galerie div:nth-child(2n){
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		width:240px;
		padding:5px;
		background-color:#6AAADC;
		position:absolute;
		display:none;
		}
		
		.galerie a:hover > div:nth-child(2n){
			color:#ffffff;
			font-weight:bold;
			text-align:center;
			width:240px;
			padding:5px;
			background-color:#0052AF;
			position:absolute;	
			margin-top:-100px;		
			display:block;
			}

/*==================================================================== KONTAKTFORMULAR =============================================================*/
			
input[type="text"] {
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    color: #646464;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    width: 235px;
}

input#Betreff {
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    color: #646464;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    margin: 10px 10px 0 0;
    padding: 0 10px;
    width: 500px;
}

textarea {
		font-family: Arial,Helvetica,sans-serif;
	  background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    color: #646464;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 200px;
    margin: 10px 0 0 0;
    padding:10px;
    width: 500px;
	}
	
input[type="submit"] {
    background: url("../images/button_bg.gif") repeat-x scroll left center #3D4B53;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    margin-top: 13px;
    overflow: hidden;
    padding: 0 5px;
    text-decoration: none;
    white-space: nowrap;	
	}	
	
.green_card{
		background-color: #00B202;
		border-radius: 5px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px;
		width: 250px;		
	}

.red_card{
		background-color: #FF0000;
		border-radius: 5px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px;
		width: 250px;
	}

/*==================================================================== FOOTER =============================================================*/
 
#footer{
font-family: MankSansMedium,Arial,Helvetica,sans-serif;
font-size: 14px;
color:#6aaadc;
background: url("../images/menu_bg.png");
background-repeat:repeat-x;
height:60px;
}

#footer span{
margin-top: 20px;
float:left;	
}

#footer a{
margin-top: 20px;
font-style:normal;
color:#ffffff;
float:right;	
}

			#footer a:hover{
			color:#6aaadc;
			}	

.right img {
    float: right;
}

.switcher30 {
   display:none;
   padding-bottom:10px;
   width: 100%;
}

.switcher30 img{
	max-width:300px;
}

.right{
    float: right;
}

.left{
    float: left;
}