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

body {
	background-color: #fff;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	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
}


th, td, tr, p, pre, span, form
{font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000; 
font-weight: normal;
}

#header {
	height:84px;
	width:317px;
	margin: auto;
	margin-top: 30px;
	display: block;
	text-align: left;
	padding: 0px;
	overflow: no;
	background-image: url(../images/header-fashion.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
}

#header a{
	position:absolute;
	height:84px;
	width:317px;
	display: block;
}
/*Positionierung Zentriert*/
#inhalt {
	color: #ccc;
	height:500px;
	width:960px;
	margin: auto;
	margin-top: 30px;
	text-align: left;
	padding: 0px;
	overflow: no;
	background-image: url(../images2008/bg960x500.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #333;
}
#inhaltintro2008 {
	position:absolute;
	height:500px;
	width:960px;
	margin:-250px 0px 0px -480px;
	top: 50%;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: no;
	color: #ccc;
	border-bottom: 1px solid #333;                      
	border-top: 1px solid #333;
}

#inhaltintro2008 div {
  text-align: center;
  font-size: 14px;
  font-weight: bold; 
}

#inhaltintro {
	position:absolute;
	height:300px;
	width:800px;
	margin:-150px 0px 0px -400px;
	top: 50%;
	left: 50%;
	text-align: center;
	padding: 0px;
	overflow: no;
}
/*Special Intro Site*/
#inhaltprada {
	position:absolute;
	height:480px;
	width:800px;
	margin:-240px 0px 0px -400px;
	top: 50%;
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: no;
	background-image: url(../images/200706pradanacht.jpg);
}
#contentprada {
	width: 800px;
	height:480px;
	text-align: left;
} 
/*Ende Special Intro Site*/

#naviline {
	width: 960px;
	height:20px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	background-color: #fff;
	text-align: left;
	border-bottom: 1px solid #333;
}
#partnerline {
	width: 960px;
	height:60px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
	margin: 0;
	white-space: nowrap;
  position: relative;
}

#partnerline a.partner_r {
	width: 480px;
	height:45px;
	margin: auto;	
  display: block;
	right: 0px;
  position: absolute;
}

#partnerline a.partner_l {
	width: 280px;
	height:45px;
	margin: auto;	
  display: block;
  left: 0px;
	margin-right: 400px;
  position: absolute; 
}

#content {
	width: 960px;
	height:420px;
	text-align: left;
} 
#contentleft {
	width: 480px;
	height:420px;
	float: left;
}
#contentmain {
	width: 460px;
	height:420px;
	text-align: left;
	box-sizing: border-box;
  color: #555555;
	-moz-box-sizing: border-box;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 0px;
	line-height: 18px;
	padding-left: 20px;
}
#contentright {
	width: 160px;
	height:420px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: right;
	padding: 0;
	margin: 0;
}
#contentscroll {
	width: 460px; 
	height: 360px; 
	overflow: auto;
	color: #555555;
}

#impress
{
	color:#930000;
}

#impress:hover
{
	color: #AAAAAA;
}

h1 {
	font-size: 22px;
	color: #555555;
	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: #555555;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 20px;
	text-transform: uppercase;
}
h3 {
	font-size: 11px;
	color: #555555;
	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;
}
.pulldowncity {
	background-color:#fff;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	margin-bottom: 1px;
	margin-top: 1px;
	width: 135px;
	float: left;
	border: 1px solid #333333;
	height: 16px;
}

.txtgreen {
	color: #00BB00;
	font-weight: bold;
}

.borderpics {
	border: 4px solid #000;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 10px;
}
.partnerpics {
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 5px 0px 5px 0px;
	left: auto;
	border: 1px solid #999;
}
.sponsorenpics {
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border: 0px;
}
.lineteam {
	padding-bottom: 10px;
	padding-top: 2px;
	color: #555;
}

/*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, input {
	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;
	margin-bottom: 7px;
	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;
	}

/*BESTELLFORMULAR*/
form input { border: 1px solid #c0c0c0; width: 160px; color:#5c5c5c;}
.formplz { border: 1px solid #c0c0c0; width: 100px; }
.formort { border: 1px solid #c0c0c0; width: 145px; }

.tickets {color: #FFCC00; font-weight:bold;}
#anz1, #anz2, #anz3, #anz4, #anz5 { width: 65px; color:#333333; }
label { color: #5c5c5c; width: 60px; display: block; float: left; }
#button { width: auto; padding: 0 0.6em; border-top: 2px solid #484848; border-bottom: 2px solid #484848;color: #333333; background-color: #EEEEEE; font-size: 11px; clear: left; margin-top: 0.4em; cursor: pointer; display: block; margin-left: 60px; }
* html #button { margin-left: 62px; }
.error { font-weight: bold; color: #ff0000; }


.clear {
  clear: left;
}

fielset {
  border: none;
  margin: 0px;
  padding: 0px;
}

.table_left {
  float: left;
  vertical-align: top;
  width: 200px;
  color:#555;
}

.table_right {
  float: left;
  vertical-align: top;
  width: 200px;
  color:#555;
}
.table_left label, .table_right label { float: left; width: auto;}
.radio { border: 0px; width: 20px; float: left; }
.titel { float: left;	margin-bottom: 5px; }
.plz { width: 50px; }
.ort { margin-left: 3px; width: 103px; }
textarea { float: left; border: 1px solid #c0c0c0; width: 160px; color:#333333;margin-bottom:13px; color:#555;	font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.anrede { float: left; margin: 0px; margin-right: 10px; width: 20px; padding-top: 2px; }
.red {color: #EF181E;}
.sendJob {margin-top: 14px;}
/*LINKS*/
a {color:#930000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
a:link {text-decoration:none; color:#930000; font-weight: normal;}
a:hover {text-decoration:underline ; color:#AAA; font-weight: normal;}

a.link2 {text-decoration:underline ; color:#ccc; font-weight: normal;}
a.link2:hover {text-decoration:none ; color:#ccc; font-weight: normal;}

/*Navigations Menu*/

.example {
	float: left;
	padding: 0px;
	width: 830px; 
}

/* - - - ADxMenu: BASIC styles - - - */

.menu {
  height: 20px !important;
}

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

/* move all list items into one row, by floating them */
.menu li {
	margin: 0px;
	padding: 0px;
	border: 0;
	display: block;
	float: left;
	width:116px;
	border-left: 1px solid #666;
}


/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {
	position: relative;
	background-color:#000;
	color:#fff;
	text-decoration:none; 
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
	width: 100%;
	border-bottom: 1px solid #999;
}

/* initialy hide all sub menus */
.menu div {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
.menu li:hover>div {
	visibility: visible;
	text-decoration:none; 
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu div {
	background-image: url(empty.gif);/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu {
	color: #000;
	background: #fff;
}

.menu ul {
	width: 14em; /*Width Pulldown*/
	background: #fff; /*Background Pulldown*/
}

.menu li:hover>a {
	color: #fff;
	text-decoration:none; 
}

.menu a {
	text-decoration: none;
	color: #000;
	padding: .4em 1em;
	display: block;
	text-decoration:none; 
}

.menu a:hover {
	color: #666; /*hover IE*/
	text-decoration:none; 
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
.menu {
	display: inline-block;
}
/* End Fix */

/*]]>*/



/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */
.menu, .menu ul {
	height: 1%;  
}

/* this style must be exact copy of: ".menu li li:hover ul" style above  */
.menu li li.adxmhover div {
	left: 100%;
}

/* the following two rules simulate li:hover>ul selector
	repeat enough times to cover all nested levels
	look at www.aplus.co.yu/adxmenu/trouble/ if some of your submenus do now show up */
.adxmhover div,
.adxmhover .adxmhover div {
	visibility: visible;
}
.adxmhover li div,
.adxmhover .adxmhover li div {
	visibility: hidden;
}

/* - - - ADxMenu: DESIGN styles - - - */
.menu ul a {
	height: 1%; 
}

.adxmhover a,
.adxmhover .adxmhover a {
	color: #666;
	background-color:#000;
	color:#fff;
}
.adxmhover li a,
.adxmhover .adxmhover li a {
	color: #eee;
	background-color:#333;
}

/*]]>*/


.test {}
/*Aktivierter Link für die zweite Navigation*/
body#event #eventnav a.test, /*1.*/
body#bilder #bildernav a.test, /*2.*/
body#team #teamnav a.test, /*3.*/
body#partner #partnernav a.test, /*3.*/
body#bruce #brucenav a.test,
body#tickets #ticketsnav a.test, /*3.*/
body#presse #pressenav a.test, /*4.*/
body#kontakt #kontaktnav a.test, /*5.*/
body#gutschein #gutscheinnav a.test,
body#label #labelnav a.test,
body#team #teamnav a.test
{
	color: #fff;
	background-color: #000;
} /*id="impressum" muss in den body tag und id="impressumnav" muss in den Link der Navi*/

table {color:#555; }


a.h3 {
	font-size: 11px;
	color: #555555;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 16px;
}