@charset "utf-8";
/* ID Horses CSS */
/* TechMe */
/* Christoffer */
/* IDH_2.0 */
/* - Structure - */
/* 
rim makes sure the page is never past 1024px large and centralises the viewing area.
wrapper contains the entire printed content at it's intended final width and height, and so centralizes the page within the rim.
left column is the on-all pages content on the left with, the logo, the menu and the social links
main column contains the page specific content and the footer and makes sure it doesn't exceed the max height.
content is the div inside the main column that wraps around the specific page content, making sure it utilizes overflow correctly.
footer is the div inside the main column, beneath the page specific content, and wraps around the footer
*/
#rim {max-width:1024px; max-height:802px; margin:auto;}
#wrapper {width:832px; max-width:832px; min-height:802px; margin:auto; background-color:#181418; float:none; color:#ffffff}
#left_column {width:95px; max-width:95px; height:802px; max-height:802px; float:left; color:#ffffff;}
#content {min-height:772px; width:728px; max-width:728px; float:right; color:#000000;}
#footer {width:728px; max-width:728px; float:right; border-top:3px solid white; margin-top:4px; padding-top:4px;}


/* Base */
body {background-color:#181418; color:#FFFFFF;background-repeat: repeat-x; padding:0px; margin:0px; margin-top:5px;  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0px solid white}

a {}
a:link {color:#2976A3; text-decoration:none;}		
a:visited {color:#2976A3; text-decoration:none;} 
a:hover {color:#8593b7; font-style:none;}  
a:active {color:#3A99BC; text-decoration:none;} 
a:focus {outline: none;}

p {margin:0px;}
h1 {margin:40px 100px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:54px; font-weight:500; color:#FFFFFF; float:left}
h2 {margin:0px; padding:0px; font:Arial, Helvetica, sans-serif; font-size:28px;}
h3 {margin:0px; padding:0px; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#fff;}
h4 {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center}
h5 {margin:0px; padding:0px; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:left;}
h6 {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center;}
h2.title {margin:auto; padding: 0px; font-size:42px; max-width:730px; border:0px; text-align:center; color:#ffffff;}
/* - ------- - */


/* - Generic - */
#titlerow {width:733px; max-width:733px; max-height:52px; height:52px; text-align:center; padding-top:23px;}
.right {float:right; text-align:right;}
.menuActive {}
.menuInactive {}
.img_border {border:1px solid white}
.img_no_border {border:0px;}
.spacer {height:75px; width:730px; border:0px;}
.show {display:block;}
.hide {display:none;}
/* - ------- - */


/* Left_Column */
#logo {width:78px; height:95px; max-width:78px; max-height:95px;}


#menu {font-size:18px;}
#menu li {list-style-type:none; padding:0px; margin:0px; font-size:18px; margin-bottom:4px;}
#menu ul {padding:0px;}
#menu a {color:#FFFFFF;}
#menu a:hover {color:#8593b7;} 


#connect {font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:left;}
img.img_connect {border:0px; margin:4px 0px;} /* Facebook loggan etc */


/* - Footer - */
.footer_info {font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:left; float:left; color:#646364}
.footer_link {font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:right; float:right;}
.text_img_footer {font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:center;}
/* - ------- - */


/*  - Box Types - */
/*
1 - vit bakgrund
2 - ingen bakgrund, vit text
3 - används utav bilder på stables/training samt videos på videos
3_stallions - används utav buttons på stallions
4 - Matchar homesmall1 + 2 i witdh.
*/
.boxtype1 {background-color:#FFFFFF; padding:4px;}
.boxtype2 {color:#FFFFFF; padding:4px;}
.boxtype3 {padding:4px; width:228px; height:124px; margin:2px 4px; margin-right:0px; float:right;}
.boxtype4 {padding:4px; min-width:720px; width:720px; max-width:720px; float:left; color:#fff;}

.boxtype_stallions {background-color:transparent;padding:4px; width:178px; height:154px; margin:2px 2px; float:left; border:0px; padding-top:3px;}

.boxtype_stallionview {width:163px; height:124px; margin:2px 4px; margin-right:0px; float:right;}

.boxtype_net_left {padding:4px; width:232px; height:124px; margin:2px; float:left; margin-left:0px;}
.boxtype_net_mid {padding:4px; width:232px; height:124px; margin:2px;}
.boxtype_net_right { padding:4px; width:232px; height:124px; margin:2px; float:right; margin-right:0px;}

.boxtype_videos {padding:4px; width:170px; height:146px; margin:2px 2px; float:left; border:0px;}

/* - Home - */
#home_large {width:720px; max-width:720px; max-height:448px; height:448px;}
#home_small1 {width:258px; max-width:258px; max-height:217px; height:217px; margin:0px; margin-top:4px; float:left;}
#home_small2 {width:210px; max-width:210px; max-height:217px; height:217px; margin:4px; float:left;}
#home_small3 {width:228px; max-width:228px; max-height:217px; height:217px; margin:0px; margin-top:4px; float:left;}
.text_home_small {margin:0px; padding:0px; margin-left:7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}


/* IDH */
#idh_infobox {background-color:#FFFFFF; padding:4px; min-width:720px; width:720px; max-width:720px; float:left; margin-top:2px;}
#idh_infoimg {width:720px; max-width:720px; max-height:400px; height:400px; margin:auto;}
#idh_infobox_text {padding:4px;}
#idh_small1 {width:228px; max-width:228px; max-height:217px; height:217px; margin:0px; margin-left:4px; margin-top:2px; float:right;}

/* - The Farm - */
#thefarm_infobox {background-color:#FFFFFF; padding:4px; min-width:720px; width:720px; max-width:720px; float:left; margin-top:2px;} /* Ruta */


/* - Stables - */
#stables_top {margin:2px 0px; padding-bottom:16px;}
#stables_middle {margin:2px 0px;}
#stables_bottom {margin:2px 0px; padding-bottom:16px;}

ul.stables {margin:auto; margin-right:5px; margin-top:16px; margin-bottom:16px;}
li.stables {list-style-type:circle; padding:2px; margin:0px; font-size:14px; margin-bottom:4px;}


/* - Stallions - */
#stallions {width:380px; max-width:380px; height:320px; max-height:320px;}
#stallions_top {width:696px; margin:4px; text-align:center;}
#stallions_right {width:375px;max-width:375px;float:right; margin-top:50px;}
.box_stallions {width:160px; max-width:160px; height:145px; max-height:145px; float:left; margin-bottom:22px;}
.stallions_img {border:0px; min-width:170px; width:170px; max-width:170px; height:120px; max-height:120px; min-height:120px;}


/* - Stallionview - */
#stallionview_left {width:386px;max-width:386px; float:left; margin:2px 0px;}
#stallionview_right {width:334px;max-width:334px;float:right;}
#stallionview_right_portrait {;}
#stallionview_right_images {;}
.stallionview_right_portrait_img {margin-left:4px; width:330px; max-width:330px; height:340px; max-height:340px; margin:2px 2px; margin-right:0px; float:right;}
h3.stallionview {margin:0px; padding:0px; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:16px;}


/* - Training - */
#training_top {height:206px; max-height:296px; width:320px; max-width:350px; margin-top:4px;}


/* - Links - */
.box_link {width:350px; height:45px; max-width:500px; max-height:45px; background-color:#ffffff; padding:4px; float:left; margin:2px}
/*  .box_link a {color:#FFFFFF;}
.box_link a:hover {color:#CCCCCC;}  */


/* - Contact - */
.contact_teamphoto {border:4px solid transparent; margin-bottom:0px; float:left; width:720px; height:269px; }
.contact_box_smallphoto_l {background-color:transparent; padding:4px; float:left; margin-top:4px; margin-right:2px; width:171px; height:225px;}
.contact_box_smallphoto {background-color:transparent; padding:4px; float:left; margin:0px 2px; margin-top:4px; width:171px; height:225px;}
.contact_box_smallphoto_r {background-color:transparent; padding:4px; float:left; margin-top:4px; margin-left:2px; width:171px; height:225px;}
.text_contact {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:2px; color:#fff;}


/* -Newsletter - */
#newsletter_container {max-width:720px; margin-top:2px; padding:4px;}



#photo-gallery {width:720px; max-width:720px; height:448px; max-height:448px;}

.eventbutton {margin:inherit; padding:0px; outline:none; border:none; background:none; font-size:inherit; font-style:inherit; color:inherit;}

.home_submit {background-color: transparent;
color: #2976A3;
cursor: auto;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
max-width: none;
min-height: 0px;
padding-top:12px;
padding-right:0px;
text-align: right;
text-decoration: none;
border:0px none;
float:right;}

.home_submit:hover {background-color: transparent;
color: #8593b7;
cursor: pointer;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: none;
min-height: 0px;
text-align: right;
text-decoration: none;
border:none;}