* { margin: 0; padding: 0;}
body { background: #9c968f url(./img/bg.jpg) no-repeat 0 100%; color: #535456; font-family: Arial, sans-serif; font-size: 0.7em; }

a {color: #ba005d; text-decoration: none;}
a:hover { text-decoration: underline;}

p {margin-bottom: 1em;}
#wrapper {margin: 0 auto; width: 997px; min-height:800px;}

#buttonleft, #buttonleft-ned, #buttonleft-eng {width: 114px; height: 114px; text-align: center; background: transparent url(img/button_nogbeschikbaar.png) no-repeat 0 0;  padding-top: 13px;}

#buttonleft-eng {background: transparent url(img/button_nogbeschikbaar-eng.png) no-repeat 0 0; }

#buttonleft a, #buttonleft-ned a, #buttonleft-eng a {color: #FFF; font-size: 50px; font-weight: bold; text-decoration: none; padding: 15px 0;}

#leftbar {width: 100px; padding-top: 0; float: left;}

#mainrounded { float: left; padding: 10px; width: 835px; height: 530px;   margin: 20px auto;  background: transparent url(img/splash/bg_content.png) no-repeat 0px 0px; }
#mainrounded h1 {margin: 10px auto 0 auto; padding-left: 5px;}
#splashcontent {float: left; width: 350px; margin: 30px 30px 0 10px; font-size: 1em; line-height: 1.5em;}

#main { margin: 0 310px 0 115px; }


#langswitch {width: 100px; height: 50px; line-height: 45px; background: transparent url(img/bg_langswitch.png) no-repeat 0 0;  text-align: center; font-size: 11px; font-family: Arial Rounded MT Bold; text-transform: uppercase;} 
#langswitch a {color: #333;}
#content .top {height: 15px; background: transparent url(img/bg_content_rounded.png) no-repeat 0 0;}
#content .content {padding: 10px 25px; min-height: 530px;  background: transparent url(img/bg_content.png) repeat-y 0px 0px;  line-height: 150%;}
#content .bottom {height: 15px; background: transparent url(img/bg_content_rounded.png) no-repeat 0 100%;}

#sidebar {float: right; width: 300px; line-height: 145%; padding-right: 10px;}
#sidebar .top {height: 15px; background: transparent url(img/bg_sidebar_rounded.png) no-repeat 0 0;}
#sidebar .content {background: transparent url(img/bg_sidebar.png) repeat-y 0 0; padding: 5px 20px; min-height: 585px;}
#sidebar .bottom {height: 15px; background: transparent url(img/bg_sidebar_rounded.png) no-repeat 0 100%;}


#sidebar a {color: #ba005d; text-decoration: none;}
#sidebar a:hover { text-decoration: underline;}
#sidebar ol {margin: 0px; padding-left: 16px;}
#sidebar ol li {margin: 0; padding: 0; font-size: 10px; text-transform: uppercase;}
#sidebar .mapimage {margin: 5px 0;}
h1, h2, h3 { font-family: Arial Rounded MT Bold; text-transform: uppercase;}
h1 { font-size: 17px;  line-height: 17px; margin: 0 0 10px 0; text-transform: uppercase;  color: #ba005d;}
h3 { font-size: 12px; margin: 0; margin-top: 1em; text-transform: uppercase; color: #ba005d; }

.supportbutton {margin-top: 20px; background: #e6e7e9; text-align: center; padding: 15px 10px;}

h6.faqtitle	{font-size: 1.1em; padding: 0; margin: 0 0 0 0; text-transform: uppercase;  cursor: pointer;}
h6.faqtitleActive	{font-size: 1.1em; padding: 0; margin: 5px 0 0 0;  text-transform: uppercase; font-weight: bold; color: #ba005d; cursor: pointer;}
#faqdiv h6 a {color: #535456; text-decoration: none; font-weight: normal; display: block; margin: 3px 0;}
#faqdiv h6 a:hover {filter:alpha(opacity=75); opacity: .75; }
#faqdiv h6.faqtitleActive a {color: #ba005d; margin: 14px 0 5px 0;}

#navbar {width: 510px; background: transparent url(/assets/www.jouwstraatnaam.nl/navigation/bottomnavbar.gif) no-repeat 0 0; height: 38px; line-height: 38px;}

#contactform input, #contactform textarea { font-family: Arial; font-size: 150%; border: 2px solid #909493; padding: 5px; width: 486px; margin-left: 3px; background: #e3e5e4;}
#contactform input.button { border: 0; padding: 0; width: 109px; height: 26px; float: right; margin: 5px 18px 0 0;  }
#contactform textarea {height: 180px; margin: 30px 3px;}
#contactform label {margin: 2em 0 1em 0; display: block; text-transform: uppercase;}
.contactmargin  {margin-top: 55px;}
 
.select_ned {width: 520px; height: 140px; background: transparent url(/assets/www.jouwstraatnaam.nl/navigation/optionbox.gif) no-repeat -20px 0; padding-top: 7px;} 

#selectbox #ordertype1 {float: left;}
#selectbox #ordertype2 {float: left;}
#selectbox #ordertype3 {margin-bottom: 5px; float: left;}
#selectbox #label_ordertype1 {margin: 0; cursor: pointer; width: 450px; height: 69px; margin-left: 24px;}
#selectbox #label_ordertype2 {margin: 0; cursor: pointer; width: 450px; height: 51px; margin-left: 24px; }
#selectbox #label_ordertype3 {margin: 0; cursor: pointer; width: 400px; height: 27px; margin-left: 24px; margin-right: 124px;}

#selectbox  #subordertype1, #selectbox #subordertype2 {display: inline; width: 14px; border: 0; background: transparent; } 
#orderform label {font-size: 120%; margin: 1em 0 0.5em 0; display: block; text-transform: uppercase;}
#orderform #label_agreed {margin: 0; padding: 0; margin-top: -10px; cursor: pointer; width: 450px; height: 24px; margin-left: 24px;}

#orderform label.subselect {display: inline; margin-top: 5px; cursor: pointer; border-bottom: 1px dotted silver; text-transform: lowercase; font-size: 100%;} 

.ballooncontainer {text-align: center; padding: 20px 0; height: 160px; width: 180px; margin: 10px 20px;}
.ballooncontainer .streetname { width: 160px; font-size: 1.1em; }
div.streetname {color: #FFF; background: #00548b; font-size: 1.4em; padding: 5px 10px; margin: 1em 0; letter-spacing: 1px; font-weight: normal;}
p.lbl {padding: 2em 0 1em 0;}

#orderform input { font-family: Arial; font-size: 150%; border: 2px solid #909493; padding: 5px; width: 488px; background: #e3e5e4; }
#orderform input.button {border: 0; padding: 0; width: 92px; height: 24px; float: right; margin: 5px 18px 0 0;  }
.inpexpl {height: 80px;}
.highligbt {color: #ba005d; }
div.email {font-size: 1.3em;}


#selectbox .radio, #subselect .subradio {width: 14px; border: 0; background: transparent;}



#orderform input, #orderform textarea { font-family: Arial; font-size: 150%; border: 2px solid #909493; background: #e3e5e4;}
#orderform textarea {padding: 5px; width: 488px;}
#orderform input.customdonation {padding: 4px 2px; width: 50px; font-size: 100%; float: right; margin: -5px 20px 10px 0;}

#subselect {margin-left: 20px; margin-bottom: 60px;}
#subselect span {line-height: 28px; }
#subselect .subradio {margin-top: 4px; line-height: 28px; display: inline; border: 0; background: transparent;}


#tellafriendform input, #tellafriendform textarea { font-family: Arial; font-size: 150%; border: 2px solid #909493; padding: 5px; width: 488px; background: #e3e5e4;}
#tellafriendform label {font-size: 120%; margin: 1em 0 0.5em 0; display: block; text-transform: uppercase;}

#tellafriendform input.button {border: 0; padding: 0; width: 109px; height: 26px; float: right; margin: 5px 18px 0 0;  }
#tellafriendform textarea {height: 108px; margin: 5px 0;}
#tellafriendform label {margin: 0.5em 0 0.2em 0; display: block; text-transform: uppercase;}
#tellafriendform #navbar {margin-top: 20px;}
#tellafriendform .halfblock {width: 250px; float: left; margin-right: 10px; height: 75px;}
#tellafriendform .halfblock input {width: 230px; } 

#tellafriendpreview {height: 385px; padding: 30px 5px; width: 490px;}
#tellafriendpreview .previewbox {padding: 40px 200px 40px 0; height: 240px;}

.wijziglink {float: left; margin-left: 20px; margin-top: 3px;}

#formcontact {height: 160px;}


#header { padding: 10px 25px; height: 25px; margin: 0 auto;  overflow: hidden; background: transparent url(img/bg_content_rounded.png) no-repeat 0 0; font-size: 1.15em;}

#header menu {list-style: none; margin: 0; padding: 0; font-family: Arial Rounded MT Bold; text-transform: uppercase; font-size: 90%;}
#header li {float: left; margin: 0; padding: 0; margin-right: 1.0em; line-height: 2em;}
#header a {text-decoration: none; color: #757877; }
#header a:hover {text-decoration: none; color: #000; }

#header menu {list-style: none; margin: 0; padding: 0; font-family: Arial Rounded MT Bold; text-transform: uppercase;}
#header li {float: left; margin: 0; padding: 0; margin-right: 10px;}
#header a {text-decoration: none; color: #757877; }
#header a:hover {text-decoration: none; filter:alpha(opacity=75); opacity: .75; }
#header a:active {text-decoration: none; filter:alpha(opacity=10); opacity: 1; }

#header menu.eng li a {background: #FFF; height: 22px;}
#header menu.eng li a.active { color: #ba005d;}

#header menu.ned li a {background: #FFF url(img/menu_options.gif) no-repeat 0 0; height: 22px; text-indent: -2000px; display: block; overflow: hidden;}
#header menu.ned li a.home {background-position: -3px 0; width: 40px;}
#header menu.ned li a.project {background-position: -56px 0; width: 56px;}
#header menu.ned li a.bestellen {background-position: -125px 0; width: 120px;}
#header menu.ned li a.initiatief {background-position: -258px 0; width: 65px;}
#header menu.ned li a.tellafriend {background-position: -335px 0; width: 102px;}
#header menu.ned li a.faq {background-position: -450px 0; width: 32px;}
#header menu.ned li a.contact {background-position: -492px 0; width: 25px;}

#header menu.ned li a.home_highlight {background-position: -3px -24px; width: 40px;}
#header menu.ned li a.project_highlight {background-position: -56px -24px; width: 56px;}
#header menu.ned li a.bestellen_highlight {background-position: -125px -24px; width: 120px;}
#header menu.ned li a.initiatief_highlight {background-position: -258px -24px; width: 65px;}
#header menu.ned li a.tellafriend_highlight {background-position: -335px -24px; width: 102px;}
#header menu.ned li a.faq_highlight {background-position: -450px -24px; width: 32px;}
#header menu.ned li a.contact_highlight {background-position: -492px -24px; width: 25px;}

#map_canvas {float: left;}
	
div.error {color: #ba005d; height: 80px; margin-top: -10px;}
div.ordererror {color: #ba005d; height: 40px; margin-top: 10px;}
#contactform input.error, #contactform textarea.error, #tellafriendform input.error, #tellafriendform textarea.error, #orderform input.error, #orderform textarea.error {border: 2px solid #ba005d; }