/* Basisvorlage CSS, Fliegerstaffel 11
www.fliegerstaffel11.ch
Start: 10.05.2009
Letzte Aenderung: 20.11.2009
*/

/* Farbschema
----------------------------------------------------------------------------------------*/
/*
Schwarz: #000000
Gelb:    #ffb900
Silber:  #c0c0c0
*/

/* Reset
----------------------------------------------------------------------------------------*/
* {
   padding: 0;
   margin: 0;
   border: 0;
}

/* Gobals und Typo
----------------------------------------------------------------------------------------*/
html {
   background: #000000;
}

html>body {
   font-size: 12px;
}

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

/* Macht die gepunktete Linie um geklickte Links unsichtbar
----------------------------------------------------------------------------------------*/
a:focus {
   outline: none;
}

/* Definition der Text-Klassen
--------------------------------------------------------------------------------------- */
body {
   font: 12px Arial, sans-serif;
   letter-spacing: 0.08em;
   line-height: 18px;
   color: #ffb900;
   text-align: center;
}

p {
   margin-bottom: 10px;
}

h1 {
   font: 16px Arial, sans-serif;
   font-weight: bold;
   letter-spacing: 0.08em;
   color: #ffb900;
}

li {
   list-style-type: disc;
   list-style-position: outside;
   margin-left: 20px;
}

td {
   font: 12px Arial, sans-serif;
   letter-spacing: 0.08em;
   line-height: 18px;
   color: #ffb900;
}

.header {
   font: 12px Arial, sans-serif;
   color: #ffb900;
}

.navigation {
   font: 16px Arial, sans-serif;
   font-weight: bold;
   letter-spacing: 0.08em;
   line-height: 30px;
   color: #ffb900;
}
a.navigation:link {
   text-decoration: none;
}
a.navigation:visited {
   text-decoration: none;
}
a.navigation:hover {
   color: #c0c0c0;
   text-decoration: none;
}
a.navigation:active {
   color: #c0c0c0;
   text-decoration: none;
}

.navigation_active {
   font: 16px Arial, sans-serif;
   font-weight: bold;
   letter-spacing: 0.08em;
   line-height: 30px;
   color: #c0c0c0;
}
a.navigation_active:link {
   text-decoration: none;
}
a.navigation_active:visited {
   text-decoration: none;
}
a.navigation_active:hover {
   text-decoration: none;
}
a.navigation_active:active {
   text-decoration: none;
}

.navigation_2 {
   font: 14px Arial, sans-serif;
   letter-spacing: 0.08em;
   line-height: 24px;
   padding-left: 20px;
   color: #ffb900;
}
a.navigation_2:link {
   text-decoration: none;
}
a.navigation_2:visited {
   text-decoration: none;
}
a.navigation_2:hover {
   color: #c0c0c0;
   text-decoration: none;
}
a.navigation_2:active {
   color: #c0c0c0;
   text-decoration: none;
}

.navigation_2_active {
   font: 14px Arial, sans-serif;
   letter-spacing: 0.08em;
   line-height: 24px;
   padding-left: 20px;
   color: #c0c0c0;
}
a.navigation_2_active:link {
   text-decoration: none;
}
a.navigation_2_active:visited {
   text-decoration: none;
}
a.navigation_2_active:hover {
   text-decoration: none;
}
a.navigation_2_active:active {
   text-decoration: none;
}

.sitemap1 {
   font: 12px Arial, sans-serif;
   font-weight: bold;
   letter-spacing: 0.08em;
   line-height: 20px;
   color: #ffb900;
}
.sitemap2 {
   font: 12px Arial, sans-serif;
   letter-spacing: 0.08em;
   color: #ffb900;
}
.sitemap3 {
   font: 12px Arial, sans-serif;
   font-style: italic;
   letter-spacing: 0.08em;
   color: #ffb900;
}
.sitemap4 {
   font: 10px Arial, sans-serif;
   letter-spacing: 0.08em;
   color: #ffb900;
}

.footer {
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: center;
}

.totop {
   font: 12px Arial, sans-serif;
   color: #ffb900;
}

.update {
   font: 10px Arial, sans-serif;
   color: #ffb900;
}


/* Definition der Typo3-eigenen Klassen
--------------------------------------------------------------------------------------- */
.external-link-new-window {
   font: 12px Arial, sans-serif;
   color: #ffb900;
}

.mail {
   font: 12px Arial, sans-serif;
   color: #ffb900;
}

/* Formular ohne css_styled_content */
.form {
   font: 12px Arial, sans-serif;
   letter-spacing: 0.08em;
   line-height: 18px;
   color: #ffb900;
}	 


/* Formular mit css_styled_contetnt */
fieldset.csc-mailform {
   border:0;
}

fieldset.csc-mailform label {
   width: 150px;
   float: left;
   text-align: right;
   margin-right: 10px;
   display: block
}


fieldset.csc-mailform input,fieldset.csc-mailform textarea {
   margin-bottom: 10px;
}

#mailformformtype_mail {
   background:#ffb900;
   color:#000000;
   font: bold 16px Arial, sans-serif;
   letter-spacing: 0.08em;
   width:auto;
   margin-bottom: 50px;
}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */
img, a img {
   border: 0;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um noetige Floats aufzuloesen.
--------------------------------------------------------------------------------------- */
#mainwrapper {
   margin: 0 auto;
   text-align: left;
   width: 960px;
}

#logo {
}

#leftwrapper {
   float: left;
   overflow: hidden;
   width: 300px;
}

#stripe {
   float: left;
}

#sidebar {
   border-left: 10px solid #000000;
   float: right;
   width: 180px;
}

#menu {
   padding-top: 30px;
   padding-bottom: 15px;
}

#language {
   padding-top: 3px;
   padding-bottom: 15px;
}

#search {
   padding-top: 3px;
   padding-bottom: 15px;
}

#rightwrapper {
   float: right;
   width: 600px;
}

#header {
   text-align: right;
   padding-top: 3px;
   padding-bottom: 15px;
}

#content {
   min-height: 400px;
}

#lastupdate {
   float: left;
   text-align: left;
   padding-top: 15px;
   padding-bottom: 15px;
}

#totop {
   float: right;
   text-align: right;
   padding-top: 15px;
   padding-bottom: 15px;
}

#footer {
   border-top: 1px solid #ffb900;
   border-bottom: 1px solid #ffb900;
   clear: both;
   padding-top: 3px;
   padding-bottom: 3px;
}


/* Klassen ve_guestbook
--------------------------------------------------------------------------------------- */

.tx-guestbook-listheader td {
   background: #ffb900;
   color: #000000;
   font: bold 12px Arial, sans-serif;
   letter-spacing: 0.08em;
   border: 1px solid #ffb900;
   padding: 6px 6px 3px 6px;
}

.tx-guestbook-userdata td {
   background: #ffb900;
   color: #000000;
   font: 10px Arial, sans-serif;
   letter-spacing: 0.08em;
   border: 1px solid #ffb900;
   padding: 0px 6px 6px 6px;
}

.tx-guestbook-userdata p {
   margin: 0px;
}

.tx-guestbook-userdata a:link, .tx-guestbook-userdata a:visited, .tx-guestbook-userdata a:active {
   color: #000000;
   font: 10px Arial, sans-serif;
   letter-spacing: 0.08em;
   text-decoration: none;
}

.tx-guestbook-userdata a:hover {
   color: #000000;
   font: 10px Arial, sans-serif;
   letter-spacing: 0.08em;
   text-decoration: underline;
}

.tx-guestbook-content td {
   background: #000000;
   color: #ffb900;
   font: 12px Arial, sans-serif;
   letter-spacing: 0.08em;
   border: 1px solid #ffb900;
   padding: 12px 6px;
}

.tx-guestbook-content p {
   margin: 0px;
}

.tx-guestbook-content h3 {
   font: italic bold 11px Arial, sans-serif;
   letter-spacing: 0.08em;
   margin-top: 10px;
}

.tx-guestbook-commenttext {
   font: italic 11px Arial, sans-serif;
   letter-spacing: 0.08em;
}

.tx-guestbook-field label {
   clear: both;
   display: block;
   float: left;
   width: 120px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.tx-guestbook-field input.tx-guestbook-form-inputfield-med {
   float:left;
   width:120px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.tx-guestbook-field input.tx-guestbook-form-inputfield-big {
   float:left;
   width:240px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.tx-guestbook-captcha {
   clear:both;
   display:block;
   margin-left:120px;
}

.tx-guestbook-field textarea.tx-guestbook-form-textarea {
   width: 480px;
   display: block;
   float: left;
   margin-top: 10px;
   margin-bottom: 10px;
}

input.tx-guestbook-submit {
   clear:both;
   display:block;
   background:#ffb900;
   color:#000000;
   font: bold 16px Arial, sans-serif;
   letter-spacing: 0.08em;
   width:auto;
   margin-bottom: 50px;
}