/* Copyright 2006 Aurel Greiner, Size3 */

/* - main page layout -*/

html, body {
	height: 100%;
}
body {
	font-size: 70%;
	color: #393444;
	background-image:url(backgrounds/bg.gif);
	background-repeat: repeat-x;
	background-color: #e5e5e5;
}
body>#container{
	height: auto;
}
* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: none;
}
#container, #header, #contentarea, #footer{
	width: 940px;
}
a, a:visited {
	color:  #000099;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
#container {
	position: relative;
	height: 100%;
	min-height: 100%;
	background: url(backgrounds/main.gif) repeat-y;
	background-color: #ffffff;
	margin: 0 auto;
}
.home {
	margin-top: 100px;
	padding: 9px;
	border-top: solid 1px #000099;
	border-bottom: solid 1px #000099;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

/* - - -*/

/* -  header  element & class definitions -*/

#header {
	height: 134px;
	background-image:url(backgrounds/header.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
#size3 {
	float: left;
	padding: inherit;
}
#player {
	padding: 11px 20px 0 850px;
}
/* - M A I N  M E N U -*/
#menu {
	float: left;
	margin-top: 64px;
	padding-left: 2px;
	list-style-type: none;

}
#menu li{
	display: inline;
	margin: 0 4px;
}
.menu_1 #menu_1,
.menu_2 #menu_2,
.menu_3 #menu_3,
.menu_4 #menu_4,
.menu_5 #menu_5,
.menu_6 #menu_6{
	background-color: #000099;
	color: #FFFFFF;
}
#menu li a{
	padding: 0 28px;
	background-color: #FF9966;
	color: #000000;
	font-weight: bold;
	font-size: 130%;
	border: #000000 solid 1px;
/*	border-style: outset; */
}
#menu li a:hover{
	text-decoration: none;
	background-color:  #000099;
	color: #FFFFFF;
}
/* - end  M A I N  M E N U -*/

/* - - -*/

/* -  # contentara & navigation definitions -*/

#contentarea {
	padding-bottom: 70px;
}
.clearer{
	clear: both;
	font-size: 0;
	line-height: 0px;
	height: 0;
	list-style-position: inside;
}
#colleft {
	float: left;
	width: 180px;
	padding: 13px 0 0 8px;
}
#colright {
	float: right;
	width: 197px;
	padding: 13px 13px 0 0;
}
#navi {
	width: 172px;
	text-align: right;
	margin-bottom: 34px;
}
#navi li {
	list-style-type: none;
	font-weight: bold;
	border-bottom: 1px solid #e2e2e5;
}
#navi li a{
	display: block;
	text-transform: uppercase;
	padding: 6px 13px 7px 8px;
	line-height: 20px;
}
#navi a:hover{
 	background-color: #EEEEEE;
	text-decoration: none;
	color: #0099FF;
}
.navi_1 #navi_1>a,
.navi_2 #navi_2>a,
.navi_3 #navi_3>a,
.navi_4 #navi_4>a,
.navi_5 #navi_5>a,
.navi_6 #navi_6>a{
	background-color:  #000099;
	border-bottom: none;
	padding-top: 13px;
	color: #ffffff;
}
#subnavi_1 .subnavi_1,
#subnavi_2 .subnavi_2,
#subnavi_3 .subnavi_3,
#subnavi_4 .subnavi_4{
	font-weight: bold;
}
#navi li ul {
	display: none;
	padding-bottom: 9px;
}
#navi li ul li {
	border: none;
}
#navi li ul li a {
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	padding: 3px 13px 0 0;
}
#navi li ul li a:hover {
	text-decoration: underline;
	background: none;
}
.navi_1 #navi_1 ul, 
.navi_2 #navi_2 ul,
.navi_3 #navi_3 ul,
.navi_4 #navi_4 ul,
.navi_5 #navi_5 ul,
.navi_6 #navi_6 ul{
	display: block;
}

/* - content definitions- */

#colcontent {
	background-image: url(backgrounds/colcontent.gif);
	background-repeat: no-repeat;
}
.ccwide {
	float: right;
	width: 752px;
}
.ccsmall {
	float: left;
	width: 541px;
}
.ccwide #content {
	padding-right: 60px;
}
#content {
	padding: 30px 40px 30px 40px;
	line-height: 140%;
}
#content p{
	text-align: justify;
}
#content h2 {
	font-size: 14px;
	margin: 12px 0 15px 0;
}
#content h3 {
	font-size: 15px;
	margin: 12px 0 15px 0;
	line-height: 160%;
	font-weight: normal;
}

/* - boxes definitions - */

.boxleft div.boxin, .boxright div.boxin {
	padding-bottom: 8px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.boxleft, .boxright {
	background-repeat: repeat-y;
	margin-bottom: 13px;
}
.boxleft h2, .boxright h2 {
	background-repeat: no-repeat;
	padding: 5px 8px 2px 8px;
	text-transform: uppercase;
	font-size:11px;
	height: 16px;
}
.boxleft h3, .boxright h3 {
	font-size: 12px;
	padding: 6px 8px 7px 0;
}
.box_link {
	font-weight: bold;
	background-image: url(box/pf.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 8px 8px 8px 35px;
}
.bbordertop {
	border-top: 1px solid #e2e2e5;
}
.box_text {
	padding: 5px 8px 6px 8px;
}
.box_title {
	display: block;
	padding: 1px 8px 7px 0;
}
.boxleft ul, .boxright ul{
	padding-left: 20px;
}

/* - box left - */

.boxleft {
	width: 172px;
	background-image: url(box/bg_left.gif);
}
.boxleft div.boxin {
	background-image: url(box/bottom_left.gif);
}
.boxleft h2 {
	background-image: url(box/grey_left.gif);
}
.round_left {
	background: url(box/round_left.gif) left top no-repeat;
	border: none;
	font-size: 11px;
	padding: 5px 8px 2px 8px;
}

/* - box right - */

.boxright {
	width: 197px;
	background-image: url(box/bg_right.gif);
}
.boxright div.boxin {
	background-image: url(box/bottom_right.gif);
}
.boxright h2 {
	background-image: url(box/grey_right.gif);
}
.round_right {
	background: url(box/round_right.gif) left top no-repeat;
	border: none;
	font-size: 11px;
	padding: 5px 8px 2px 8px;
}

/* - box login - */

#box_login {
	padding: 8px 8px 8px 8px;
}
#box_login input, #box_login select {
	width: 160px;
	margin: 2px 0 6px 0;
}
#box_login select {
	width: 168px;
}
#box_login .ip_senden {
	width: 166px;
	margin: 16px 0 8px 0;
}

/* - - -*/

/* - font & style definitions - */

h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 13px 0 21px 0;
	line-height: 140%;
}
.important {
	color:#FF0000;
	font-size: 15px;
	font-weight:bold;
	text-decoration: blink;
}
.important a{
	color:#FF0000;
	text-decoration:none;
}
.line {
	border-bottom: 1px solid #9c99a1;
	margin: 16px 0 8px 0;
}
.box_line {
	border: 1px solid #CCCCCC;
}
.stronger {
	text-transform: uppercase;
}
.content_box {
	background: #EEEEEE;
	border: 1px solid #000000;
	margin-top: 30px;
	padding: 15px;
}

/* - image definitions- */

#flashcontent {
	height:600px;
}
.image_end {
	clear: both;
}
.image_left, .image_right {
	border: 5px solid #EEEEEE;
}
.image_left, .image_left1 {
	float: left;
	margin-right: 10px;
}
.image_right {
	float: right;
	margin-left: 10px;
}
.image_border {
	border: 3px solid #CCCCCC;
}
.preise img {
	border: 3px solid #CCCCCC;
}
/* - - -*/

/* - footer definitions- */

#footer {
	clear: both;
	bottom: 0px;
	position: absolute;
}
#courtesy, #copyright {
	font-size: 10px;
	padding: 0 9px 0 9px;
}
#courtesy {
	color: #d3d1d7;
	padding-top: 20px;
	padding-bottom: 8px;
}
#courtesy a, #courtesy a:visited {
	color: #504a5e;
}
#copyright {
	height: 24px;
	background-image: url(backgrounds/footer.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
}
#copyright p {
	float: left;
	color: #ffffff;
}
#copyright div {
	float: right;
}
#copyright a {
	color: #FFFFFF;
}
#copyright a:hover {
	font-weight: bold;
}
.footer_1 #footer_1,
.footer_2 #footer_2,
.footer_3 #footer_3 {
	font-weight: bold;
}


/* - - -*/

/* - sitemap definitions- */

#sitemap ul {
	list-style: none;
	padding: 1px 0px 10px 40px;
}
#sitemap li{
}


/* - - -*/

/* - list definitions- */

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

/* - - -*/

/* - form elements - */

input, select, textarea {
	color: #694d3a;
	background-color:#FFFFFF;
	font-size: 12px;
	border: 1px solid #b8b5be;
	padding: 2px;
}
.ip_senden {
	width: 120px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color:  #000099;
	border: 1px solid #000000;
	padding: 2px 10px 2px 10px;
}

/* - - -*/

/* table definitions*/

table {
	width: 100%;
	text-align: left;
	/*vertical-align: top;*/
	margin-bottom: 8px;
}
.repertoire {
	width: 80%;
	/*background-color: #CCCCCC;*/
}
.repertoire th{
	background-color: #d5d3d8;
	border-top: 1px solid #bdbbc2;
}
.repertoire td {
	border: 1px solid #CCCCCC;
}
.preise th {
	background-color: #d5d3d8;
}
.preise td {
	border-bottom: 1px solid #CCCCCC;
}
.preise strong {
	color: #000099;
	font-size: 14px;
}
.impressum {
	width: 60%;
}
.admin th {
	background-color: #CCCCCC;
}
th, td {
	padding: 5px 8px 5px 8px;
	/*border: 1px solid #CCCCCC;*/
	vertical-align: top;
	text-align:left;
}
.recordings {
	vertical-align: bottom;
	border-left: 1px solid #666666;
}
tr {
	background-color: #fafafb;
}
tr.white {
	background-color: #FFFFFF;
}
tr.black {
	background:#EEEEEE;
}
.tableline td {
	border-bottom: 1px solid  #d5d3d8;	
}

/* - (c)by SIZE3.ch -*/



#sb.body{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #006;
}
/**
 * Linie
 */
 
#sb hr {
	height:1px;
	color: #CA090E;
}
/**
 * Username
 */
 #sb .userName{
 	font-size: 13px;
 	color: #000000;
 	font-weight: bold;
 }
#sb .date {
	font-size:9px;
	color:#6693E6;
	float:right;
	padding-right:4px;
}

/**
 * Rahmen für die Shoutbox
 */
 
#sb .tableBorder{   
  	color: #5E5E5E;
	width:100%;
	background-color: #000099;
	font-size: 12px;
}
/**
 * Schriftgröße, Schriftart
 */
#sb TABLE,
#sb TD,
#sb TR,
#sb DIV {
	font-size: 11px;
	color: #000000;
	line-height: 16px;
}
/**
 *  Seitennavigation 
 *  Blätternavigation im Archiv darstellen
 */

#sb .archivePageNavi {
	background-color: #153C82;
	border: 1px solid #1B49A0;
	font-weight: bold;
	padding: 5px;
}

/**
 *  Farbwechsler
 *  Kommentare mit abwechselnden Farben darstellen
 */
#sb .color_1{
	padding: 5px;
  	background-color: #EEEEEE;
}
#sb .color_2{
	padding: 5px;
   	background-color: #FFFFFF;
}
/**
 *  Farbwechsler
 *  Smilies im Archiv mit abwechselnden Farben darstellen
 */
#sb .smColor_1, #sb .archiveColor_1 {
	padding:5px;
	background-color: #EEEEEE;
}

#sb .smColor_2, #sb .archiveColor_2 {
	padding:5px;
	background-color: #FFFFFF;
} 
/**
 * Input, Textarea und Select
 */
#sb form {
	margin: 0px;
}
/**
 * Input, Textarea und Select
 */

#sb input, 
#sb textarea, 
#sb select{
	color: #694d3a;
	background-color:#FFFFFF;
	font-size: 12px;
	border: 1px solid #b8b5be;
	padding: 2px;
	margin-bottom: 2px;
}
/**
 * Laenge von Input, Textarea und Select
 */
#sb .inputWidth{
	width:100%;
}

/**
 * Button Style und Länge
 */
#sb .buttons{
	width: 50%;	
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FF9966;
	border: 1px solid #000000;
}
#sb .buttonDisplay {
	white-space:nowrap;
	text-align:center;
}
/**
 * Linkstyles
 */

#sb A, 
#sb A:link.sb, 
#sb A:hover.sb,
#sb A:visited.sb,
#sb A:active.sb{
	color: #00F;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
}
#sb A:hover.sb {
	color:#FF0000;

}
#sb A:visited.sb{
	color: #FF0000;	
}
#sb A:active.sb{
	color:#FF0000;

}

/**
 * Farbe für Fehlermeldungen
 */
#sb .error{
	color: #FF0000;
	text-align:center;
	background-color:#FFBEBE;
	padding:2px;
	border:1px solid red;
}