@CHARSET "UTF-8";

html {
	margin: 0;
	padding: 0;
	height: 100%;	
}

body {
	margin: 0;
	padding: 0;
        padding-top:3px;
	height: 100%;
	background-color: #fff;
	font-family: Verdana, Helvetica, Tahoma, Sans-serif;
	font-size: 12px;
	color: #000;
}


#wrapper {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	height: 100%;
}

#header {
	width: 100%;
	clear: both;
	margin: 0 auto;
}

#header #logo{width:70px;height:120px;float:left;}

#header #logo img{border: none;}

#header #company{width:550px;float:left;}

#header #company h1{padding:0 0 0 10px;margin:0;text-align:left;color:#0050a2;font-size:22px; font-weight: normal; font-family: Verdana, Sans-serif;}

#header #company p{padding:10px 0 0 10px;margin:0;color:#0050a2;font-size:15px;text-align:left; font-weight: normal; font-family: Verdana, Sans-serif;}

#hright {float: right; padding-right: 20px; width: auto;}

#languageFlagsLinks {width:350px;height:20px;clear:both; float: right; margin-bottom: 10px;}
#languageFlagsLinks ul {list-style-type: none;}

#languageFlagsLinks ul li {float: right;}
#languageFlagsLinks a{display:block;width:30px;}

#languageFlagsLinks img{border:solid 1px #000;margin-left:3px;}

#schoolPhone {
    float: right;
    width:350px;
    clear:both;
    padding-top: 6px;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    font-family:Tahoma,Helvetica,sans-serif;
    color: #01315f;
    text-align: right;
}

#menu {
    padding-top: 90px!important;
    *padding-top: 40px!important;    
}

#switch {
	text-align: right;	
}

#switch ul {
	margin: 0;
	padding: 0;
	float: right;	
}

#switch ul li {
	float: left;	
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 5px 0 5px 15px;
}

#modules {
	float: left;
	width: 800px;
}

#modules div.module {
	width: 200px;
	height: 200px;
	float: left;
}

.quick_boxes_container {
    background-color: #D1DEE4;
    width: 100%;
    
}

a.newNavLink{
    color:#01315f;
    font-weight:bold;
    font-family:Tahoma,Helvetica,sans-serif;
    text-decoration:none;
    display:block;
}

#attention{
    width:200px;
    height: 225px;
    padding-top:20px;
    float:right;
    background-color: #D1DEE4;
}

#attention .content{
    padding-left: 10px;
}


#adv {
	width: 170px;
	height: 256px;
	*height: 254px;
	float: left;
	clear: right;
	background-color: #D1DEE4;
}

#adv_main {
	width: 170px;
	height: 228px;
	*height: 254px;
	float: left;
	clear: right;
	background-color: #D1DEE4;
}

#adv_main ul {
    list-style-type: none;
    padding-left: 20px;
    padding-top: 105px;
}

#adv_main ul li {
    line-height: 21px;
}

#adv_main ul li a {
    color: #fff;
    text-decoration: none;
}

#adv_main ul li a:hover {
    text-decoration: underline;
}

#module_titles {
	text-align: center;	
}

#module_titles h1 {
	font-family: Halvetica, sans-serif;
	font-weight: normal;
	display: block;
	margin: 0 auto;	
	padding: 0 0 4px 0;
	width: 200px;
	font-size: 15pt;
	float: left;
	color: #fff;	
}

#module_titles a {
	font-family: Halvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
        line-height: 10pt;
	color: #fff;
	text-decoration: none;	
}

#module_titles h1.sprachschulezuerich {
        color:#fff;
        margin:0;
        height:33px;
        width: 190px;
        padding:12px 0 0 10px;
        font-size:11px;
        font-weight:bold;
        font-family: Verdana, Tahoma,Helvetica,sans-serif;
        background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/infobox-bg-ex-ven.gif);
        background-repeat:repeat-x;
        text-decoration:none;
}

#module_titles h1.sprachkurse_main {
	background-color: #032B57;
	width: 800px;
	text-align: left;
}

#module_titles h1.sprachaufenthalte {
        color:#fff;
        margin:0;
        height:33px;
        width: 190px;
        padding:12px 0 0 10px;
        font-size:11px;
        font-weight:bold;
        font-family:Verdana, Tahoma,Helvetica,sans-serif;
        background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/infobox-bg-ven.gif);
        background-repeat:repeat-x;
        text-decoration:none;
}

#module_titles h1.highschooljahr {
        color:#fff;
        margin:0;
        height:33px;
        width: 190px;
        padding:12px 0 0 10px;
        font-size:11px;
        font-weight:bold;
        font-family:Verdana, Tahoma,Helvetica,sans-serif;
        background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/infobox-bg-yl-ven.gif);
        background-repeat:repeat-x;
        text-decoration:none;
}

#module_titles h1.firmenunterricht {
        color:#fff;
        margin:0;
        height:33px;
        width: 190px;
        padding:12px 0 0 10px;
        font-size:11px;
        font-weight:bold;
        font-family:Verdana, Tahoma,Helvetica,sans-serif;
        background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/infobox-bg-ven.gif);
        background-repeat:repeat-x;
        text-decoration:none;
}

.nav_main {
    margin-top: 2px;
    height: 23px;
    border:1px solid #0050a2;
    background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/learn-bg-ex-ven.gif);
    background-repeat:repeat-x;
}

#quick_boxes {
	float: left;
	width: 998px;
        border: solid 1px #032B57;
	text-align: center;
        background-image: url(http://www.lsizh.ch/sprachaufenthalte/images/topbar-bg-ven.gif);
        background-repeat: repeat-x;
}

#quick_boxes div {
	width: 200px;
	float: left;
        height: 25px;
}

#quick_boxes h1 {
	display: block;
	margin: 0 auto;	
	padding: 2px 0;
	width: 200px;
	float: left;


    color:#003563;
    font-size:13px;
    font-weight:bold;
    font-family:Tahoma,Helvetica,sans-serif;
    height:21px;
    padding-top: 4px;
    text-decoration:none;
}

#quick_boxes div ul {
	width: 998px;
	margin-top: 24px;
	position:absolute;
	z-index: 100;
        margin-bottom: 10px;
        padding-left: 0;
        border: solid thin #339;
        background-color: #fff;
}

#quick_boxes div ul li.first {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    line-height: 22px;
    text-align: left;
}

#quick_boxes div ul li {
        float: left;
	margin: 0 0 0 20px;
	padding: 0;
        line-height: 22px;
        text-align: left;
}

#quick_boxes div ul li a {
    text-decoration: none;
    color: #333399;
}

#quick_boxes div ul li a:hover {
    text-decoration: underline;
}

.languageBox{
    background-color:#FFF;
    width:998px;
    height: 25px;
    visibility:hidden;
    border-right:1px solid #339;
    border-left:1px solid #339;
    border-bottom:1px solid #339;
    padding-top: 5px;
}

.languageBox ul {
    padding-left: 0;
    margin-top: 0;
}

.languageBox ul li.first {
    list-style-type: none;
    margin-left: 7px;
}

.languageBox ul li {
    float: left;
    margin-left: 20px;
}

.languageBox ul li a {
    color: #339;
}

#sub_navigation {
	clear: both;
	float: left;
	width: 998px;
        height: 25px;
	margin: 0 auto;
	padding: 0;        
        border:1px solid #0050a2;
        background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/topbar-bg-ven.gif);
        background-repeat:repeat-x;
}

#sub_navigation ul {
	margin: 0;
	padding: 0;	
}

#sub_navigation ul li {
	float: left;	
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 3px 0 7px 5px;
}

#sub_navigation ul li a {
    color:#003563;
    font-size:13px;
    font-weight:bold;
    font-family:Tahoma,Helvetica,sans-serif;
    height:21px;
    margin:0;
    padding-top: 4px;
    text-decoration:none;
}

#sub_navigation a {
	text-decoration: none;

}

#sub_navigation ul li.active, #sub_navigation ul li.active a  {

}

#sub_navigation_links {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
        background-color: #D1DEE4;
}

#sub_navigation_links ul {
	margin: 0;
	padding: 0;	
}

#sub_navigation_links ul li {
	float: left;	
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 3px 4px 3px 3px;
	font-size: 9pt;
}

#sub_navigation_links a {
	text-decoration: none;	
}

#sub_navigation_links ul li.active a {
/* #sub_navigation_links ul li.active, 
	background-color: #919191;
	color: #fff; 	
	text-decoration: none;*/
        border-bottom: solid 3px #339;
}

#content {
    width: 1000px;
    clear: both;
}

#sidebar {
    width: 245px;
    float: left;
    margin-top: 20px;
    text-align: center;
}

#feedbacks, #corporate_logos {
    width: 200px;
    text-align: center;
    margin: 0 auto;
}

#feedbacks img, #corporate_logos img {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

#booking_widget {
    width: 200px;
    margin: 0 auto;
    background-color: #D1DEE4;
    min-height: 50px;
    padding: 5px;
}

#booking_widget h3 {
    margin: 0;
    font-size: 12px;
}

#booking_widget select {
    font-size: 11px;
}

#main_content {
    float: right;
    min-height: 400px;
    background-color: #fff;
    width: 740px;
    margin: 20px 0;

}

#main_content h1, #content h1 {
	color: #333399;
	font-size: 18px;
	font-family: Verdana;
        margin-top: 0;
}

#main_content h1 a {
	font-size: 12px;
        margin: 0;
}

#main_content h2 {
	color: #333399;
	font-size: 14px;
        margin-top: 0;
}

#main_content h3 {
	color: #333399;
	font-size: 13px;
        margin-top: 0;
}

h4.top_heading {
    font-size:12px;
    font-weight:normal;
    color:#fff;
    background-image:url(/images/title-blue-bg.gif);
    background-repeat:no-repeat;
    height:21px;
    padding:4px 0 0 0;
    margin:0;
}

#main_content h4 {
    font-size:12px;
    font-weight:normal;
    color:#fff;
    background-image:url(/images/title-blue-bg.gif);
    background-repeat:no-repeat;
    height:21px;
    padding:4px 0 0 20px;
    margin:0 0 5px 0;
}

span.course_list_title {
	font-weight: bold;
}

span.course_list_entries a {
	font-weight: bold;
	color: #ff0000;
}

.inner_sidebar {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.inner_sidebar h3 {
    margin: 0;
}

.price_type_table {
    border: solid 1px #000;
    border-collapse: collapse;
}

.start_dates {
    width: 413px;
}

.start_dates ul {
    padding-left: 15px;
    margin: 0;
}

.start_dates ul li {
    float: left;
    margin-right: 20px;
}

#booking_container {
    width: 450px;
    float: left;
}

#booking_container h3 {
    margin-bottom: 0;
}

#booking_container ul {
    padding-left: 0;
    margin-top: 0;
}

#booking_container ul li {
    list-style-type: none;
}

#booking_container h3#booking_price {
    float: left;
    margin-left: 10px;
}

#booking_container input, textarea, select {
    float: none;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
}

#personal_information {
    width: 280px;
    float: right;
}

fieldset.base_form {
    border: none;
}

fieldset.base_form label {
    display: block;
    width: 120px;
    float: left;
    margin-top: 2px;
}

fieldset.base_form input,
fieldset.base_form textarea,
fieldset.base_form select {
    float: left;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
}

fieldset.hs_form {
    border: none;
    margin-bottom: 15px;
}

fieldset.hs_form legend {
    background-color: #339;
    color: #fff;
    padding: 3px;
    font-weight: bold;
    margin-bottom: 5px;
}

fieldset.hs_form label {
    display: block;
    width: 120px;
    float: left;
    margin-top: 2px;
}

fieldset.hs_form input {
    float: left;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
    width: 196px;
}

fieldset.hs_form textarea {
    float: left;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
    width: 315px;
}

fieldset.hs_form select {
    float: left;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
}

fieldset.hs_form ul.errors {
    margin: 0;
}

fieldset.corp_form {
    border: none;
    margin-bottom: 15px;
}

fieldset.corp_form legend {
    background-color: #339;
    color: #fff;
    padding: 3px;
    font-weight: bold;
    margin-bottom: 5px;
}

fieldset.corp_form label {
    display: block;
    width: 225px;
    float: left;
    margin-top: 2px;
}

fieldset.corp_form input,
fieldset.corp_form textarea,
fieldset.corp_form select {
    float: left;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
}

fieldset.corp_form ul.errors {
    margin: 0;
}

.required {
    color: #ff0000;
}

ul.errors {
    clear: both;
    margin-left: 120px;
    margin-top: 0;
    padding: 0;
    color: #ff0000;
    list-style-type: none;
}

.element_error {
    border: solid 2px #ff0000!important;
    background-color: #FFFFE0;
}

.error_message {
    border: solid 2px #ff0000!important;
    background-color: #FFFFE0;
    padding: 5px;
    width: auto;
}

#personal_information fieldset {
    border: none;
    padding: 0;
}

#personal_information fieldset legend {
    background-color: navy;
    color: #fff;
    margin: 0;
    padding: 3px;
}

#personal_information fieldset label {
    display: block;
    width: 110px;
    float: left;
    margin-top: 2px;
}

#personal_information fieldset input {
    float: right;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
    width: 155px;
}

#personal_information fieldset textarea {
    float: right;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
    width: 275px;
}

#contacts_widget div {
    width: 200px;
    float: left;
    padding-bottom: 10px;
    text-align: center;
    background-color: #D1DEE4;
}

#contacts_widget div.middle {
    margin: 0 70px;
}

#contacts_widget div h3 {
    display: block;
    width: 200px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background-color: #339;
    margin: 0;
}

#contacts_widget div a {
    color: #339;
    text-decoration: none;
}

ul.corporate_courses {
    float: left;
    text-align: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.corporate_courses li a {
    display:block;
    width:auto;
    font-weight:normal;
    text-decoration:none;
    color:#333;
    margin:0;
    padding:.5em .2em .5em 1.5em;
    background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/arrow-grey.gif);
    background-repeat:no-repeat;
    background-position:3px 50%;
}

ul.corporate_courses li a:hover {
    background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/arrow-blue.gif);
}

.warning {
    background-color: lightyellow;
    border: solid 1px #000;
    padding: 5px;
    margin: 0;
}

input#special_offer_code {
    float: left;
    border: solid 1px navy;
    font-size: 12px;
    font-weight: normal;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #000;
}

#footer {
	height: auto;
	width: 100%;
	clear: both;
	margin: 0 auto;
        color: #ffffff;

    background-image:url(http://www.lsizh.ch/sprachaufenthalte/images/footer-bg.gif);
    background-repeat:repeat-x;
    background-position:top;

}

#footer p {
    padding: 7px 5px 5px 5px;
    margin: 0;
    font-size: 10px;
    text-align: center;
}

#footer div#data {
    min-height: 200px;
    width: 100%;
    background-color: #D1DEE4;
    color: #000;
    overflow: auto;
    padding-top: 20px;
}

#footer div#data div.container{
    margin: 0 auto;
    width: 1000px;
}

#footer div#data div.container div {
    float: left;
    width: 300px;
}

#footer div#data div.container div ul {
    background-color: #DEE7EB;
    margin-top: 5px;
    margin-right: 10px;
    padding: 5px;
}

#footer div#data div.container div ul li {
    list-style-image: url(http://www.lsizh.ch/sprachaufenthalte/images/arrow-blue.gif);
    list-style-position: inside;
}

#footer div#data div.container div ul li a {
    color: #505050;
    text-decoration: none;
    font-size: 11px;
}

#footer div#data div.container div h1 {
    font-size:13px;
    font-weight:normal;
    color:#0050a2;
    margin:0;
}

div.gallery {
    clear: both;
    width: 100%;
    height: auto;
    overflow: auto;
}

div.gallery img {
    border: solid 1px #000;
}

div.gallery a {
    text-decoration: none;
    display: block;
    float: left;
    margin: 10px;
}

div.testimonial_data {
    width: 200px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #D1DEE4;
}

div.testimonial_data p {
    padding: 0 5px 5px 5px;
    margin: 0;
}

#feedback_form li {
    margin-bottom: 20px;
}

#feedback_form li ol {
    list-style-type: none;
    padding: 0;
}

#feedback_form li ol li {
    margin-bottom: 0;
}

#feedback_form_main {
    clear: both;
    margin-bottom: 50px;
}


#feedback_form_main label {
    display: block;
    width: 150px;
    float: left;
}

#feedback_form_main label.right {
    text-align: right;
    margin-right: 5px;
}

#feedback_form_main input {
    float: left;
    font-size: 11px;
    font-family: Tahoma, Verdana, Helvetica;
    border: solid 1px #000;
}