@import url(tables.css);
@import url(navi.css);

#leftcalendar{
float: left;
width: 310px;
margin: 0 10px 0 0;
border: none;
padding: 8px 0 0 0;
}

#rightcalendar {
float: left;
margin: 0 10px 0 0;
border: none;
width: 490px;
padding: 0;
}

#leftrental{
float: left;
width: 160px;
margin: 0 10px 0 0;
border: none;
padding: 8px 0 0 0;
}

#rightrental {
float: left;
margin: 0 10px 0 0;
border: none;
width: 640px;
padding: 0;
}


#leftcol {
float: left;
width: 48%;
min-height: 400px;
border: none;
padding: 4px 4px 4px 4px;
margin: 6px 0 0 6px;
}

#centercol {
float: left;
width: 24%;
min-height: 400px;
border: none;
padding: 4px 4px 4px 4px;
margin-top: 6px;
}

#rightcol {
float: right;
width: 25%;
border: none;
min-height: 400px;
margin: 6px 8px 0 0;
}

.EventBlock {
float: left;
border: none;
width: 98%;
margin: 0 2px 8px 0;
}

/* News items. */
.NewsBlock {
float: left;
border: none;
width: 98%;
margin: 0 2px 8px 0;
}

h2.news {
margin-bottom: 2px;
padding-bottom: 0;
}

h3.news {
margin-top: -14px;
padding-top: 0;
}

h2.newshome {
font-size: 16px;
margin-bottom: 0;
padding-bottom: 0;
margin-top: 0;
}

h3.newshome {
font-size: 14px;
margin-top: -14px;
padding-bottom: 0;
}

.MessageBlock {
float: left;
border: none;
width: 98%;
border: none;
margin: 0 2px 8px 0;
}

.MessageBlock img {
width: 50%;
float: left;
margin: 0 8px 6px 0;
}

/* Overall layout settings as requested by Harry. */
body {
//background-color: #be691e;
}

.Event {
float: left;
width: 350px;
padding: 2px 4px 2px 4px;
border: 1px solid black;
margin: 0 4px 6px 0;
background-color: #DDD;
}

.Event h2 {
margin: -6px 0 2px 0;
}

.Event p {
margin-bottom: 0;
}

table {
max-width: 800px;
table-layout: fixed;
}

#overallcontainer {
margin: 8px auto 8px auto;
width: 1148px;
border: 1px solid black;
background-color: white;
padding: 0;
}

a { 
color: #be691e;
}

h1 {
color: #1e73ce;
font-size: 160%;
}

h2 {
color: #dd3333;
font-size: 140%;
margin: 0 0 4px 0;
}

h3 {
color: #1e73ce;
font-size: 120%;
}

h4 {
color: #dd3333;
}

h5 {
color: #1e73ce;
}

h6 {
color: #dd3333;
}

.main a {
text-decoration: underline;
}

textarea.wide {
width: 600px;
}

select.small {
width: 80px;
}


.icon {
width: 40px;
height: 40px;
overflow: hidden;
float: left;
margin: 2px 6px 2px 2px;
}

.TableIcon {
height: 32px;
}

input[type=submit] {
padding:5px 15px; 
background:#22aa11; 
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; 
color: white;
}

input[type=submit]:hover{
background: #227711;
}

.submitsteps {
font-size: 150%;
}

#SearchCategory {
float: left;
border: none;
padding: 0;
}

#SearchOther {
float: left;
border: none;
margin-left: 10px;
padding: 0;
}

.Title {
font-size: 120%;
font-weight: bold;
margin: 0 0 4px 0;
}

#thumblist {
width: 80px;
float: right;
margin-right: 20px;
text-align: right;
margin-bottom: 0;
padding-bottom: 0;
}

#ThumbList img {
height: 20px;
width: 20px;
border: 0;
}

.overzicht img.thumb {
height: 120px;
}

.span9 textarea{
width: auto;
}

ol {
margin-left: 15px;
padding-left: 15px;
}

.Entry {
position: relative;
float: left;
width: 161px;
height: 125px;
overflow: hidden;
border: 1px solid grey;
margin: 0 6px 4px 0;
}

.Entry img {
z-index: 1;
width: 161px;
opacity: 0.8;
filter: alpha(opacity=80);
}

Entry img.wide {
z-index: 1;
height: 125px;
opacity: 0.8;
filter: alpha(opacity=80);
}

Entry img.tall {
z-index: 1;
width: 161px;
opacity: 0.8;
filter: alpha(opacity=80);
}

.Entry img:hover {
opacity: 1.0;
filter: alpha(opacity=100); 
}

.Entry p {
z-index: 10;
position: absolute;
top: 40px;
left: 10px;
opacity: 0.8;
filter: alpha(opacity=40);
color: #FFF;
font-weight: bolder;
background-color: #AAAAAA;
width: 150px;
text-align: center;
padding; 2px 4px 2px 4px;
}

.span9 a {
text-decoration: underline;
}

.smallskip {
clear: left;
width: 98%;
height: 10px;
}

#google-map-canvas{
float: left;
width:500px;
height:300px;
border:1px solid #333;
margin-bottom:10px;
}

#google-map-clubs{
float: left;
width:840px;
height:600px;
border:1px solid #333;
margin-bottom:10px;
}

#google-map-canvas-clubs{
float: left;
width:500px;
height:700px;
border:1px solid #333;
margin-bottom:10px;
}

#address {
float: left;
margin-left: 30px;
margin-top: -10px;
height: 300px;
border: none;
width: 300px;
}

.clubs {
margin-left: 500px;
padding: 0 15px 0 20px;
}

.albimg {
float: left;
width: 150px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}

.transition {
-webkit-transform: scale(3.5); 
-moz-transform: scale(3.5);
-o-transform: scale(3.5);
transform: scale(3.5);
}


/* User login section. */
#UserName, #Password {
height: 30px;
}

.main {
float: left;
margin: 0 10px 10px 20px;
min-height: 100px;
border: none;
width: 840px;
padding-right: 12px;
}

.edit input[type=text]{
padding: 3px 4px 3px 3px;
height: 24px;
}

.main input[type=text]{
width: auto;
height: 30px;
}

.span9 input[type=text]{
width: auto;
height: 30px;
}

.left {
float: left;
text-align: left;
margin: 0 10px 6px 0;
}

.center{
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10ps;
padding: 0 10px 0 10px;
}

.right {
float: right;
text-align: left;
margin: 0 10px 6px 0;
}

.lefthalf {
clear: left;
width: 430px;
float: left;
margin: 0 10px 6px 0;
}

.righthalf {
width: 430px;
float: left;
margin: 0 0 6px 0;
}

.break {
clear: left;
}

/*  Pagination --------------------------------*/
.pagination {
width: 100%;
margin-bottom: 8px;
padding-bottom: 8px;
}

.pagination a, .pagination .space-between{
height: 24px;
line-height: 24px;
float: left;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 12px;
}

.pagination a{
background: url("../../images/pagination_repeat.gif") repeat-x;
margin: 0 2px 0 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #d3d3d3;
color: #414141;
padding: 0 9px;
}

.pagination a.last-button{
padding: 0 12px;
margin: 0;
float: left;
margin-right: 6px;
}

.pagination a:nth-child(3){
margin: 0;
}

.pagination a.current-item, .pagination a:hover{
background: #000 url("../../images/pagination_repeat_hover.gif") repeat-x;
color: #ffffff;
border: 1px solid #14141b;
}

.pagination .space-between{
padding: 0 10px;
}

/* Move span up to correct for bottom outlining. */
.pag {
float: left;
margin-left: 40px;
margin-top: -10px;
}

#mainBody {
border-top: none; 
padding-top: 8px;
min-height: 200px;
}

.span9 {
background-color: white;
border: none;
}

#carouselBlk,#header{}
#srchFld {background: url(../images/search.png) no-repeat 4px center #fff; height: 30px;}
.tag {background:url(../images/new.png) no-repeat 0 0; position: absolute; display:block; top: -4px;right: -18px; height:48px; width:48px;}
.clr{clear:both;}
.cntr{text-align:center}
.marginLess{margin:0}
#logoArea { background-image: url('http://odessa-webdevelopment.nl/Opdrachten/EGCC/images/HeaderTall.jpg'); 
background-color: #FFF; height: 122px; width: 100%; margin-left: 0; padding-left: 0; margin-top: -10px;}


/* Show menu only if thescreen is wide enough. Settingfmenus applied in special css*/
#menu { 
background-color: #f2e1d2; 
height: 40px; 
border: none; 
margin-top:120px; 
padding-right: 20px; 
padding-left: 8px; 
}


#logoArea, #logoArea a {line-height:49px;}
#logoArea .btn, #logoArea .btn-group { margin-top: 0;}


.searchform { 
float: right;
margin-right: 20px; 
margin-top: 8px; 
border: none;

height: 38px;
}

.searchform #s{
color: #49494b;
font-size: 12px;
width: 160px;
height: 30px;
margin: 2px 0px 5px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #f0efeb;
border-radius: 0;
border: 1px solid #444; 
margin-left; 300px;
}

#logo {padding-right:28px;}
#welcomeLine{padding: 8px 0 4px}
/* Sidebar--------- */
#sidebar { padding: 0 0 0 10px; border: none; }
#sidebar ul ul li a{ font-size:12px;}
#sidebar ul {list-style: none;padding: 0;margin: 0;width: 100%;}
#sidebar  li  a{font-weight:bold; background:url(../images/tabRepeatInactive.png) repeat-x 0 0; color:#262626;}
#sidebar ul li li a{background:#eee; padding-left:14px;font-weight:normal;display:block;   font-size:13px; line-height:26px;}
/* body--- */
.thumbnail>a{display:block; text-align:center}
.thumbnail h5,.thumbnail p{text-align:center}
/* Product page--- */
.alignR{text-align:right;}
.control-label.alignL, .alignL{text-align:left;}
.loginFrm{ margin-bottom:8px;}
.loginFrm .control-group{padding:8px 14px 0; margin-bottom:0 }
/* Compair product page */
.checkbox input[type="checkbox"]{ margin:4px 0 8px -20px }
#sm{text-align:right}
#sm a {margin: 4px;width:32px;}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color:#fff; background-color: #CF0007;text-shadow: none;}
/* Footer section--------------- */
#footerSection {background: #202020;color: white;padding: 8px 0 0 24px;margin-top: 20px;border-top: 1px solid #444;}
#footerSection a{color:#ccc; font-size:11px; padding:0; line-height:24px; display:block; }
#footerSection a:hover{color:#fff;  }
#footerSection  #socialMedia a{ min-width:25px; display:inline; margin-right:6px; text-align:center; line-height:1.5em;}
#socialMedia img{max-width:60px;}
#footerSection  #socialMedia a:hover{background:none;}
/* ------------------------------- */
.navbar-search .srchTxt {border-radius: 0;border: 1px solid #444; margin-left; 300px;}
[class^="icon-"], [class*=" icon-"] {background-image: none;}
.navbar .nav > li > a {padding:10px;color: #DDD;text-shadow: none;font-size: 16px;}
.navbar .nav > li > a:hover{color:#fff}
#logoArea, #logoArea a{outline:none;}
.alignR .checkbox input[type="checkbox"] {float: right;margin: 4px 0 8px 11px;}

.navbar .nav.pull-right, #sideManu {overflow:hidden;}
#logoArea  #smallScreen {margin: 21px 14px 0 0;}
.navbar-search {margin-top: 8px;}
/* Responsive--------------------- */
/* Large desktop */
@media (min-width: 1200px) {  }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.navbar .brand {float: none;text-align: center;}
#sideManu,#topMenu{height:0}
.navbar-search {margin-top: 8px;width: 100%;float: none;}
#topMenu{ height: auto; float: none;}
#topMenu li{ float: none;}
.navbar .nav > li > a {border-top:1px solid #666; padding:0}
#sideManu,#topMenu{height:0}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar .brand {float: none;text-align: center;}
#header, #carouselBlk{margin: 0 -20px;}
#sideManu,#topMenu{height:0}
.navbar-search {margin-top: 8px;width: 100%;float: none;}
#topMenu{height: auto;float: none;}
#topMenu li{float: none;}
.navbar .nav > li > a {border-top:1px solid #666; padding:0}
 }
/* Landscape phones and down */
@media (max-width: 480px) {
#header, #carouselBlk{margin: 0 -20px;}
#sideManu, #topMenu{height:0}
#topMenu{height: auto;float: none;}
#topMenu li{float: none;}
.navbar .nav > li > a {border-top:1px solid #666; padding:0}
}
