@import url("reset-min.css");
@import url("forms.css");

/* Layout */

body {
	background-color: #d0e7f6;
	color: #3a2311;
	font-family: "trebuchet MS", Times, verdana, sans-serif;
	font-size: 11px;

}

#mainwrapper {
	background-image: url(/media/images/static/mainwrapper_bg.jpg);
	background-position: top center;
	min-height: 666px;
	background-repeat: no-repeat;
	min-width: 810px;
}

#topbar_menu, #centerwrapper {
	margin: auto;
	width: 810px;
	position: relative;
	z-index: 8;
}

#centerwrapper {
	z-index: 5;
	padding-bottom: 150px;
}

#topbar {
	height: 40px;
	background-color: #c5ff27;
	z-index: 7;
}

#topbar_bottomfade {
	background-image: url(/media/images/static/topbarfade.png);
	height:26px;
	z-index: 2;
	position: relative;
	}

#middlebar {
	height: 40px;
	margin-top: -10px;
	z-index: 7;
	text-align: right;
}

#logo {
	width: 208px;
	height: 113px;
	background-image: url(/media/images/static/logo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 6;

	
}
#logolink {
    display:block;
    height:88px;
    left:22px;
    position:absolute;
    width:162px;
}

#main_img {
	height: 165px;
/*	margin-top: -10px;*/
	position: relative;
	z-index: 1;
}

#contentcontainer {
	margin-top: 30px;
}


#contentcontainer_c1 {
width: 160px;
float: left;
}

#contentcontainer_c2 {
width: 270px;

float: left;
margin-left: 20px;
}

#contentcontainer_c3 {
width: 270px;

margin-left: 20px;
float: left;
}
#contentcontainer_c23 {
/*    width: 630px;*/
    width: 500px;
    margin-left: 20px;
    float: left;
}
#contentcontainer_c123 {
    width: 810px;
    margin-left: 0px;
    float: left;
}
/* startpage */
#contentcontainer_startleft {
width: 500px;
float: left;
margin-left: 20px;
}

#contentcontainer_startright {
width: 270px;

float: left;
margin-left: 20px;
}


#boxes {
	clear: both;
/*	padding-top: 15px;*/
	padding-top: 65px;
	margin-bottom: 60px;
}

#boxes_c1 {
background-image: url(/media/images/static/box_bg2.gif);
	width: 255px;
	height: 146px;
	float: left;

}

#boxes_c2 {
background-image: url(/media/images/static/box_bg2.gif);
	width: 255px;
	height: 146px;
	float: left;
	margin-left: 23px;
}

#boxes_c3 {
background-image: url(/media/images/static/box_bg2.gif);
	width: 255px;
	height: 146px;
	float: right;
}

#boxes_c1_img, #boxes_c2_img, #boxes_c3_img {
width: 245px;
height: 83px;
margin: 5px 0px 5px 5px;
background-repeat: no-repeat;
}
/*
#boxes_c1_img {
	background-image: url(/media/images/static/box_img1.jpg);	
}

#boxes_c2_img {
	background-image: url(/media/images/static/box_img2.jpg);	
}

#boxes_c3_img {
	background-image: url(/media/images/static/box_img3.jpg);	
}*/ 

/* Layout footer */
#footer {
	position: fixed;
	height: 60px;
	width: 100%;
	bottom:0;
	z-index: 39;
}
#footerstripe {
	height: 4px;
	background-color: #c5ff27;
	overflow: hidden;
}

#footerfade{
	background-image: url(/media/images/static/footerfade.png);
	height:26px;
	z-index: 40;
}

#footercontent {
	background-color: #3a2311;
	height: 30px;
	text-align: center;
}


/* Layout lists */

#topbar_menulist ul {
	margin-right: 30px;
}

#topbar_menulist li {
	display: block;
	float: right;
	width: 105px;
	background-image: url(/media/images/static/topbarlistfade.png);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 12px;
	color: #444e21;
	text-transform: uppercase;
	padding-left: 40px;
	letter-spacing: 1px;

}

#topbar_menulist li a {
position: relative;
top: 22px;
text-decoration: none;
color: #444e21;
}

#contentcontainer_c1 li {
	text-align: right;
}

#contentcontainer_c1 li a{
	font-size: 12px;
	text-transform: uppercase;
	line-height: 22px;
	color: #15a6d0;
	letter-spacing: 1px;
	text-decoration: none;
}

#contentcontainer_c1 li a:hover
{
	color: #444e21;
}

/* Typography */

a {
	color: #15a6d0;
	text-decoration: none;
}


p {
	line-height: 18px;
}

#boxes h2 {
	line-height: 16px;
	margin-left: 16px;
}

#boxes p {
margin-left: 16px;
line-height: 14px;
}

#footer p a {
	text-decoration: none;
	color: #fff;
}

#footercontent p {
	color: #fff;
	line-height: 30px;
}

#contentcontainer h1{
font-size: 24px;
font-weight: lighter;
line-height: 0;
margin: 0px 0px 18px 180px;
}

#contentcontainer_c2 p, #contentcontainer_c3 p {
	margin-bottom: 16px;
}

#boxes a {
	color: #3a2311;
}
	
/* Common classes */

.clear {
	clear: both;
	height: 1px;
}

.green {
	color: #c5ff27;
}

.brown {
	color: #3a2311;
}

.errorlist {
    color:#C33;
}

/* Give all tables some padding */
table th, table td {
    padding:2px;
}
table.wide_table {
    width: 100%;
}
h2.h2 {
    font-size: 14pt;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
}
.buttons_right {
    margin-top: .5em;
    text-align: right;
}
.buttons_left {
    margin-top: .5em;
    text-align: left;
}
.float_right {
    float: right;
}
.clear_both {
    clear: both;
}

/* Bookings schedule */
/* Bookings instructor */
tr.canceled, tr.canceled td {
    text-decoration: line-through;
}
tr.past, tr.past td {
    color: #ababab;
}
table.pilatesschedule {
    width: 100%;/*630px;*/
}
table.pilatesschedule thead {
    text-align: left;
    background-color: #ccc;
}
table.pilatesschedule th, table.pilatesschedule td {
    padding: 2px;
}


















/* Newest layout */
#contentcontainer_c1 {
    float: right;
    text-align: left;
    width: 284px;
}
#contentcontainer_c2 {
    width: 480px;
}
#contentcontainer_c3 {
    display: none;
}
#contentcontainer h1 {
    margin: 0px 0px 18px 18px;
    float: left;
    width: 500px;
}
#contentcontainer_c1 li {
    text-align: left;
}
#contentcontainer_c1 ul, #contentcontainer_c1 ol {
    margin-bottom: 18px;
    margin-left: 8px;
}
#contentcontainer_c1 h2 {
    background-color: #3a2311;
    font-family: helvetica, arial, sans-serif;
/*    font-family: "helvetiva neue light";*/
    font-weight: lighter;
    font-size: 15px;
    display: block;
    height: 27px;
    color: #fff;
    line-height: 27px;
    padding-left: 8px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
#startpage_classes, #startpage_news {
    margin-left: 8px;
}
#startpage_classes, #startpage_classes .class, #startpage_news .class {
    margin-bottom: 8px;
}
/*#startpage_classes*/ .date {
    width: 39px;
    height: 52px;
    border: 1px solid #d5e3eb;
    float: left;
    background-color: #fff;
}
/*#startpage_classes*/ .day {
    margin-top: 4px;
/*    font-size: 30px;*/
    font-size: 20px;
    text-align: center;
    display: block;
    color: #009ec5;
}
/*#startpage_classes*/ .month, .time {
    text-align: center;
    display: block;
    margin-bottom: 2px;
}
#startpage_classes .content, #startpage_news .content {
    padding-top: 4px;
    margin-left: 4px;
    width: 208px;
    height: 52px;
    float: left;
}
#startpage_classes .class_title, #startpage_news .class_title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
}
#startpage_news .class_description p,#startpage_classes .class_description p {
    line-height: 12px;
}

.h1 {
    margin-left: 0 !IMPORTANT;
    display: block !IMPORTANT;
    clear: both !IMPORTANT;
    width: 100% !IMPORTANT;
    float: none !IMPORTANT;
}
.blog_entry img {
    float: right;
    border: 1px solid #e5e5e5;
    margin-left: 16px;
}

.avatar {
    float: left !IMPORTANT;
    border: none !IMPORTANT;
    margin-left: 8px !IMPORTANT;
    margin-right: 16px;
}

.blog_entry {
    margin-bottom: 3em;
}

.comment_odd p, .comment_even p {
    margin-bottom: 0 !IMPORTANT;
}
.comment_odd, .comment_even {
    border-bottom: 1px solid #c5c5c5;
    padding: 4px 0;
}
.linjetop {
    text-align: right;
}


.step1_left p {
    line-height: 12px;
}

.blog_archive_link, .pagination {
    padding-top: 1.5em;
    text-align: right;
}





h1.h1 .headerlink {
    visibility: hidden;
}
h1.h1:hover .headerlink {
    visibility: visible;
}