/* ================================================================================= */
/* TaalTaal.nl global CSS file v. 0.1                                          */
/* ================================================================================= */

body
{
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 11px;
    background: url("/images/page/glow.jpg") 50% -50px no-repeat;
	background-color: #84a2ad;
}

h1
{
	font-size: 16px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #868585;
}

h2
{
	font-size: 14px;
	padding: 0px;
	margin: 0px 0px 3px 0px;
	color: #4583A0;
}

h3
{
	font-size: 13px;
	color: #4583A0;
}

img
{
	border: 0;
}

a
{
	color: #64818d;
	text-decoration: none;
}

a:hover
{
	color: YellowGreen;
	text-decoration: underline;
}

.clear
{
	clear: both;
}

.newline
{
	clear: both;
}

.spacing
{
    margin-bottom: 20px;
}

.boxleft
{
    position: relative;
    float: left;
    width: 390px;
	margin-top: 10px;
}


.boxright
{
    position: relative;
    float: right;
    width: 190px;
	margin-left: 10px;
	margin-top: 10px;
}

.map
{
	border: 1px solid lightblue;
	margin-right: 15px;
	margin-bottom: 10px;
}

.contactform
{
    margin-top: 30px;
	background: url(/images/page/addressbook.gif);
	width: 595px;
	height: 400px;
}

.contactform input[type=text]
{
    width: 280px;
}

.contactform textarea
{
    width: 280px;
    height: 100px;
}

.flag
{
	margin-right: 5px;
}

/* ================================================================================= */
/* Globally used DIVs                                                                */
/* ================================================================================= */

#page
{
    position: relative;
    width: 930px;
	min-height: 500px;
    margin-left: auto;
    margin-right: auto;
}

#page_top
{
    position: absolute;
    top: 0;
    left: 132px;
    width: 797px;
    height: 190px;
    background: url("/images/page/top.gif") 0 0 no-repeat;
}

#page_left
{
    position: absolute;
    left: 0;
    width: 132px;
    height: 678px;
    background: url("/images/page/left.gif") 0 0 no-repeat;
}

#page_right
{
    position: absolute;
    top: 197px;
    right: 0;
    width: 120px;
    height: 489px;
    background: url("/images/page/right.gif") 0 0 no-repeat;
}

#page_main
{
    position: absolute;
    top: 189px;
    left: 132px;
    width: 624px;
    min-height: 500px;
    padding: 40px 27px 100px 27px;
    background: url("/images/page/clipboard.gif") 0 100% no-repeat;
}

#page_main #dots
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#sticky
{
	position: absolute;
	top: 158px;
	right: 121px;
	background-image: url("/images/page/stickynote.gif");
	width: 237px;
	height: 232px;
	z-index: 10;
}


#stickydutch
{
	position: absolute;
	top: 155px;
	right: 119px;
	background-image: url("/images/page/stickydutch.gif");
	width: 250px;
	height: 420px;
	z-index: 10;
}

#stickyspanish
{
	position: absolute;
	top: 151px;
	right: 126px;
	background-image: url("/images/page/stickyspanish.gif");
	width: 237px;
	height: 430px;
	z-index: 10;
}


#stickykids
{
	position: absolute;
	top: 151px;
	right: 126px;
	background-image: url("/images/page/stickykids.gif");
	width: 237px;
	height: 430px;
	z-index: 10;
}

#attention
{
	position: relative;
	width: 595px;
	height: 40px;
	background-color: #e9f0f3;
	padding: 5px;
	text-align: center;
}
#language_picker
{
	position: absolute;
	top: -53px;
	right: 10px;
	width: 110px;
	height: 22px;
	padding: 1px;
}

#language_picker img
{
	display: block;
	float: left;
}

#language_picker a
{
	display: block;
	float: left;
    margin: 1px;
}

#language_picker a:hover
{
	border: 1px solid lightblue;
    margin: 0;
}

#page_main_menu
{
	position: absolute;
	top: 5px;
	left: 35px;
	width: 395px;
    white-space: nowrap;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

#page_main_menu a
{
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    margin-right: 8px;
    color: #92adb9;
}

#page_main_menu a:hover
{
    background-color: #ffff00;
}

#rightmenu
{
	position: absolute;
	top: 25px;
	right: -115px;
	width: 110px;
	height: 450px;
}

#rightmenu ul
{
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#rightmenu ul li
{
    display: block;
    padding: 15px 0 15px 30px;
    background: left no-repeat;
    vertical-align: middle;
}

#rightmenu ul li.home { background-image:url("/images/page/icons/home.gif"); }
#rightmenu ul li.courses { background-image:url("/images/page/icons/courses.gif"); }
#rightmenu ul li.workshops { background-image:url("/images/page/icons/workshops.gif"); }
#rightmenu ul li.intensive { background-image:url("/images/page/icons/intensive.gif"); }
#rightmenu ul li.spanish_courses { background-image:url("/images/page/icons/spanish.gif"); }
#rightmenu ul li.kid_courses { background-image:url("/images/page/icons/kids.gif"); }
#rightmenu ul li.aboutus { background-image:url("/images/page/icons/aboutus.gif"); }
#rightmenu ul li.location { background-image:url("/images/page/icons/location.gif"); }
#rightmenu ul li.contact { background-image:url("/images/page/icons/contact.gif"); }

#rightmenu a
{
    text-decoration: none;
    color: #7990a2;
	font-weight: bold;
	font-size: 13px;
	
}

#rightmenu a:hover
{
    text-decoration: underline;
}

#page_main_content
{
	width: 607px;
    padding: 10px;
}

#page_main_content #intro
{
 	width: 390px;
}

#page_footer
{
	width: 625px;
	height: 17px;
	margin-left: -10px;
}

#page_footer img
{
	display: block;
	float: left;
}

#page_footer a
{
	float: left;
}

#page_footer #button1
{
	background-image: url("/images/page/footer/home.png");
}

#page_footer #button1:hover
{
	background-image: url("/images/page/footer/homeho.png");
}

#page_footer #button2
{
	background-image: url("/images/page/footer/dutch.png");
}

#page_footer #button2:hover
{
	background-image: url("/images/page/footer/dutchho.png");
}

#page_footer #button3
{
	background-image: url("/images/page/footer/spanish.png");
}

#page_footer #button3:hover
{
	background-image: url("/images/page/footer/spanishho.png");
}

#page_footer #button4
{
	background-image: url("/images/page/footer/location.png");
}

#page_footer #button4:hover
{
	background-image: url("/images/page/footer/locationho.png");
}

#page_footer #button5
{
	background-image: url("/images/page/footer/contact.png");
}

#page_footer #button5:hover
{
	background-image: url("/images/page/footer/contactho.png");
}

#page_footer #button6
{
	background-image: url("/images/page/footer/privacy.png");
}

#page_footer #button6:hover
{
	background-image: url("/images/page/footer/privacyho.png");
}

#page_footer #button7
{
	background-image: url("/images/page/footer/tos.png");
}

#page_footer #button7:hover
{
	background-image: url("/images/page/footer/tosho.png");
}

.agenda
{
	position: relative;
	background-image: url("/images/page/agenda-background.png");
	padding: 8px;
	z-index: 10;
	border: 1px dotted lightblue;
}

.error
{
    color: red;
    font-weight: bold;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.form_error
{
    border: 2px solid red !important;
    margin-left: -1px;
}

a.signup
{
	background-color: #849d9d;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	color: white;
	margin-bottom: 10px;
}

a.signup:hover
{
	background-color: darkblue;
	padding: 5px;
	font-weight: bold;
	color: white;
}

#glig_popin_panel
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.glig_popin_panel_defaults
{
    padding: 5px;
    border: 1px solid #dddddd;
    background-color: #f3f3f5;
}

.shaded_box td > img
{
    display: block;
}

.shaded_box .title
{
	color: #859390;
}

.shaded_box .inner
{
    background:url("/images/gradients/lightbox.png");
    background-position: bottom;
    background-repeat: repeat-x;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    padding: 15px;
    overflow: hidden;
}

.button_accept
{
    border: 0;
    padding: 1px 3px 1px 3px;
    background-color: #66cc77;
    font-weight: bold;
    color: white;
}

    .button_accept:hover
    {
        color: white;
    }

.button_cancel
{
    margin-right: 10px;
    border: 0;
    padding: 1px 3px 1px 3px;
    background-color: #6699cc;
    font-weight: bold;
    color: white;
}

.button
{
    background-color: #99ccdd;
    -moz-border-radius: 8px;
    padding: 3px 8px;
    color: white;
}

.button:hover
{
    background-color: #66aabb;
    color: white;
    text-decoration: none;
}

.file_button
{
    border: 1px solid #ccccdd;
    -moz-border-radius: 5px;
    background-color: #f3f9fc;
    background-image:url(/images/gradients/cyan.png);
    padding: 5px;
    width: 160px;
    height: 50px;
    color: #557799;
    font-size: 18px;
    font-weight: bold;
}

    .file_button:hover
    {
        opacity: 0.80;
    }

.username
{
	color: #64818d;
}