/* *** Webseite Kinder- und Jugendtheater Turgi, www.kjt-turgi.ch *** */
/* *** Version 1.0, 23.02.2008 Ersterstellung *** */

/* 1. Nav. #8F2424
   2. Nav. #FF9F9F
   3. Nav. #FFCFCF */


/* *** Haupteinstellungen *** */
body {font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:20px; margin:0px; background: #e6e6e6; line-height: 15px;}
body.print {font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:20px; margin:0px; background: #ffffff; line-height: 15px;}

/* ---------- Container zentriert das Layout -------------- */
#container {width: 1000px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; border: 0 none; background-color: #ffffff;} 

/* ---------- Banner fuers Logo -------------- */
.banner {text-align: center; background-color: #CC3333; height: 80px; vertical-align: middle; background-image: url(../images/vorhang.gif); background-repeat: repeat; color: #FFFF66; font-size: 26px; font-weight: bold;}

/* -------------- Linke und Rechte Navigavtion ------------- */
.left {width:200px;	background-color: #CC3333; background-image: url(../images/vorhang.gif); background-repeat: repeat-y; background-position: top;	padding-top: 15px; padding-bottom: 15px;}
.right {width:200px; background-color: #CC3333;	background-image: url(../images/vorhang.gif); background-repeat: repeat-y; background-position: top; padding-top: 15px; padding-bottom: 15px;}
.content {width:580px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; background-image: url(../images/licht.gif); background-repeat: repeat-x;}

/*  ---------------- Fusszeile ---------------------- */ 
.footerline {color:#ffffff;	text-transform:uppercase; background-color: #666666; text-align: right;	padding-top: 5px; padding-bottom: 5px;}

/* -------------- Navigavtion 1. Stufe ------------- */
ul.nav1 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:200%; width:200px;}
ul.nav1 li{margin:0; padding:0; border-top:1px solid #ffffff; border-bottom:1px solid #fff;}
ul.nav1 li a{display:block; text-decoration:none; color:#fff; background:#8F2424; padding:0 0 0 10px; width:190px;}
ul.nav1 li a:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px;}
ul.nav1 li a.aktiv1, ul.nav1 li a.aktiv1:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px;}

/* -------------- Navigavtion 2. Stufe ------------- */
ul.nav2 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:180%;width:200px;}
ul.nav2 li{margin:0; padding:0;}
ul.nav2 li a.normal2{display:block; text-decoration:none; color:#000; background:#FF9F9F; padding:0 0 0 20px; width:180px;}
ul.nav2 li a:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px; color:#fff}
ul.nav2 li a.aktiv2, ul.nav2 li a.aktiv2:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px;color:#FFF; padding:0 0 0 20px; width:180px;}

/* -------------- Navigavtion 3. Stufe ------------- */
ul.nav3 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:165%;width:200px;}
ul.nav3 li{margin:0; padding:0;}
ul.nav3 li a.normal3{display:block; text-decoration:none; color:#000; background:#FFCFCF; padding:0 0 0 30px; width:170px;}
ul.nav3 li a:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px;color:#fff}
ul.nav3 li a.aktiv3, ul.nav3 li a.aktiv3:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px; color:#FFF; padding:0 0 0 30px; width:170px;}

/* -------------- Navigavtion 4. Stufe ------------- */
ul.nav4 {margin:0; padding:0; list-style-type:none; display:block; font:bold 12px Verdana, Arial, SunSans-Regular, Sans-Serif; line-height:165%;width:200px;}
ul.nav4 li{margin:0; padding:0;}
ul.nav4 li a.normal4{display:block; text-decoration:none; color:#000; background:#e6e6e6; padding:0 0 0 40px; width:160px;}
ul.nav4 li a:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px;color:#fff}
ul.nav4 li a.aktiv4, ul.nav4 li a.aktiv4:hover{background:#cc3333 url("../images/arrow.gif") no-repeat 0 7px; color:#FFF; padding:0 0 0 40px; width:160px;}

/* *** Navigationseinstellung f�r das Plugin jm_gallery *** */
#jm-gallery-album-pagebrowser a {color: #cc3333;}
#jm-gallery-album-pagebrowser a:visited {color:#cc3333;}
#jm-gallery-album-pagebrowser a:hover {color: #cc3333;}
#jm-gallery-album-pagebrowser a:active { color:#cc3333;}

/* *** Sonstige Formatierungen *** */
a {color: #cc3333;}
a:visited {color:#cc3333;}
a:hover {color: #cc3333;}
a:active { color:#cc3333;}

h1 {font-size:20px;	font-weight: normal; line-height: 27px;}
h2 {font-size:18px; font-weight: normal; line-height: 24px;}
h3 {font-size:16px; font-weight: normal; line-height: 21px;}
h4 {font-size:14px; font-weight: normal; line-height: 18px;}
h5 {font-size:13px; font-weight: normal; line-height: 17px;}
h6 {font-size:12px; font-weight: normal; line-height: 16px;}

.rot {font-weight: bold; color: #FFFFFF; background-color: #8F2424;}
.table_border {border: 1px solid #8F2424;}

/* *** Linie danach *** */
.csc-frame {border: 1px solid #294879;}