/*-------------------------------------------------

 url			: www.vitoi.com
 Created 		: 01-10-2008 
 Amendment		: 02-01-2008 
 CSS +  Webdesign	: www.vitoi.com (Japan)
 ***********************************************
    (c) 2008     Vitoi - Vocal Ensemble
 ***********************************************
Colors
 khaki: #BAAB60
 Beige: #D9D7CA
 Black: #373535
 Gray: #373535
Body
-------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 
 
body {	
	margin: 0;
	padding: 0;	
	border-top: 4px solid #D9D7CA;	
	font-family: "Trebuchet MS", Tahoma, Arial, Osaka, Verdana, Helvetica, sans-serif;
	font-size: 75%; 
	line-height: 170%;
	background-color: #FFF;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:20px;
	margin-top:5px;
	line-height: 1px;
}
	
.hide {display: none;}

/*  Interface
----------------------------------------------------*/

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 7px;
	width: 840px;
	height: 100%;
	background: url(../elemente/layout/bg-headerimage2.jpg) no-repeat -5px 99px;

}

#header 	{
	width: 840px;
	height: 120px;
}

#logo 	{
	float: left;
	height: 56px;
	width: 107px;
	padding:0;
	margin: 35px 0 0 20px;
}

html>body #logo{
		margin: 35px 0 0 35px;
}

#logo a:link, #logo a:visited, #logo a:active {
	background-image: none;
}

#navigation {	
	float: right;	
	height: 27px;
	width: 630px;
	margin: 55px 10px 0 0;
	padding: 0;
}

html>body #navigation{
	margin: 55px 25px 0 0;
}

#headerimage 	{
	padding: 7px; padding: 1px; 
	width: 800px;
	height: 214px;
	margin:9px 0 0 11px;
}

#main	{
	margin: 35px 0 0 5px;
	width: 800px;	
}

#home #main	{
	margin: 35px 0 0 5px;
	width: 810px;	
}

#sidebar {
	float: left;
	width: 217px;
	height: 400px;
	padding: 25px 0 0 0;
   background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) no-repeat 100% 60px;
}

#content	{	
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
	width: 540px;	
}

html>body #content{
	margin: 0 15px 0 0;
}

#home #maincolumn1 {
	float: left;
	width: 265px;
	padding: 0;		
	margin: 0;
	background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) no-repeat 100% 0px;
}

#home #maincolumn2 {
	float: left;
	width: 265px;
	padding: 0;	
	margin: 0;
}

#home #maincolumn3 {
	float: left;
	width: 240px;
	padding: 0;		
	margin: 0;
}

#maincolumn1 p {
	line-height: 1.30em;
	margin: 0 14px 15px 18px;
	padding: 0;
}

#maincolumn2 p, #maincolumn3 p {
	line-height: 1.4em;
	margin: 0 17px 15px 20px;
	padding: 0;
}

#maincolumn1 h1,#maincolumn2 h1 {
	font-size: 24px;
	font-weight: bold;
	margin: -2px 10px 3px 5px;
}

#home h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 17px 2px 20px;
	padding: 0;
	background-image: none;
}

#home h3 { color: #707070;color: #666;
	font-size: 13px;
	font-weight: bold;
	margin: 0 17px 0px 18px;
}


#footer	{
	height: 40px;
	margin: 40px 18px 0 12px;
	background: url(../elemente/layout/bg-footer.giff) repeat-x;
	border-top: 2px solid #eee;
	padding: 10px 0 0 10px;
	color: #777;
}

#topbar	{	
	display: inline; 
	margin: 0;
	float:right;
}

#topbar #oben {
	padding: 0 10px 0 2px;
	background:  url(../elemente/layout/uparrow.gif) no-repeat 95% 7px;
}

/*  Links 
----------------------------------------------------*/

a:link {color: #cc0000;
	color: #90C84B;color: #999900;
	text-decoration: none;
	padding: 0 0 1px 0;
	background: transparent url(../elemente/layout/dotted-linie.giff) repeat-x 0 100%;
}

a:visited {color: #757515;
	text-decoration: none;
	padding: 0 0 1px 0; padding: 0 0 0px 0;
	margin:0; 
	background: transparent url(../elemente/layout/dotted-linie.giff) repeat-x 0 100%;
}

a:hover {
	color: #505050;
	text-decoration: underline;
	padding: 0 0 1px 0;
	background: transparent url(../elemente/layout/dotted-linie.giff) repeat-x 0 100%;
}

a:active {
	color: #90C84B;color: #BAAB60;
	text-decoration: none;
	border-bottom: 0px solid #FF9933;
	padding: 0 0 1px 0;
	background: transparent url(../elemente/layout/dotted-linie.gif) repeat-x 0 100%;
}


#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #777;
	margin: 0 3px;
	padding: 0;
}

#footer a:hover, #topbar a:hover {
	color: #999900;
	margin: 0 3px;
	padding: 0;
}


#content p a:link, #content p a:visited, #content a:active,
#home #main p a:link, #home #main p a:visited, #home #main a:active {
	border-bottom: 0px solid #BAAB60; border-bottom: 1px solid #ccc;	
	color: #555; color: #999900;
	padding: 0;
	margin:0;
	line-height: 1.2em
}
#content p a:hover, #home #main p a:hover{
	border-bottom: 1px solid #444;
	padding: 0; 	margin:0;
	line-height: 1.2em
}


#statusnav	{
	height: 25px;
	padding: 0 0 0 1px;
	margin: 0 0 3px 0;
	background: transparent url(../elemente/layout/stripes.giffff) repeat 0 100%;
}

#statusnav .status p {
	margin: 12px 5px 0px 0px;
}

#statusnav a:link, #statusnav a:visited, #statusnav a:active {
	padding: 0 0 1px 12px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow3.gif) no-repeat 0px 6px;
	 color:#71797D;color: #999;
}

#statusnav a:hover{
	padding: 0px 0px 1px 12px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow3.gif) no-repeat 0px 6px; 
color:#F4C126; color: #999900;
}

#statusnav #firststatus{
	padding-left: 0px;
	background-image: none;
}


/*  Navigation 
----------------------------------------------------*/

#navigation ul {
	float: right;
	border: 0;	
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 15px 0 15px; padding: 0;	
}

#navigation ul li a {
	font: normal 1.1em/16px Arial, Tahoma, Trebuchet MS, Lucida Sans, Lucida;
	padding: 3px 13px 4px 13px;
	margin: 0;
	text-decoration: none;	
	color: #404040;color: #505050;
	letter-spacing: 0.0em;
	background-image: none;	
	border-right: 1px solid #ddd;
}

#navigation ul li a:hover {
	color: #505050;
	border-bottom: 3px solid #BAAB60;
}

#navigation ul li a.navlast, #navigation navlast{
border-right:none !important;
background: url(/elemente/.gif) no-repeat right;
}


#hn7 li {
	border-right: 6px solid #ddd;
}


/*  Unternavigation 
----------------------------------------------------*/

.subnav {
	padding: 4px 0;
	margin: 0 25px 0 19px;
}

.subnav ul {
	border-top: 0px solid #ccc;
	padding: 0;
	margin: 10px 0 0 0;
}

.subnav li {
	border-bottom: 1px solid #ececec;
	list-style: none;
	margin: 0;
}

.subnav li a:link, .subnav li a:visited, .subnav li a:active {
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 21px;	padding: 4px 0 4px 21px;
	background: #FFF url(../elemente/layout/arrow-subnav-up.gif) no-repeat 7px 10px;
	font-size: 1.0em;
	color: #BAAB60;	color: #555;
	margin: 1px 0;
}

.subnav li a:hover {
	color: #BAAB60;	color:#333;
	background: #eee url(../elemente/layout/arrow-subnav-up.gif) no-repeat 11px 10px;
	padding: 4px 0 4px 21px;
	margin: 1px 0;
}

.subnav a.selected {
	color:#F66013; color: #BAAB60;
	background: #ececec url(../elemente/layout/arrow2.gif) no-repeat 7px 10px;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}


/*  Text, Headlines, Listen text-transform: uppercase;
-----------------------------------------------------------------------*/
h1 {
	margin: 0 0 0px 0;
	padding: 0px 0 6px 0px;
	font: bold 20px/24px Trebuchet MS, Lucida Sans, Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #8DB703;	color: #666;	color: #BAAB60; 	
	border-left: 0px solid #ddd; 
}	

#home h1 {
	border-bottom: 0px solid #ddd;
}


h2 { 
	color: #BAAB60;	color: #666; color: #666;
	padding: 0px 0 2px 18px;
	margin: 0;
	font: bold 15px/16px Arial, Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Helvetica, sans-serif;
	border-bottom: 0px solid #eee;
	background: transparent url(../elemente/layout/arrow-big.gif) no-repeat 0 0;
}

 h3 { 
	color: #666; color: #666; 	color: #BAAB60;
	padding: 0px 0 2px 0px; 
	margin: 0;
	font: bold 15px/17px Arial, Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Helvetica, sans-serif;
}

#sidebar h3 {	
	color: #666; color: #777; 
	padding: 0 0 5px 20px;
	margin: 0 25px 5px 18px;
	font: bold 11px/14px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #ddd;
	text-transform: uppercase;
	background: transparent url(../elemente/layout/arrow-big.gif) no-repeat 2px 0;
	letter-spacing: 0.0em
}

#sidebar .objekte {	
	 color: #666;color: #90C84B;
	padding: 0 0 5px 10px;
	margin: 0 25px 5px 18px;
	font: bold 15px/24px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #ddd;
}

h4 {	
	color: #BAAB60;	color: #666; color: #666;
	margin: 10px 0 10px 0;
	padding: 0 0 3px 30px;
	font: bold 16px/24px Trebuchet MS, Tahoma, Lucida Sans, Osaka, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #292929;
	background: url(../elemente/layout/pfeil-silber.gif) no-repeat 0 0px;
	border-bottom: 1px solid #ddd;
}

h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 8px 25px 8px 23px;
	border-bottom: 0px solid #ddd;
}


h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 8px 25px 8px 23px;
	border-bottom: 0px solid #ddd;
}

h5 {	color: #555; color: #666; 
	padding: 0 0 5px 20px;
	margin: 0 25px 5px 18px;
	font: bold 13px/15px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	background: transparent url(../elemente/layout/arrow-big.gif) no-repeat 2px 0;
	letter-spacing: 0.0em
}

#sidebar h5 {	color: #555;  color: #BAAB60;
	color: #666;
	padding: 0 0 5px 18px;padding: 0 0 5px 2px;
	margin: 0 5px 5px 0px;
	font: bold 11px/14px Trebuchet MS, Lucida Sans, Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	background: transparent url(../elemente/layout/arrow-big.giff) no-repeat 2px 0;
	letter-spacing: 0.04em
}

#newsletterrrrr {
	background: transparent url(../elemente/layout/blog_icon.png) no-repeat 0 0;
	padding: 0 0 0 27px;
	height: 20px;
}

#standorteeee {
	background: transparent url(../elemente/layout/building.png) no-repeat 0 0;
	padding: 0 0 0 27px;
	height: 20px;
}

#standortbox {	
	border-top: 2px solid #777; border-top: 1px solid #BAAB60;border-top: 1px solid #ddd;
	margin: 35px 25px 10px 20px;
	padding: 9px 9px 8px 10px;
	background: #f4f4f4 url(../elemente/layout/box.giff) repeat-x 0 0;
}

p {font-size: 1.0em;	font-size: 1.1em;
	line-height: 1.5em;line-height: 1.4em;
	margin: 0 0px 15px 0;
	padding: 0;
}

#sidebar p {
	font-size: 1.0em;	
	line-height: 1.3em;
	margin: 0 25px;
	padding: 0;
}

#sidebar #standortbox  p {
	font-size: 1.0em;	
	line-height: 1.3em;
	margin: 10px 0 0 0;
	padding: 0;
}

p.author {text-align: right; }

.linkitem {
	line-height: 1.8em;
	margin:0;
	padding:0 0 0 10px;
	background: transparent url(../elemente/layout/arrow-subnav-up.gif) no-repeat 2px 8px;
	border-bottom: 0px solid #eee;
}

#footer p {
	font-size: 1.0em;	
	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

i {font-style: italic;
	color: #776655;
}

b, strong {	
	font-weight: bold;
	color: #666;
}
.color {
	color: #bbb;
}

.new	{
	float: left;
	width: 253px;
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0;
	background: transparent url(../elemente/layout/arrow-subnav-up.gif) no-repeat 5px 5px;
}
.red {
	color: #AF0024;font-size: 1.0em;
}

.bggrey{background-color: #bbb;
	background-color: #F4F4F4;
	padding: 10px 12px 1px 15px;
	margin:-2px 0 0 0;
}

.zitat {
	background: transparent url(../elemente/layout/zitat-first2.gif) no-repeat  0px 0;
	font: italic 20px/27px  Trebuchet MS,"Lucida Grande",  Arial,Times, Georgia,   sans-serif;
	padding: 5px 25px 2px 25px;
 color:#cc0000;	color:#BAAB60; 	color:#e79e2b;	color:#999;
}

.zitatlast {margin:0px 0 0 0;
	background: transparent url(../elemente/layout/zitat-last2.giff) no-repeat 100% 100%;
}

.hinweis{	
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	margin: 0 0 10px 0px;
	padding: 9px 10px 8px 19px;
	background: #f5f5f5 url(../elemente/layout/box.gif) repeat-x 0 0;
}

.agb ol{
	margin: 20px 20px 20px 20px;
	padding: 2px 10px;
}

.agb li {
	margin: 0 0 15px 20px;
	padding: 0;
	font-size: 1.0em;	font-size: 11px;	
	line-height: 1.5em;
}


.leistungen ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.leistungen li {
	list-style: none;
	background: url(../elemente/layout/arrow-list1.gif) no-repeat 0px 7px;
	padding: 1px 0 1px 16px;
	margin: 3px 0 0 20px;
	line-height: 1.3em;
	font-size: 1.1em
}

.pdf ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.pdf li {
	list-style: none;
	background: url(../elemente/layout/pdf-icon.gif) no-repeat 0px 2px;
	padding: 1px 0 1px 25px;
	margin: 3px 0 0 20px;
	line-height: 1.5em;
	font-size: 1.1em
}

#home .leistungen ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

#home .leistungen li {
	list-style: none;
	background: url(../elemente/layout/arrow-green.gif) no-repeat 1px 4px;
	padding: 0 0 0 15px;
	margin: 3px 0 0 20px;
	line-height: 1.3em;
	font-size: 1.0em
}

#niederlassungen ul {
	margin: 7px 0 20px 0;
	padding: 11px 0 20px 0;
}

#niederlassungen li {
	list-style: none;
	background: url(../elemente/layout/arrow-list1.gif) no-repeat 2px 5px;
	padding: 1px 0 1px 16px;
	margin: 3px 0 0 0;
	line-height: 1.3em;
}

.nummerierung ul {
	margin: 5px 0 2px 30px;
	padding: 11px 0 2px 0;
}

.nummerierung li {
	list-style: none;
	background-image: none;
	padding: 1px 0 1px 16px;
	margin: 3px 0 0 10px;
	line-height: 1.3em;
}

 /*  Formulare
-----------------------------------------------------------------------*/ 
 
fieldset {
	margin: 0;
	padding: 3px;
	 border: 1px solid #ddd;
}  
  
#kontakt .formkontakt, #kreditanfrage .formkredit, #newsletter .formkontakt{
	width: 100%; 
	height: auto;
	background-color: #f5f5f5;
}

.reihe {
  	clear: both;
  	margin: 0;
  	padding: 0;
}  

.feld {
  	float: left;
  	width: 270px;
  	text-align: left;
  	padding: 4px 0 0 0;
  	line-height: 17px;
} 

.label {
	height: 15px;
	width: 150px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 5px;
	text-align: left;
	float: left;
}

#kontakt #knopf, #kreditanfrage #knopf, #newsletter #knopf {
  	padding: 10px 0 25px 175px; 
	margin: 0;
}

.defbreite, .defbreite2 {
  	width: 250px;
	border: 1px solid #999;
	color: #222;
	height:19px
}

.defbreite2 {
	height:80px
}

.defbreiteplz {
  	width: 42px;	
	height:19px;
	border: 1px solid #999;
	color: #222;
}

.defbreiteort {
  	width: 201px;	
	height:19px;
	border: 1px solid #999;
	color: #222;
}
.pflicht {
	color: #F66013; color: #E2000C
}

.pflichtmargin {
	padding: 13px 0 0 0;
	margin: 0 25px 13px 23px;
	display:block
}

/*  Bilder
-----------------------------------------------------------------------*/ 

.img-shadow {
	border:0px solid #ccc;
	padding:12px;
	display: block;
	background: transparent url(../elemente/layout/bg-shadow.gif) no-repeat -0px -0px;
}

.img-border {
	border: 4px solid #EEE;border: 3px solid #ddd;
	padding:1px;
	background-color: #FFF;	
}


.rightalign {
	float: right;
	margin: 0px 0 0 7px;
}

.leftalign {
	float: left;
	margin: 5px 12px 2px 0px;
	line-height:0;
}

#home .leftalign {
	float: left;
	margin: 5px 0px 8px 15px;
	line-height:0;
}

 /*  Status der Navigation
-----------------------------------------------------------------------*/ 

body#home #hn1,
body#aboutus #hn2,
	body#member #hn2,
	body#history #hn2,
	body#agb #hn2,
	body#links #hn2,
	body#impressum #hn2,
body#library #hn3,
	body#ablauf #hn3,
	body#sicherheit #hn3,
	body#diskretion #hn3,
	body#faq #hn3,
	body#downloads #hn3,
body#concert #hn4,
body#blog #hn5,
	body#versteigerungen #hn5,
	body#newsletter #hn5,
body#bbs #hn6,
body#link #hn7

{	color: #333;
	padding: 0 0 1px 0;
	border-bottom: 3px solid #999;
		border-bottom: 3px solid #555;		border-bottom: 3px solid #BAAB60;
}