/* ======================================= */
/* CCS-Style Definitionen für Party-Circus */
/*                                         */
/* Autor: Heinz Schürch                    */
/* (c) 2009 HSC-Informatik                 */
/* ======================================= */


/* Initialbausteine ---------------------- */

body	{
	font-family: Arial,Vardena,Helvetic;
	font-size: 12px;
	/* color:#fff600; */
	color:#ffb400;
	padding: 0 0; 
	text-align: center;  /* Zentrierung im Internet Explorer */
	margin: 0px auto;
}

body,html {
	background-color:#000;
	background-image:url("../images/main_bg.gif");
	background-position:center top;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

#wrap	{
	/* min-width:980px; */
	max-width:1255px;
	witdh:auto !important; /* IE6 Hack */
	width:1255px; /* IE6 Hack */
	margin:0 auto; /* center hack */
	text-align:left; /* center hack */
	overflow: visible;
}


/* Hauptrahmen und Inhaltscontainer -------------------- */

#container {
	width:1255px;
	/* margin: 20px auto;       standardkonforme horizontale Zentrierung */
	/* border:1px solid blue; */
}


/* Banner -> Logo, Titel und sonstiges im Kopf der Seite */

#banner {
	/* position:relative; */
	top:0px;
	left:0px;
	width:1255px;
	height:180px;
}

#top_left {
	float:left;
	width:336px;
	height:180px;
	background-image:url("../images/top_left.png");
}


#top_titel {
	float:left;
	width:721px;
	height:180px;
	background-image:url("../images/top_titel.png");
	/* border:1px solid red; */
}


.top_subtitel {
	display:block;
	margin: 90px auto 0px; auto;
	text-align: center;
	font-size: 16px;
	
}


#top_right {
	float:left;
	width:197px;
	height:180px;
	background-image:url("../images/top_right.png");
	background-repeat:no-repeat;
}


/* Frames -> Menü, Hauptfenster und sonstiges Hauptteil der Seite */

#left_frame {
	float:left;
	width:336px;
	height:585px;
	background-image:url("../images/left_frame.png");
	background-repeat:no-repeat;
	/* border:1px solid red; */
}

#main_frame {
	float:left;
	width:721px;
	height:480px;
	background-color:#000;
	/* border:1px solid red; */
	overflow:hidden;
	padding-top:20px;
}

#right_frame {
	float:left;
	width:196px;
	height:585px;
	background-image:url("../images/right_frame.png");
}



/* Buttons und Menü */

#bu1	{
	position:relative;
	top:0px;
	left:110px;
	width:226;
	height:90;
	/* border:1px solid red; */
}



#bu2	{
	position:relative;
	top:0px;
	left:110px;
	width:226;
	height:90;
	/* border:1px solid red; */
}

#bu3	{
	position:relative;
	top:0px;
	left:110px;
	width:226;
	height:90;
	/* border:1px solid red; */
}


#bu4	{
	position:relative;
	top:0px;
	left:110px;
	width:226;
	height:90;
	/* border:1px solid red; */
}


#bu5	{
	position:relative;
	top:0px;
	left:110px;
	width:226;
	height:90;
	/* border:1px solid red; */
}


.submenu {
	text-align: center;
	font-size: 16px;
	text-decoration:none;
	line-height:1.5;
}


#aktuell {
	position:relative;
	top:0px;
	left:0px;
	width:330;
	height:185;
	/* border:1px solid green; */
}	

.einrück20	{
	padding-left:20px;
	padding-right:20px;
}

h4 {
	font-size:14px;
	font-weight:bold;
	color:#ff9900;
}


h1,h2,h3	{
	color:#8b773b;
}


hr {
	margin: 0 auto;
	margin-top:8px;
	border: none 0; 
	border-top: 1px solid #ffd200;
	width: 80%;
	height: 1px;
	text-align:center;
 }

p	{
	margin-top:10px;
}

a	{
	text-decoration:none;
	/* color:#ffd200;*/
	color:#ff6000;
}

a:hover {
	color:#ff7200;
}

a:visit	{
	color:#cc9933;
}

.scrollbereich {
	scrollbar-arrow-color: #ffb400;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #ffb400;
	scrollbar-3dlight-color: #000;
	scrollbar-shadow-color: #ffb400;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #000;
	overflow: auto;
	height: 460px;
}



/* ================================  Formular-Check und Fehlermeldungen =============================== */


input, textarea	{
	border:1px solid #ff9900;
	color:#ff0;
	background-color: #000; 
	font-family: Arial,Vardena,Helvetic;
	font-size: 12px;
}

select	{
	border: #ff9900;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color:#ff0;
	background-color: #000;
	font-family: Arial,Vardena,Helvetic;
	font-size: 12px;
}


.inputField  
{
	border:1px solid #ff9900;
	background-color: #000; 
}  

.errorField  
{ 
	border:1px solid #ff9900;
	background-color: #f00; 
}  
.errorTable  
{ 
	BORDER-RIGHT: #ff9900 1px solid; 
	BORDER-TOP: #ff9900 1px solid; 
	BORDER-LEFT: #ff9900 1px solid; 
	BORDER-BOTTOM: #ff9900 1px solid; 
	background-color: #333; 
}  

/* ==================================================================================================== */