/*
/	version		:	1.0
/	author		:	T.Willems
/	company		:	BestMedia
/	url			:	www.bestmedia.nl
*/

/***** Global Settings *****/
 
html, body { border:0; margin:0; padding:0; }
body { font:100%/1.25 Arial, Helvetica, sans-serif; background:url(/images/background.png) repeat-x #f9f9f9; }

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { padding:0 0 10px 0; font-size:30px; color:#ed3941; }
h2 { padding:0 0 0 0; font-size:24px; color:#003562; }
h3 { font-size:14px; font-weight:bold; color:#47484a; padding:0 0 10px 0; }
h4 { font-size: 14px; font-weight: bold; color: #ff0000; margin: 3px 0 3px 0; }
 
/***** Common Formatting *****/
 
p, ul, ol { margin:0; padding:0 0 1.25em 0; line-height:22px; font-size:14px; color:#697d92; }
ul, ol { padding:0 0 1.25em 2.5em; }
blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; }
small { font-size:0.85em; }
img { border:0; }
sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
 
/***** Links *****/
 
a:visited { text-decoration:none; color:#ee363d; }
a:active { text-decoration:none; color:#ee363d; }
a:hover { text-decoration:underline; color:#ee363d; }
a.underline { text-decoration:underline; }
a[href ^="mailto:"] { text-decoration:none; color:#ee363d; }
a[href ^="javascript:"] { text-decoration:none; color:#ee363d; }
a[href ^="javascript:"]:hover { text-decoration:underline; color:#ee363d; }

/***** Forms *****/
 
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:12px Arial, Helvetica, sans-serif; }
textarea { width:100%; line-height:1.25; }
label { cursor:pointer; }
 
/***** Tables *****/
 
table { border:0; margin:0 0 1.25em 0; padding:0; }
table tr td { padding:2px; }
 
/***** Wrapper *****/
 
#wrap { width:960px; margin:0 auto; }
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.img-centered  { vertical-align:middle; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.error { color: #ff0000; font-size: 12px; }
.succes { color: #9ec800; font-size: 12px; }

.uppercase { text-transform:uppercase; }

/***** Container *****/

#container { width:1070px; height:auto; overflow:auto; margin:0 auto; padding:0; }


#container #header { width:1070px; height:auto; float:left; margin:20px 0 0 0; }
#container #header #logo { width:240px; height:94px; float:left; background:url(/images/logo.png); }
#container #header a#forum { display:block; width:50px; height:37px; padding:0 20px 0 20px; float:right; background:#f67c78; margin:0 0 5px 0; font-family:Myriad Pro; text-decoration:none; line-height:37px; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; overflow:hidden; }
#container #header a#forum:hover { display:block; width:50px; height:37px; padding:0 20px 0 20px; float:right; opacity: .7; filter: alpha(opacity=70); background:#f67c78; margin:0 0 5px 0; font-family:Myriad Pro; text-decoration:none; line-height:37px; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; overflow:hidden; }
#container #header #navigation { width:auto; height:50px; float:left; margin:30px 0 0 0; }

#container #header #navigation #nav { list-style:none; float:left; width:1000px; margin:0; padding:0; }
#container #header #navigation #nav li { float:left; margin-right:15px; position:relative; }
#container #header #navigation #nav a { display:block; padding:0 0 9px 0; font-family:Myriad Pro; color:#00355b; font-size:18px; text-decoration:none; text-transform:uppercase; border-bottom: 3px solid #ec3b41; background:#f9f9f9; }
#container #header #navigation #nav a:hover { display:block; padding:0 0 9px 0; font-family:Myriad Pro; color:#ec3b41; font-size:18px; text-decoration:none; text-transform:uppercase; border-bottom: 3px solid #ec3b41; background:#f9f9f9; }
#container #header #navigation #nav ul { background:#fff; background:rgba(255,255,255,0); list-style:none; position:absolute; left:-9999px; z-index:200; margin:0; padding:10px 0 0 0; }
#container #header #navigation #nav ul li{ padding-top:1px; float:none; margin:0; padding:0; }
#container #header #navigation #nav ul a { white-space:nowrap; border:none; padding:6px 10px 6px 10px; }
#container #header #navigation #nav li:hover ul { left:0; }
#container #header #navigation #nav li:hover a{ background:#f9f9f9; text-decoration:none; }
#container #header #navigation #nav li:hover ul a { text-decoration:none; }
#container #header #navigation #nav li:hover ul li a:hover{ background:#f9f9f9; border:none; color:#ec3b41; border:none; padding:6px 10px 6px 10px;}

.slicknav_menu{display:none;}
.hide-desktop { display:none; }

#container #banner { width:1070px; height:420px; float:left; margin:15px 0 80px 0; background:#CCC; }
#container .cycle-slideshow { width:1070px; height:300px; overflow:hidden; float:left; margin:15px 0 80px 0; background:#CCC; }
#container .cycle-slideshow#prev, #next, .prevControl, .nextControl { cursor: pointer; font-size: 16px; color: #08C }
#container .cycle-slideshow .cycle-prev, .cycle-next { position: absolute; top: 0; width: 70px; z-index: 800; height: 100%; cursor: pointer; }
#container .cycle-slideshow .cycle-prev { left: 0;  background:url(/images/banner_prev_button_background.png) 0% 50% no-repeat;}
#container .cycle-slideshow .cycle-next { right: 0; background:url(/images/banner_next_button_background.png) 0% 50% no-repeat;}
#container .cycle-slideshow .cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

#container #content { width:1070px; height:auto; overflow:auto; float:left; }
#container #content #left { width:625px; height:auto; overflow:auto; float:left; padding:30px; background:#fff; line-height:22px; font-size:14px; color:#697d92; }
#container #content #left a { text-decoration:none; color:#ee363d; }
#container #content #left h1 { margin:0 0 15px 0; line-height:32px; }
#container #content #left h2 { margin:0 0 20px 0; line-height:30px; }
#container #content #left h2.praktijk { margin:20px 0 20px 0; }
#container #content #left span.name { display:inline; width:200px; float:left; color:#ed3941; }
#container #content #left span.city { display:inline; width:200px; }
#container #content #left ul.praktijk { list-style:none; margin:0 0 20px 0; padding:0; }
#container #content #left span.praktijk { display:block; width:200px; }
#container #content #left label { text-transform:uppercase; float:left; margin:0 0 10px 0; }
#container #content #left #addressInput { display:block; width:200px; padding:3px; font-size:14px; margin:0 10px 0 0; float:left; clear:left; }
#container #content #left #subpagina { display:block; width:200px; padding:3px; font-size:14px; margin:0 10px 0 0; float:left; }
#container #content #left #radiusSelect { display:block; padding:3px; float:left; font-size:14px; margin:0 10px 0 0; }
#container #content #left label#locatieselect { display:none; text-transform:uppercase; float:left; margin:10px 0 0 0; }
#container #content #left #locationSelect { display:none; width:100%; padding:3px; font-size:14px; margin:10px 10px 10px 0; float:left; clear:left; }
#container #content #left #search { background:#ed323d; border:0; padding:5px 10px 5px 10px; color:#fff; cursor:pointer; text-transform:uppercase; float:left; }
#container #content #left #send { background:#ed323d; border:0; padding:5px 10px 5px 10px; color:#fff; cursor:pointer; text-transform:uppercase; float:left; margin:5px 0 0 460px; }
#container #content #left #map { width:625px; height:400px; margin:10px 0 0 0; float:left; }
#container #content #left #map div { line-height: normal ! important; }
#container #content #left ul#contact { width:625px; list-style:none; margin:0; padding:0; }
#container #content #left ul#contact li { padding:3px; }
#container #content #left ul#contact li label { display:block; width:250px; }
#container #content #left ul#contact li .textinput { display:block; width:300px; padding:3px; }
#container #content #left ul#contact li textarea { display:block; height:150px; width:300px; }
#container #content #right { width:295px; height:auto; overflow:auto; float:right; padding:30px; background:#fff; }
#container #content #right a.item { display:block; width:245px; height:37px; padding:0 0 0 50px; background:url(/images/homepage_right_item_background.png); margin:0 0 5px 0; font-family:Myriad Pro; text-decoration:none; line-height:37px; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; overflow:hidden; }
#container #content #right a.item:hover { display:block; width:245px; height:37px; padding:0 0 0 50px; opacity: .7; filter: alpha(opacity=70); background:url(/images/homepage_right_item_background.png); margin:0 0 5px 0; font-family:Myriad Pro; text-decoration:none; line-height:37px; text-transform:uppercase; color:#fff; font-size:14px; font-weight:bold; overflow:hidden; }
#container #content #right h2 { text-transform:uppercase; margin:0 0 20px 0; }
#container #content #right a.plaats { display:block; width:295px; font-weight:bold; text-decoration:none; float:left; font-size:14px; color:#ed323d; margin:0 20px 0 0; }
#container #content #right span.praktijk { display:block; width:295px; font-weight:normal; float:left; font-size:14px; color:#00355d; margin:0 0 5px 0; }
#container #content #right ul { list-style:none; margin:0; padding:0; }
#container #content #right ul li { list-style:none; margin:0 0 3px 0; padding:0; }
#container #content #right a#zoeken { display:block; width:295px; height:110px; background:url(/images/homepage_zoeken.png); margin:0 0 10px 0; }

@media screen and (max-width:1024px){
	
body, html{margin:0;padding:0;overflow-x:hidden;}
body { background:url(http://fysiovisie.nl/images/background_responsive.png) repeat-x; }

#nav{display:none;}
.slicknav_menu{display:block;}
.hide-desktop { display:inline; }

#container { width:100%; }

#container #header { width:100%; height:90px; float:left; margin:30px 0 0 0; background:#f9f9f9; }
#container #header #logo { margin:0 auto; float:none; background-repeat:no-repeat; background-size:90%; }
#container #header a#forum { display:none; }


#container #banner { width:100%; height:auto; background:#fff; }
#container .cycle-slideshow { width:100%; height:auto; background:#fff; margin:20px 0 40px 0; }
#container .cycle-slideshow img { width:100%; }


#container #content { width:100%; }
#container #content #left { width:100%; float:none; margin:0 auto; padding:0; background:#f9f9f9; }
#container #content #left h1 { width:90%; float:none; margin:0 auto; margin-top:40px; }
#container #content #left h2.uppercase { width:90%; float:none; margin:0 auto; }
#container #content #left h2 { width:90%; float:none; margin:0 auto; }
#container #content #left p { width:90%; float:none; margin:0 auto; }
#container #content #right { width:100%; float:none; clear:both; background:#f9f9f9; padding:40px 0 40px 0; margin:20px 0 0 0; overflow:hidden; }
#container #content #right a.item { width:80%; background-repeat:no-repeat; background-color:#f67c78; float:none; margin:0 auto; margin-bottom:5px; }
#container #content #right a.item:hover { width:80%; background-repeat:no-repeat; background-color:#f67c78; float:none; margin:0 auto; margin-bottom:5px; }

#container #content #right ul { width:90%; float:none; margin:0 auto; margin-top:20px; }
#container #content #right ul li { width:100%; }
#container #content #right h2 { width:90%; float:none; margin:0 auto; }
#container #content #right p { width:90%; float:none; margin:0 auto; }


#container #content #right span.praktijk { clear:both; }
#container #content #right a.plaats { clear:both; }

#container #content #left #cke_pastebin { width:90%; float:none; margin:0 auto; }
#container #content #left ul { width:90%; margin:0 auto; }
#container #content #left ol { width:90%; margin:0 auto; }

#container #content #left ul#contact { width:90%; list-style:none; margin:0 auto; padding:0; }
#container #content #left ul#contact li { padding:3px; }
#container #content #left ul#contact li label { display:block; width:100%; }
#container #content #left ul#contact li .textinput { display:block; width:100%; padding:3px; }
#container #content #left ul#contact li textarea { display:block; height:150px; width:100%; }
#container #content #left ul#contact li #send { float:left; margin:20px 0 40px 0; }

#addressInput { margin:0 0 10px 0 }
#search { margin:0 0 20px 0; }


#container #content #left div#map { width:90%; float:none; margin:0 auto; margin-bottom:40px; }
#container #content #left div#formulier { width:90%; float:none; margin:0 auto; margin-bottom:20px; padding-bottom:60px; }

}