/* BASICS */

html {
    font-family:Verdana;
    font-size:12px;
    color:#6c6a6a;
    background-color:#9cc8eb;
    background-image:url(tapet.gif);
    overflow-y: scroll;
}

strong 
{
    font-weight:bold;
}

.checkbox
{
    margin-right:5px;
}

.admin-table td, .admin-table th {
    padding:4px;
    padding-right:30px;
    border-bottom:solid 1px #ccc;
    height:25px;
}

.admin-table tr.noborder td, .admin-table tr.noborder th {
    border-bottom:none;
    padding-bottom:0px;
    
}

.admin-table tr.small td, .admin-table tr.small th {
    font-size:10px;
    padding-top:0px;
}

th {
    font-weight:bold;
}

.calendarControl td, .calendarControl th {
    padding:0px;
    border:none;
}

h1 {
    font-size:18px;    
    color:#333;
    margin-bottom:10px;
    font-weight:bold;
}
h2 {
    font-size:15px;    
    color:#444;
    margin-bottom:10px;
    font-weight:bold;
}
h3 {
    font-size:15px;    
    color:#444;
    margin-top:20px;
    margin-bottom:10px;
    font-weight:bold;
}
h4 {
    font-size:13px;    
    color:#555;
    margin-top:15px;
    margin-bottom:10px;
    font-weight:bold;
}

p {
    margin-bottom:10px;
    line-height:18px;
}

ul {
    margin:20px;    
}
ul li {
    list-style-type:square;
    margin-bottom:10px;
    margin-left:10px;
}

ol {
    margin:20px;    
}
ol li {
    list-style-type:decimal;
    margin-bottom:10px;
    margin-left:20px;
}

.floatfix, .vert-spacer {
    display:block;
    clear:both;
    width:0px;
    height:0px;
    overflow:hidden;
}
.vert-spacer {
    height:10px;
}
.vert-spacer.large {
    height:20px;
}

a {
    color:#4484b2;
}


/* PAGE LAYOUT */
.page {
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    padding-top:40px;
    width:960px;
    position:relative;
}
.header {    
    background-color:#fff;
    height:140px;
    position:relative;
}
.header .logo {
    position:absolute;
    left:35px;
    top:10px;
}

.decor-top {
    height:20px;
}

.accordion-menu {
    width:630px;
    right:0px;
    top:0px;
    height:70px;
    position:absolute;
    overflow:hidden;
}
.accordion-menu .menu-item {
    overflow:hidden;
    width:210px;
    height:70px;
    position:absolute;
    top:0px;
}

.submenu {
    position:absolute;
    left:310px;
    top:80px;
    height:33px;
    padding-top:7px;
    padding-left:20px;
    width:600px;
}


.submenu a {
    display:block;
    float:left;   
    margin-right:10px;     
    color:#666;
    padding:3px;
    height:16px;
    padding-left:8px;
    padding-right:8px;
    text-decoration:none;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-bottom-color:#ddd;    
}
.submenu1 a.active, .submenu1 a.active:hover, .submenu1 a:hover {
    border-color:#77a0c0;   
    color:#000;
}
.submenu2 a.active, .submenu2 a.active:hover, .submenu2 a:hover {
    border-color:#cbc00e;
    color:#000;
}
.submenu3 a.active, .submenu3 a.active:hover, .submenu3 a:hover {
    border-color:#099a58;
    color:#000;
}
.submenu4 a.active, .submenu4 a.active:hover, .submenu4 a:hover {
    border-color:#a71907;
    color:#000;
}
.submenu5 a.active, .submenu5 a.active:hover, .submenu5 a:hover {
    border-color:#be4f6f;
    color:#000;
}
.submenu6 a.active, .submenu6 a.active:hover, .submenu6 a:hover {
    border-color:#bd9c5a;
    color:#000;
}
.submenu7 a.active, .submenu7 a.active:hover, .submenu7 a:hover {
    border-color:#7a7733;
    color:#000;
}
.submenu a.active {
    border-bottom-style:solid;
}


.image-container {
    width:250px;
    float:left;
    margin-right:40px;
    /* margin-left:40px; */
    padding-top:10px;
}
.text-area {
    width:540px;
    float:left;
}
.text-area.narrow {
    width:360px;
    padding-right:30px;
    border-right:dotted 1px #ccc;
    min-height:380px;
}
.right-col {
    width:180px;
    padding-left:30px;
    float:left;
}



.frontpage-links {
    margin-top:0px;
    margin-bottom:30px;
    /* margin-left:-40px;*/
    text-align:center;
}
.frontpage-links a 
{
    /*
    display:block;
    float:left;*/
    margin-right:34px;
}
.frontpage-links a:hover img
{
    position:relative;
    top:-2px;
}

.page .content {
    background-color:#fff;    
    padding-left:40px;
}
.no-bottom-padding {
    padding-bottom:0px;
}

.footer {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
    width:960px;
    height:100px;
    background-image:url(footer-bg.gif);
    background-repeat:no-repeat;
    background-position:left top;
    position:relative;   
}
.footer .content {
    color:#eee;
    text-align:center;
    font-size:11px;
    padding-top:34px;   /* 32px */
    margin-left:30px;
    margin-right:30px;
}
.footer p {
    line-height:14px;
    margin-bottom:6px;
}
.footer em {
    font-size:10px;
    font-style:normal;
    color:#bbb;    
}
.footer a {
    text-decoration:underline;
    color:#ccc;
}


/* FOOT NOTES */

.footnotes {
    margin-top:30px;
    padding-top:20px;
    border-top:dotted 1px #ccc;
    font-size:11px;
}


/* FORMS */

.formTable {
    margin-top:20px;
}
.formTable td {
    padding-right:20px;
    padding-bottom:3px;
}
.formTable .textField {
    border:solid 1px #ccc;
    background-color:#fcfcfc;
    padding:2px;
    padding-left:4px;
    padding-right:4px;
    font-family:Verdana;
    font-size:12px;
    width:250px;
}
.formTable .textField.langtude {
    position:absolute;
    left:0px;
    top:-100px;
}
.formTable .textField.zip {
    width:37px;
}
.formTable .textField.city {
    width:200px;
}
.formTable textarea {
    height:150px;
}

.blueButton {
    width:100px;
    height:25px;
}

.validationError {
    xcolor:#ffaf04;
    color:#04c1ff;
}

/* schema table */ 
table.schema
{
    margin:20px;
}
table.schema td
{
    padding-right:20px;
    padding-bottom:5px;
    padding-top:5px;
}


/* courses */

table.courses-table {
    width:600px;
    line-height:18px;
}
table.courses-table td, table.courses-table th {
    padding-bottom:8px;
    vertical-align:top;
}
table.courses-table td.col0 {
    width:80px;
}
table.courses-table td.col1 {
    width:210px;
}
table.courses-table td.col2 {
    width:140px;
}
table.courses-table td.col3 {
    width:170px;
    text-align:right;
    padding-top:15px;
}

table.courses-table td.divider {
    border-top:solid 1px #ccc;
    padding-bottom:8px;
}
.button {
    width:130px;
    height:30px;
}
.button.bold {
    font-weight:bold;
}
.button.wide {
    width:200px;
}
table.courses-table td.headerCell {
    padding-top:20px;
}
.statusIcon {
    margin-right:5px;
    vertical-align:middle;
}



/* sign-up */

table.signup-table {

}

table.signup-table td, table.signup-table th {
    padding-bottom:10px;
    vertical-align:middle;
}
table.signup-table th {
    width:120px;
}
table.signup-table .textField, table.admin-table .textField {
    border:solid 1px #ccc;
    background-color:#fcfcfc;
    padding:4px;
    padding-left:4px;
    padding-right:4px;
    font-family:Verdana;
    font-size:12px;
    width:250px;
}
table.signup-table .textField.zip {
    width:70px;
}
table.signup-table .textField.city {
    width:166px;
}
table.signup-table .textField.high, table.admin-table .textField.high {
    height:100px;
}  
.langtude {
    position:absolute;
    left:-3000px;
}


/* kontakt */
table.signup-table.narrow .textField {
    width:200px;
}


/* admin */
.admin-frame {
    padding:30px;
    padding-left:0px;
    width:900px;
    background-image:url(logo-small.jpg);
    background-repeat:no-repeat;
    background-position:800px 10px;
}

/* RSS box */
.rss-box 
{
    padding:7px;
    border:1px solid #d3d3d3;
    background-color:#f2f2f2;
}
.rss-box img
{
    vertical-align:middle;
    margin-right:5px;
    margin-bottom:5px;
}


/* FACEBOOK */
.facebook_box 
{
    float:left;
    margin-top:20px;
    height:50px;
    width:250px;
}
.addthis_button_facebook_like.at300b iframe
{
    width:105px !important;
}


/* LINKS */

ul.partner-links 
{
    width:630px;
    margin:0px;
    padding:0px; 
    margin-bottom:20px;   
}
ul.partner-links li
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    width:170px;
    margin-right:40px;
    margin-bottom:20px;
    float:left;
    height:240px;
    /*background-color:#eee;*/
}
ul.partner-links a
{
    /*margin-bottom:10px;*/
    font-size:13px;
    font-weight:bold;
    display:block;
}
ul.partner-links img
{
    display:block;
    margin-bottom:10px;
}