/* CSS-File für die allgemeine Formatierung von www.luisyannatango.ch
   Erstellt von Christian Stehli, www.chstehli.ch
   Alle Rechte liegen bei Luis y Anna Tango, Basel */


body { font-family:Arial, sans-serif; background-color: rgb(255,255,255); background-image:url(../image/background.jpg);  }

/* ============================== Formatierung Container ===================== */

div.main_home { position:absolute; top:0px; left:0px; width:933px; height:538px;
                background-image:url(../image/home.png); }

div.main_portrait { position:absolute; top:0px; left:0px; width:931px; height:538px;
                    background-image:url(../image/portrait.png); }

div.main_portrait_luis { position:absolute; top:0px; left:0px; width:931px; height:538px;
                         background-image:url(../image/luis.png); }

div.main_portrait_anna { position:absolute; top:0px; left:0px; width:931px; height:538px;
                         background-image:url(../image/anna.png); }

div.main_fotos { position:absolute; top:0px; left:0px; width:849px; height:538px;
                 background-image:url(../image/fotos.png); }

div.main_contact { position:absolute; top:0px; left:0px; width:931px; height:538px;
                   background-image:url(../image/contact.png); }

div.main_courses { position:absolute; top:0px; left:0px; width:931px; height:538px;
                   background-image:url(../image/courses.png); }

div.main_news { position:absolute; top:0px; left:0px; width:931px; height:538px;
                background-image:url(../image/news.png); }

div.main_events { position:absolute; top:0px; left:0px; width:931px; height:538px;
                  background-image:url(../image/events.png); }

/* ============================================ Formatierung Hauptmenu ============ */

div.main_navi { position:absolute; top:50px; left:200px; width:700px; height:20px; font-size:9pt; }

/* ========================================= Formatierung Content ================== */

div.content_title {  position:absolute; top:135px; left:200px; width:420px; height:20px; font-size:11pt;
                     color: red; font-weight:bold; }

div.content {  position:absolute; top:160px; left:200px; width:420px; font-size:9pt;
               color: black;  }

div.content_fotos {  position:absolute; top:100px; left:200px; width:420px; font-size:9pt;
                     color: black;  }

div.content_title_index {  position:absolute; top:90px; left:520px; width:220px; height:20px; font-size:10pt;
                           color: red; font-weight:bold; text-align:center; }

div.content_index {  position:absolute; top:110px; left:520px; width:220px; font-size:8pt;
                     color: black;  text-align:center; }

div.content_title_e1 {  position:absolute; top:135px; left:200px; width:420px; height:20px; font-size:11pt;
                        color: red; font-weight:bold; }

div.content_title_e {  position:absolute; top:290px; left:200px; width:420px; height:20px; font-size:11pt;
                       color: red; font-weight:bold; }

div.content_e1 {  position:absolute; top:180px; left:200px; width:420px; font-size:9pt;
                  color: black;  }

div.content_e {  position:absolute; top:335px; left:200px; width:420px; font-size:9pt;
                 color: black;  }

div.content_m {  position:absolute; top:180px; left:200px; width:420px; font-size:9pt;
color: black;  }

div.impressum {  position:absolute; top:550px; left:450px; width:200px; font-size:9pt;
                 color: white;  }

div.fotos {  position:absolute; top:480px; left:120px; width:100px; font-size:8pt;
             color: black; }

#sel { color: red; }

#sel1 { color: red; }

div.sub_navi { position:absolute; top:160px; left:0px; width:150px; /*height:200px; */font-size:9pt; color: white; }

p.sub_navi { text-align: right; margin-bottom:0px; }

#marker { position:relative; top:0px; left:0px; width:150px; height:1px; background-color:white; }

a:link { color:white; text-decoration:none; }
a:visited { color:white; text-decoration:none; }
a:focus { color:white; text-decoration:underline; }
a:hover { color:white; text-decoration:underline; }
a:active { color:white; text-decoration:none; }

a:link.postit { color:black; text-decoration:none; }
a:visited.postit { color:black; text-decoration:none; }
a:focus.postit { color:black; text-decoration:underline; }
a:hover.postit { color:black; text-decoration:underline; }
a:active.postit { color:black; text-decoration:none; }

a:link.download { color:red; text-decoration:none; font-size: 10pt;}
a:visited.download { color:red; text-decoration:none; font-size: 10pt; }
a:focus.download { color:red; text-decoration:underline; font-size: 10pt; }
a:hover.download { color:red; text-decoration:underline; font-size: 10pt; }
a:active.download { color:red; text-decoration:none; font-size: 10pt; }

span.main_navi { margin-right: 15px; }

span.fotos { margin-right: 5px; }

span.impressum { margin-right: 15px; }

h1.imp { font-size:9pt; color: red; font-weight:bold; margin-top:40px;}

h1.event { font-size:9pt; color: white; font-weight:bold; }

td.c1 { color: red; width: 100px; vertical-align:top; }

/* ========================================= Formatierung Tabelle Kurse ================== */

table.course { width: 400px;}

th.th_1 {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:20px;}

th.th_2 {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:140px;}

th.th_3 {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:80px;}

th.th_4 {background-color: #a9bf74;
         vertical-align:top; 
         font-size:10pt;
         font-weight:bold;
         width:40px;}

th.th_1a {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:40px;}

th.th_2a {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:20px;}

th.th_3a {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:80px;}

th.th_4a {background-color: #a9bf74;
         vertical-align:top;
         text-align: left;
         font-size:10pt;
         font-weight:bold;
         width:80px;}

th.th_5a {background-color: #a9bf74;
         vertical-align:top;
         font-size:10pt;
         font-weight:bold;
         width:40px;}