/*
// u-party.de - Stylesheet
*/

/* Reset margin und padding aller Browser */
* {padding: 0; margin: 0;}

/* Firefox Scrollbar erzwingen */
html {height: 101%;}

/* Hack für den Firefox3 - verschiebt sonst die BG-Grafik um 1 Pixel nach rechts -  */
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }


/* Gestalte das HTML-Element mit dem Namen body */
body {
	color: white;	/* Schriftfarbe*/
	/*background-color: #8f0000;*/	/* Hintergrundfarbe*/
	background: url(../images/uparty_head1.jpg) no-repeat;
   background-position: top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
   margin-top: 185px;
}

/* Gestalte das HTML-Element mit id="wrapper" */
  #wrapper{
	color: white;	/* Schriftfarbe*/
	width: 900px; /* Breite der Website oder des Inhaltsbereichs*/
	text-align: left;
	margin:0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* Gestalte das HTML-Element mit id="textbereich" */
#inhalt{
	float: right;
	color: black; /* Schriftfarbe*/
	background-color: #fefefe; /* Hintergrundfarbe*/
	width: 680px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10%;
}

#inhalt li{
	FONT-SIZE: 11px;
	color: #d8002e;
	font-weight: normal;	
	text-decoration: none;
	margin-left: 23px;
	padding-left: 5px;
	line-height: 17px;
}

/* Gestalte das HTML-Element mit id="textbalken" */
#textbalken{
	clear: both;
	width: 675px;
	background-color: #ddd5c6;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/* Gestalte das HTML-Element mit id="navibereich" */
#navibereich{
	float: left;
	width: 190px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


/* LI-CSS-Menu - Submenu-Classes */

#menu {
	font-family: verdana;
	background: url(../images/navi_bg.gif);
	COLOR: #000000;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 25px;
	TEXT-ALIGN: left;
	border: 0px solid #7a7764;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	MARGIN-left: 0px;
	text-indent: 23px;
	float: left;
}

#menu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
   WIDTH: 190px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	LIST-STYLE-TYPE: none;
}

#menu LI {
	LIST-STYLE-TYPE: none
	WIDTH: 190px;
	float: none;
}

#menu LI A {
	DISPLAY: block; 
	WIDTH: 190px; 
	COLOR: #000000; 
	border-bottom: 1px solid #7a7764;
	TEXT-DECORATION: none;
}

#menu LI A:hover {
	COLOR: #000000; 
	text-decoration: none;
	background-image: url(../images/navi_hilite_bg.gif);
}

#menu LI #active {
	COLOR: #FFFFFF; 
	background-image: url(../images/navi_active_bg.gif);
}

#menu LI #last {
border-bottom: none;
}

#menu li li a {
	FONT-SIZE: 11px;
	display: block;
	padding-left:0px;
	BACKGROUND-COLOR: #7a7764; 
	COLOR: #FFFFFF;
	font-weight:normal;	
	text-decoration: none;
	width: 190px;
	text-indent: 33px;
	border-bottom: 1px solid #696654;
}

#menu li li a:hover {
	color: #232323;
	text-decoration: none;
	background: #706d5b;
}

#menu li li #active {
	background: #706d5b;
}

#menu li li #first {
	border-top: 1px solid #696654;
}

#menu li li #last {
border-bottom: none;
}


/* Gestalte das HTML-Element mit id="members" */
#members {
	font-family: verdana;
	background: url(../images/members_bg.gif);
	COLOR: #000000;
	width: 180px; 
	height: 150px; 
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	TEXT-ALIGN: left;
	border: 0px solid #7a7764;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-top: 10px;
	float: left;
}

#members p{
	font-family: verdana;
	COLOR: #000000;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8px;
	TEXT-ALIGN: left;
	width: 170px;
	margin-left:4px;
}

#members a {text-decoration: underline;}
#members a:link {color: #000000;}
#members a:hover, a:focus {color: #d1caba;}
#members a:visited {color: #d1caba;}

/* Gestalte das HTML-Element mit id="t2p" */
#t2p {
	font-family: verdana;
	background: url(../images/members_bg.gif);
	COLOR: #000000;
	width: 180px;
	height: 180px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	TEXT-ALIGN: left;
	border: 0px solid #7a7764;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	float: left;
}

/* Gestalte das HTML-Element mit id="panorama" */
#panorama{
	float:left;
	color: black; /* Schriftfarbe*/
	width: 680px;
	height: auto;
	margin-bottom: 10px;
}

#panorama p{
clear: left;
width: 670px;
color: #000000;
font-size: 11px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 16px;
padding-right: 10px;
}

#panoramabild{
	float: left;
	width: 680px;
	margin-bottom: 10px;
	margin-right: 0px;
	background-color: #918e7e;
}

/* Gestalte das HTML-Element mit id="locationbilder" */

#locationbilder{
	width: 680px;
	height: auto;
	float:left;
	margin-top: 20px;
}

#locationbild{
	float: left;
	width: 220px;
	margin-bottom: 10px;
	margin-right: 5px;
	background-color: #918e7e;
}



/* Gestalte das HTML-Element mit id="News" */
#news{
	color: black; /* Schriftfarbe*/
	width: 680px;
	height: auto;
	margin-bottom: 10px;
}

#news p{
color: #000000;
font-size: 11px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 16px;
margin: 0px;
padding-right: 10px;
}

#newsbild{
	float: left;
	width: 335px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-color: #918e7e;
}

#newsbild_detail{
	float: left;
	width: 335px;
	margin-bottom: 0px;
	margin-right: 10px;
	background-color: #918e7e;
}

#newsbox{
	float:right;
	background: url(../images/newsbox_bgline2.gif);
	background-repeat: repeat-x;
	color: black; /* Schriftfarbe*/
	font-weight: bold;
	width: 335px;
	margin-bottom: 10px;
}

#newsbox h1{
color: #FFFFFF;
background-image: url(../images/newsbox_hd_bg.gif);
font-size: 14px;
font-family: verdana;
text-decoration: none;
font-weight: bold;
width: 329px;
letter-spacing: 0px;
padding: 3px;
}

#newsbox h2{
color: #000000;
font-size: 12px;
font-family: verdana;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
margin: 3px;
}

#newsbox p{
color: #000000;
font-size: 11px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 16px;
margin: 0px;
padding: 5px;
}

#newsbox img{
float: right;
height: 23px;
}


/* Gestalte das HTML-Element mit id="memberbox" */

label.member { /* Labels auswählen */
  display: block;
  float: none;
  width: 130px; /* Breite.*/
  height: 14px; /* Höhe.*/
}

input.member { /* Formularelemente auswählen */
  display: block;
  float: none;
  width: 130px; /* Breite.*/
  height: 14px; /* Höhe.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input.member#submit{ /* der Submit-Button für das Newsletter-Form */
  float: right;
  width: auto;
  height: auto;
  border: 0px solid #ffeb00;
  margin-right: 10px;
}

label.member{
	text-align: left;
	padding-right: 1em;
	padding-bottom: 0.1em;
	text-indent: 23px;
}

form.member{
  background: none;
  margin:0;
  padding:.4em;
}

#radio{
	vertical-align: middle;
	display: inline;
	background: none;
	margin-left: 40px;
	margin-bottom: 3px;
}

input.member {
	width: 155px;
	height: 17px;
	BORDER-RIGHT: 1px solid #6b685a;
	BORDER-TOP: 1px solid #6b685a;
	BORDER-LEFT: 1px solid #6b685a;
	BORDER-BOTTOM: 1px solid #6b685a;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	margin-left: 4px; 
	background: url(../images/input_bgline.gif) repeat-x;
}

a {text-decoration: none;}
a:link {color: #636054;}
a:hover, a:focus {color: #000000;}
a:visited {color: #8e8874;}

h1{
color: #000000;
font-size: 14px;
font-family: verdana;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}


h2{
color: #000000;
font-size: 13px;
font-family: verdana;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
}

p{
color: #000000;
font-size: 12px;
font-family: verdana;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
line-height: 16px;
}


/* Formtag Anti-Site-Zerhau-Machkapott */
form { margin:0; padding:0; }

td img {display: block;}




/* Abstände für Absätze und Listen restaurieren */

/* Abstand nach unten */
h2, p, ul, ol {margin-bottom: 0.5em;}

/* Verschachtelte Listen ohne Abstand */
ul ul {margin-bottom: 0;}


/* Buttons */

.button1 {
	 BACKGROUND: #8A898D url(../images/button_bgline1.gif) repeat-x;
	 COLOR: #ffffff;
	 FONT-FAMILY: verdana;
	 TEXT-DECORATION: none;
	 width: 80px;
	 height: 21px;
	 BORDER-RIGHT: 1px outset #7a7764;
	 BORDER-TOP: 1px outset #7a7764;
	 BORDER-LEFT: 1px outset #7a7764;
	 BORDER-BOTTOM: 1px outset #7a7764;
	 font-weight: bold;
}

.button2 {
	 BACKGROUND: #8A898D url(../images/kontakt_bt_bgline.gif) repeat-x;
	 COLOR: #000000;
	 FONT-FAMILY: verdana;
	 TEXT-DECORATION: none;
	 width: 80px;
	 height: 21px;
	 BORDER-RIGHT: 1px outset #7a7764;
	 BORDER-TOP: 1px outset #7a7764;
	 BORDER-LEFT: 1px outset #7a7764;
	 BORDER-BOTTOM: 1px outset #7a7764;
	 font-weight: bold;
}


INPUT {
	BORDER-RIGHT: 1px outset #720003;
	BORDER-TOP: 1px outset #720003;
	BORDER-LEFT: 1px outset #720003;
	BORDER-BOTTOM: 1px outset #720003;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #4c4a41;
	height:17px;
	background: url(../images/input_bgline.gif) repeat-x;
}


select {
 	font-size: 11px;
 	font-family : verdana;
 	color: #000000;
 	text-decoration: none;
 	font-style: normal;
	font-weight:  normal;
}

option {
 	font-size: 11px;
 	font-family: verdana;
 	color: #000000;
 	text-decoration: none;
 	font-style: normal;
	font-weight:  normal;
}