/*

CSS Style Dokument

Salonorchester Detmold

---------------------------

Allgemeine Stildefinitionen

---------------------------

*/

body{

	color: 				#000000;

	background-color:	#C3C0D0;
	
	background-image:   url(../img/back.jpg);
	background-position: bottom right;
	background-repeat:  no-repeat;
	background-attachment:fixed;

	padding:			0px;

	margin:				0px;

	font-family: 		Georgia, "Times New Roman", Times, serif;

	font-size:			16px;

}

a{

	text-decoration:	none;

	color:				#000000;

}

a:hover{

	border-bottom:		1px dashed;

}

h1{
	text-align:			center;

	color:				#000000;

	background-color: 	#C3C0C0;

	border:				1px solid #666666;

	border-bottom:		1px dashed #666666;

	margin-bottom:		0px;

	margin-top:			0px;

}

h2{

	text-align:			center;

	margin-top:			5px;

	font-size:			20px;

}

h3{

	margin-bottom:		0px;

	text-decoration:	underline;

	font-size:			16px;

}

/*

-------------------------------------------

Positionierung der elementaren Bestandteile

-------------------------------------------

*/

#head{

	position:			absolute;

	left:				0px;

	top:				0px;

	width:				100%;

	height:				100px;

	background-color:	#C3C0B0;

	background-image:	url(../img/head_back.gif);

	border-bottom:		2px solid #666666;

	z-index:			3;

}

#head_img{

	position:			absolute;

	top:				0px;

	background-image:	url(../img/head.jpg);

	border-right:		1px dashed #666666;

	width:				775px;

	height:				100px;

	left:				50%;

	margin-left:		-387.5px;

}

* html #content{

	/*position:absolute;
top:				100px;

	left:				140px;

	right:				140px;
	z-index:			1;

	min-width:			500px;*/

	background-color:	#CCCCCC;

	padding-left:	    2px;
	padding-right:      2px;
	padding-bottom:		5px;
	

	text-align:			justify;


	border-bottom:		2px dashed #666666;
	
	border-left:		2px dashed #666666;
	border-right:		2px dashed #666666;

	min-width:          500px;
	z-index:			2;
}
* html #contentedge{
position:			absolute;

top:				100px;

	left:				141px;

	right:				140px;
	
	z-index:			2;
	min-width:          500px;
}

div[id="contentedge"]{
position:			absolute;

top:				100px;

	left:				140px;

	right:				140px;
	
	z-index:			2;
		min-width:          500px;
}
div[id="content"]{

	/*position:absolute;

top:				100px;

	left:				140px;

	right:				140px;
	z-index:			1;

	min-width:			500px;*/

	min-width:          500px;
	background-color:	#CCCCCC;

	padding-left:	    2px;
	padding-right:      2px;
	padding-bottom:		5px;

	text-align:			justify;


	border-bottom:		2px dashed #666666;
	
	border-left:		2px dashed #666666;
	border-right:		2px dashed #666666;


	z-index:			2;

}

.copyright{
font-size:12px;
color:#444444;
}

.copyright a{
font-size:12px;
color:#444444;
text-decoration: none;
}

.copyright a:hover{
text-decoration: none;
border: none;
font-size:12px;
color:#000000;
}

#menu{

	position:			relative;

	float:				left;

	top:				105px;

	width:				129px;

	background-color:	#C3C0B0;

	background-image:	url(../img/menu.jpg);

	text-align:			center;

	height:				200px;

	font-size:			18px;

	z-index:			3;

}

#menu2{

	position:			relative;

	top:				110px;

	float:				right;

	right:				10px;

	width:				115px;

	background-color:	#C3C0D0;

	background-image:	url(../img/menu2_back.gif);

	text-align:			center;

	border:				1px solid #666666;

	z-index:			1;

}

/*

--------------------------

Weitere Styles und Klassen

--------------------------

*/
#besetzung a{
  color:				#333333;
	font-style: 		italic;
	font-size: 10px;
}
#besetzung a:hover{
  color:#FFF;
  border:0px;
}
#suche{
	background-image:url(../img/Suchfeld.jpg);
	width: 500px;
	height: 42px;
	overflow:hidden;
}
#suche #abschicken{
	position: relative;
	left: 203px;
	top: -19px;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#suche #felder{
	margin-left: -43px;
}
#suche #felder input{
	margin-top: 14px;
	background-color: #C3C0D0;
	width: 103px;
	height: 10px;
	border: 1px solid #C3C0D0;
	margin-right: 31px;
	font-size:9px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#auswahl{
	color:        #FFF;
}
.bild{
	border:				3px solid #666666;
	margin:				3px;

}

#content table{

	text-align:			center;

	margin-top:			10px;

	background-image:	url(../img/menu2_back.gif);

	vertical-align:		top;

}
#content table strong{
	font-weight:bold;
}
#content #repertoire strong{
  letter-spacing: 2px;
}
.gesucht{
	font-style: oblique;
}
.oben{
	border-bottom: 1px solid #000000;
}
#menu ul{

	margin:				0px;

	padding:			0px;

	margin-left:		-5px;

	margin-top:			30px;

}

#menu li{

	list-style-type:	none;

}

#menu a{

	color:				#000000;

}

#menu a:hover{

	color:				#FFFFFF;

	border-bottom:		1px dashed #FFFFFF;

}

#menu2 a{

	color:				#333333;

	font-style: 		italic;

}

#menu2 a:hover{

	color:				#FFFFFF;

	border:				0px;

}

#content a{
	font-style: 	italic;
}

#content a:hover{
	color:	#666666;
	border-bottom-style: none;
	}



#termin_head{

	vertical-align:		bottom;

}

#menu2 .termin{

	border-top:			1px solid #666666;

	text-align:			left;

	font-size:			14px;

	color:				#000000;

	padding-left:		3px;

}

#menu2 .datum{

	border-bottom:		1px dashed #666666;

	color:				#666666;

	text-align:			right;

	padding-right:		3px;

}

#content .datum{

	text-align:			center;

	/*margin-top:			-30px;*/

	font-style:			italic;
}

#content .termintitel{
text-align:			center;

	margin-top:			5px;

	font-size:			20px;
	}

.breite_trick{
	color: #C3C0D0;
	font-size: 16px;
	cursor: default;
	visibility: hidden;
}

.zusatz_info{

	font-style:			italic;

	font-size:			14px;

	color:				#333333;

}

.zusatz_box{

	text-align:			left;

	font-size:			14px;

	color:				#666666;

	background-color:	#CCCCCC;

	border:				1px solid #000000;

	border-left:		1px solid #999999;

	border-top:			1px solid #999999;

	padding-right:		5px;

	padding-left:		5px;

	padding-top:		3px;

	padding-bottom:		3px;

	float:				right;

	margin-top:			3px;

	margin-left:		5px;

	margin-right:		5px;

}

.zusatz_box strong{

	color:				#333333;

	text-decoration:	underline;

}

.zusatz_box ul{

	padding-left:		20px;

	margin-left:		0px;

}

.zusatz_box li{

	list-style-type:	square;

	margin-bottom:		3px;

}

.zusatz_box .warnung{

	color:				#FF0000;

	text-decoration:	blink;

}

#logo{

	position:			relative;

	left:				5px;

	margin-bottom:		100px;

}

#adresse{

	position:			absolute;

	text-align:			left;

	font-size:			12px;

	right:				20px;

	top:				100px;

}

#text_plan{

	margin-left:		50px;

	font-size:			small;

}

#gg{

	display:			none;

}

.float_right{
	margin: 10px;
	float: right;
	border-color:#666666;
}
.float_left{
	margin: 10px;
	float: left;
	border-color:#666666;
}