html, body {margin:0px;padding:0px} 

body{

background-color:#fff;

text-align:center;

margin-top:0px;

overflow:auto;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px; 

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



td{font-size:10px;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.outerbox{

text-align:left;

margin:auto;

width:920px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px;

border:0px solid red;

}

.outerbox_start{

text-align:left;

margin:auto;

width: 900px;

font-family: Verdana, Arial, Helvetica, sans-serif; 

font-size: 10px;

border:0px;

margin-top: 100px; 

}

#topbox{

position:relative;

left:0px;

background-color:#002850;

border:0px solid yellow;

background-image: url(images/site_bgrd_wide.jpg);

background-repeat:no-repeat;

height:200px;

}

#topbox_home{

position:relative;

float: left;

background-color:#002850;

border:0px solid yellow;

background-image: url(images/site_bgrd_wide.jpg);

background-repeat:no-repeat;

height:200px;

}

#topbox_start{

position:relative;

left:0px;

float: left;

width: 546px;

top:90px;

background-color:#002850;

border:0px solid yellow;

height:510px;

text-align:center;

}

#maincontent_start{margin-top:20px;}

#maincontent_start a{color:white;}

#maincontent_start img{margin:5px;}

#topbox a, #footerbox a{color:white;text-decoration:none;}

#topbox span a, #footerbox span a{color:white;text-decoration:underline;}

#topbox span, #footerbox span{text-decoration:underline;}

#contentbox{

position:relative; width: 920px;

background: transparent url(images/content_bgrd_wide.jpg) repeat-y;

}

#topnav{color:white;position: absolute; left: 60px; top:125px;}

#subnav{color:white;position: absolute; left: 60px; top:160px;text-align:right;width:680;}

#flags{float:right;border:none;height:50px;position: absolute;top:125px;right:62px;}
#flags img{margin-left:5px;}



#leftcontent{position:relative;left:70px;width:180px;padding-top:10px;padding-bottom:10px;float:left;}

#spacercontent{width:120px;float:left;text-align:right;}

#maincontent{width:520px;padding-top:10px;padding-bottom:10px;float:left;}

#maincontent a, #leftcontent a{color:#002850;}

#maincontent h1{color:#002850;font-size:12px;}


.facebook {position: absolute; top: 5px; right: 90px; width: 22px; height: 22px;}
.youtube {position: absolute; top: 5px; right: 60px; width: 22px; height: 22px;}






#footerbox{

background-color:#002850;

color:white;

height:25px;

text-align:right;

padding-top:5px;

padding-right:60px;

}

#lastdiv{height:20px;}



/*Pferdeextension*/

#horsedetail .hdl{

FONT-SIZE: 12px; font-weight:bold; COLOR: #002850; margin-top:25px; margin-bottom:10px;margin-left:0px;

}

.ped_list_hdl, #horsedetail .hdl_top{

FONT-SIZE: 12px; font-weight:bold; COLOR: #002850; margin-top:10px; margin-bottom:10px;margin-left:0px;

}

#horsedetail .hdl_top{margin-top:10px;}

.pedigree{

margin-top:10px;

margin-bottom:10px;

width:100%;

font-size:10px;

font-weight:bold;

background-color:#DFE4EA;

border-collapse:collapse;

}

.pedigree td{border:1px solid #26486B}

#horsedetail .ped_content{margin-left:20px;}

#horsedetail .ped_foto{margin-top:10px;}

#horsedetail .ped_merkmale, #horsedetail .ped_medien{

margin-bottom:10px;

font-size:10px;

border-collapse:collapse;

}

.ped_navigation{margin-top:8px;}

#horsedetail .right_col{padding-left:10px;}

#horsedetail input{width:200px;}

#horsedetail textarea{width:200px;height:80px;}



.horse_list{width:100%;border-bottom:1px solid #DFE4EA;font-size:10px;border-collapse:collapse;margin-left:20px;}

.horse_list_pic{text-align:right;}

.horse_list_pic img{margin:0px;}

.horse_list_name{padding-bottom:5px;padding-top:5px}



.vid-odd {float: left; width: 240px; margin: 0 20px 10px 0;}
.vid-even {float: left; width: 240px; margin: 0 0 10px 0;}














#top1 {
 font-size:8pt;
 font-family:Arial, sans-serif;
 width:120px;
}
#top1 .zeile1{
 font-size:8pt;
 border-bottom:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 padding:4px;
 background-color:#458A5A;
 color:#0066cc;
 text-align:center;
}
#top1 .zeile1 a{
 color:#ffffff;
 text-decoration:none;
}
#top1 .zeile1 a:hover{
 text-decoration:underline;
}
#top1 .zeile2{
 font-size:6pt;
 border-bottom:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 padding:4px;
 background-color:#C7F9CF;
 color:#458A5A;
 text-align:center;
}
#top1 .zeile2 a{
 color:#458A5A;
 text-decoration:none;
}
#top1 .zeile2 a:hover{
 text-decoration:underline;
}