/*****************************
 File: outlook.css
******************************
 initial author: Nils Lindner
 last editor: Nils Lindner
 Version: 18.02.2007
******************************/
html {
	height: 99%;
	width: 99.99%;
}

body {
	background-color: #000000;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	scrollbar-3dlight-color:black;
	scrollbar-arrow-color:#333;
	scrollbar-track-color:#333;
	scrollbar-darkshadow-color:black;
	scrollbar-face-color:black;
	scrollbar-highlight-color:#333;
	scrollbar-shadow-color:black;
	background-image: url(../images/pagebk.jpg);
	background-position: center center;
	background-repeat: repeat-x;
}

/*Positionierung Zentriert*/
#inhalt {
	position:absolute;
	height:510px;
	width:900px;
	margin:-255px 0px 0px -450px;
	top: 50%;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: no;
/*	background-image: url(../images2008/bg960x500.jpg);
	background-repeat:no-repeat;*/
	background-color:#000000;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
}

#naviline {
	width: 900px;
	height:25px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	background-color: #000000;
	text-align: left;
}
#linkline a {
text-decoration:none;
color:#666;

}
#linkline a:hover {
text-decoration:underline;
color:#999;
}
#linkline {
	width: 900px;
	height:20px;
	text-align:center;
	color:#555;
	margin: 0;
	padding: 4px 0px;
	font-size:11px;
	white-space: nowrap;
}

#content {
	width: 900px;
	height:460px;
	text-align: left;
	background-image:url(../images/bg_linered_460intro.jpg);
	background-repeat:repeat-x;
	border-top: 3px solid #666;
} 
#contentintro {
	width: 900px;
	height:460px;
	text-align: left;
	background-image:url(../images/bg_linered_460.jpg);
	background-repeat:repeat-x;
	border-top: 3px solid #666;
} 
#contentleft {
	width: 450px;
	height:460px;
	float: left;
}
#contentmain {
	width: 410px;
	height:410px;
	text-align: left;
	
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	line-height: 18px;
	padding-left: 20px;
	overflow: auto;
}

/*#contentscroll {
	width: 460px; 
	height: 360px; 
	overflow: auto;
}*/

h1 {
	font-size: 20px;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 0px;
	line-height: 24px;
}
h2 {
	font-size: 14px;
	color: #FFCC00;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 8px;
	margin-top: 8px;
	line-height: 14px;
	text-transform: uppercase;
}
h3 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
}

.wichtig {
	font-size: 11px;
	color: #CC0000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}


.txtgreen {
	color: #00BB00;
	font-weight: bold;
}
.txtgold {
	font-size: 12px;
	color: #FFCC00;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 3px;
	line-height: 17px;
}
.txtred {
	font-size: 12px;
	color: #FF0000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 3px;
	line-height: 17px;
}

.partnerpics {
	margin-right: 8px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	left: auto;
}


/*FORMULARE +++++++++++++++++++++++++++++++++++++++++++++++++++*/
.btn { width: auto; border-top: 2px solid #484848; border-bottom: 2px solid #484848;color: #333333; background-color: #EEEEEE; font-size: 11px; cursor: pointer;
}

.inputfeld200 {
	width: 195px;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #333333;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	font-size: 11px;
	}
.inputfeld100 {
	width: 100px;
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #333333;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	font-size: 11px;
	}

/*LINKS*/
a {color:#FFCC00; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
a:link {text-decoration:none; color:#FFCC00; font-weight: normal;}
a:hover {text-decoration:none; color:#FFFFFF; font-weight: normal;}

a.linkarrow {
background:transparent url(../images/arrowgold.gif) no-repeat scroll 1px 5px;
color:#FFCC00;
display:block;
font-size:11px;
padding-left:14px;
text-decoration:none;
}
a.linkarrow:hover {
color: #FFFFFF;
text-decoration:none;
}

.boxstart {
	width:405px;
	border-bottom: 1px solid #CCC;
	float: left;
	margin-bottom: 10px;
}
.boxstart h1 {
	padding: 1px 0px;
	color:#FFCC00;
	font-size: 1.1em;
	margin: 0px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}
.boxstart div {
	padding: 4px 0px 4px 0px;
}

.boxstart img {
	float:right;
	margin-left:5px;
	border: 1px solid #fff;
}

/*Menu*/

.pro8 {padding:0 0 0 15px; margin:0; list-style:none; height:25px; background:#fff url(../images/pro_eight_back.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.pro8 li {float:left;}
.pro8 li a {display:block; float:left; height:25px; line-height:23px; background:url(../images/pro_eight_0.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.pro8 li a b {float:left; display:block; padding:0 12px 0 0; background:url(../images/pro_eight_0.gif) right top;}
.pro8 li.current a {color:#fff; background:url(../images/pro_eight_2.gif);}
.pro8 li.current a b {background:url(../images/pro_eight_2.gif) right top;}
.pro8 li a:hover {color:#000; background:url(../images/pro_eight_1.gif);}
.pro8 li a:hover b {background:url(../images/pro_eight_1.gif) right top;}
.pro8 li.current a:hover {color:#fff; background:url(../images/pro_eight_2.gif); cursor:default;}
.pro8 li.current a:hover b {background:url(../images/pro_eight_2.gif) right top;}

#menu1 {
	width:900px;
	padding:0;
	margin:0;
	list-style-type:none;
  }
#menu1 li {
  float:left;
  width:111px;
  margin:1px 1px 0px 0px; 
  }
#menu1 a.navi {
	display:block;
	width:111px;
	color:#fff;
	background:#333;
	text-align:center;
	padding:5px 0;
	text-decoration:none;
	float:left;
	text-transform: uppercase;
  }
#menu1 a.navi:hover {
  color:#fff; 
  background:#666;
}

/*Aktivierter Link für die zweite Navigation*/
body#home #homenav a.navi,
body#lebenslauf #lebenslaufnav a.navi,
body#repertoire #repertoirenav a.navi,
body#konzerte #konzertenav a.navi,
body#fotogalerie #fotogalerienav a.navi,
body#hoerbeispiele #hoerbeispielenav a.navi,
body#diskographie #diskographienav a.navi,
body#kontakt #kontaktnav a.navi
{
	display:block;
	width:111px;
	color:#fff;
	background:#666;
	text-align:center;
	padding:5px 0;
	text-decoration:none;
	float:left;
	text-transform: uppercase;
}
/*Kontaktformular*/
/*Test ####################################*/
#contForm {
position:relative;
width:400px;
padding:0px;
margin:0px;
}

input, textarea {
border:medium none;
line-height:13px !important;
padding:4px;
}
label {
	color:#fff;
	font-weight:bold;
	font-size: 10px;
	text-transform: uppercase;
}
.txt {
background:#bb0000 none repeat scroll 0%;
border-bottom:1px dotted #FFCC00;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:190px;
}
#contForm input[type="text"]:focus, #contForm textarea:focus {
background:#aa0000 none repeat scroll 0%;
border-bottom:1px dotted #FFCC00;
}