/* BASIC */
@import "gallery.css";
@import "browse.css";
@import "sidebar.css";
@import "fototags.css";
@import "thickbox.css";
/* BACKGROUNDS */

body, #page {
	background: #006699;
}

#border {
 	background:#336699;
}


#main {
	background: #ffffff url('data/images/style/mainbg.gif');
	background-repeat: repeat-y;
}

/* MARGING/PADDING */

body, #head{
	margin: 0px;
	padding: 0px;
}

#main {
/*	position: relative; */
	padding: 0px;
	margin: 0px auto;
	padding-left: 5px;
	padding-right: 5px;
}

/* FONT */

body, h2, h3, h4 {

	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}

h1 {
	font-size: 14px;
}

/* FONTCOLOR */

h1 {	color: #666666;	}
h2 {	color: #88d0f5; }
h3 {	color: #008fd1; }
h4 {	font-size: 13px;color: #88d0f5; }

/* SIZE */

#head, #page {	width:100%; }

#page {	  height: 100%; }
#border { height: 0px; overflow: hidden; visibility: hidden; }
#head { height: 155px; }
#mymexa { width: 100%; }
#main {	width:946px; }

/* BORDER */


img {
	border: 0px;
}
#mexanerProfileNavi, #eventNavi {
	margin:0; padding:0; list-style:none;
}
#mexanerProfileNavi li, #eventNavi li {
	height: 16px; font-size: 0.9em; border-bottom: 2px solid #ffffff; background-color: #f2f2f2; color: #999999; padding-left: 2px;
}
#mexanerProfileNavi li img, #eventNavi li img {
	width: 16px;
	height: 16px;
}
#eventNavi li  {
	float:left; width: 20px; background-color: #ffffff;
}
/* LINKS */

#border a, #navigation a, #navigationSlide a, #policity a {
	display: block;
}
#navigation a, #navigationSlide a, a, #policity a {
text-decoration: none;
}
#border a, #navigation a, #policity a { width:100%; height:100%; }
a { color: #008fd1; }
	

#navigationBar li, #navigationSlide li, #navigationSubBar li {
	padding-left: 10px;
	list-style: none;
	float:left;
}

#navigationBar li {
	
	margin:0; padding:0;
	height: 22px;
	text-align:center;
}
#navigationSubBar li {
	margin:0; padding:0;
	height: 20px;
	text-align:center;
}

#navigationBar, #navigation, #navigationSubBar, #navigationSub { width:948px; margin:0; padding:0; }
#navigationBar, #navigation { height: 22px; }
#navigationSub, #navigationSubBar { background-color: #e9e9e9; height: 20px;}

#navigationSubBar li a { width: 100%; height: 100%; color:#999999; font-size:1em; font-family: Trebuchet MS; margin:0; padding:0;}
#navigationSubBar li a:hover { background-color: #ffffff; }

#navigation { margin-left: -1px; background: #0077c0; }
#navigationBar li a { width: 100%; height: 100%; color:#006699; font-size:1.1em; font-family: Trebuchet MS; margin:0; padding:0; }
#navigationBar li a:hover { background: #0093d8; }


/* Button Styles */

/* ONE */

.buttonOne {
	background: url('data/images/style/buttonOneBg.gif') repeat-x;
	height: 18px;
	border: 1px solid #cccccc;
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
}

.buttonOne:hover {
	background: url('data/images/style/buttonOneBgA.gif') repeat-x;
	color: #333333;
}


/* MEXATRAY */

#mymexa {
	color: #ffffff;
}
/* contacts */

#myMexaSlideContacts {
	height: 196px;
}

#myMexaSlideContacts ul {
	list-style:none;
	margin:0;
	padding:0;
	width: 220px;
}
#myMexaSlideContactsSearchInput {
	color: #999999; 
	font-size: 0.8em;
	height: 14px;
	width: 192px;
	padding-left: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	border: 1px solid #006699;
}

.mymexaSlideContactsItem {
	clear:both;
	background: url('data/images/mexatray/contacts_bg.gif') no-repeat;
	height: 45px;
	width: 215px;
	margin: 2px;
}
.floatLeft {
	float: left;
}
.mymexaSlideContactsItem img {
	margin: 1px;
}
.mymexaSlideContactsItem td {
	margin:0;
	padding:0;
	vertical-align: top;
}
.mymexaSlideContactsItem table {
	margin:0;
	padding:0;
}

/* status */

#myMexaSlideStatusInput {
	font-size: 0.9em;
	height: 14px;
	width: 145px;
	padding-left: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	border: 1px solid #006699;
}

/* Navigation Slide */

#navigationSlide, #navigationSlide ul { 
	height: 	58px;
	margin: 	0;
	padding: 	0;
}
#navigationSlide ul {
		margin: 0 auto;
		width: 920px;
}
#navigationSlide {
		background: url('data/images/mexatray/navi_bg.png') repeat-x;
		width:100%;
}
#navigationSlide a { 
	text-align:center;
	padding-top: 7px;
	color: #ffffff;
}

#navigationSlide li {
	width: 60px;
	height: 58px;
}

#naviInfo {
	clear:both;
	height: 80px;
	overflow: hidden;
	background: #0099cc;
	width: 100%;
}

#policity {
	float:left;
	padding-top: 20px;
	width: 700px;
	margin: auto auto;
}

#policity li {
	list-style: none;
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
}

#mymexa, #mymexaContent {
	height: 	0px;
	margin:		0;
	padding:	0;
	background: #999999;
}

#mymexa {
	overflow: 	hidden;	
}

#content {
	clear:both;
	margin-top: 50px;
	padding-left:20px;
	padding-right: 20px;
	width: 906px;
}

#online{
width: 150px;
background: #ffffff;
}


.input, .inputSelect, .inputLarge {
	border: solid #88d0f5 1px;
	background: #ffffff;
}

.input { 	width: 250px; }
.inputLarge{ width: 90%; }
.tableOne {
 width: 100%;
}

#footer {
	font-size: 1em;
	background: #efefef;
	clear:both;
	width: 100%;
	text-align: center;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

#footer ul {
	font-size: 1em;
	float:left;
	width: 164px;
	margin: 10px;
}

#footer .title {
	font-weight: bold;
	text-transform: uppercase !important;
}
#footer ul li {
	text-transform: lowercase;
	text-align: left;
	clear:both;
	list-style: none;
}
#footer ul li a {
	padding-left: 6px;
	color: #999999;
}

#footer ul li a:hover {
	background: url('data/images/style/arrowTinyGrey.gif') no-repeat;
	background-position: -6px 4px;
	color: #333333;
}


#footer p {
		clear:both;
}

#updateInfoDiv {
	background: #ffffff;
	border-bottom: solid #336699 1px;
}
.uINewCons { 	background: url('data/images/icon/inewcontacts.gif'); }
.uINewGInvs { 	background: url('data/images/icon/inewginv.gif'); }
.uINewMail { 	background: url('data/images/icon/inewmessage.gif'); }

.uINewCons, .uINewGInvs, .uINewMail {
	margin:0; padding:0;
	margin-left: 160px;
	height: 27px;
	background-repeat: no-repeat;
	padding-left: 60px;
}
.uINewCons a, .uINewGInvs a, .uINewMail a {
	display:block; width: 100%; height: 100%;
	font-size: 1.1em;
}



.ButtonDeny {
			background: url('data/images/icon/ablehnen.gif');
			background-repeat: no-repeat;
			height: 18px;
			border: solid #88d0f5 1px;
			width:80px;
			font-size: 0px;
			cursor:pointer;
}

.ButtonAccept {
			background: url('data/images/icon/annehmen.gif');
			background-repeat: no-repeat;
			height: 18px;
			width:82px;
			border: solid #88d0f5 1px;
			font-size: 0px;
			cursor:pointer;
}
#selectCatDiv li { float:left; margin:0; padding:0; }
#selectCatDiv ul { list-style:none; margin:0; padding:0; }
#selectCatDiv a {
			display:block;
			width: 65px; height: 50px;
}
#selectCatDiv a:hover {
			background: url('data/images/event/eventCatBg.gif');
			background-repeat: no-repeat;
}

.editTdDesc, .editTdForm  {
	padding-top: 5px;
	vertical-align:top;
}

.editTdDesc {
	font-size: 1.0em;
	font-weight:bold;
	color: #666666;
	border-right: 2px solid #0099ff;
	width: 150px;
	text-align:right;
	padding-right: 5px;
}

.editTdForm {
	padding-left: 25px;
	padding-top: 5px;
}
.small {
color:#666666;
font-size: 11px;
}

#SearchForUser, #SearchForGroup {
	margin:0;
	padding:0;
	font-size:11px;
	clear:both;
	width: 640px;
	border: 1px solid #008fd1;
	background-color: #f3f7f7;
}

#SearchForUser table, #SearchForGroup table {
	width: 630px;
}

.error {
	   background-color: red;
	   border: 3px solid #8B0000;
	   color: #ffffff;
}

.browse {
		list-style: none;
		margin:0;
		padding:0;
}

.browsePages {
 text-align: center;
 margin-left: 2px;
 width: 16px;
 height: 16px;
 float: left;
 border: 1px solid #f2f2f2;
}

.browsePages a:hover { background-color: #f3f7f9; }
.browsePages a {
 display:block;
 width:16px;
 height: 16px;
}

#locationHaunt {
 width: 97%;
 background-color: #ffffff;
 border:1px #ccffff solid; float:left; margin-top:15px;
}

#locationOpening {
 width: 200px; margin-left:18px; border:1px #ccffff solid; float:left; margin-top:15px;
}

#mymexa {
background: #3399cc;
}


/* EVENT */

#rowLeft {
 padding-left: 5px;
 width: 686px;
 float:left;
}

#rowRight {
 padding-left: 5px;
 width: 200px;
 float:left;
}


#eventFacts {

}

#eventFacts p {
 text-align: right;
 width: 97%;
}

#eventDesc {
 width: 97%;
 font-size: 13px;
 text-align: justify;
}

#eventVisitor {

}

#eventPics {

}

#eventComments, #eventSerie {
	clear:both;
}

#eventTagCloud {
 width:195px;
 background: url('data/images/style/BG195.gif') no-repeat;
}

.eventListLight { background-color: #ffffff; }
.eventListDark { background-color: #ededed; }

.errorNoPic, .errorNoComment {
 color: #666666;
 padding-left: 100px;
 height: 50px;
}

.errorNoPic {
 background: url('data/images/style/cameraGrey.gif') no-repeat;
}

.errorNoComment {
 background: url('data/images/style/commentGrey.gif') no-repeat;
}
.rowRightBox {
 width:195px;
 background: url('data/images/style/BG195.gif') no-repeat;
}

.bg680 {
 margin-top: 30px;
 width:680px;
 background: url('data/images/style/BG680.gif') no-repeat;
}

.bg320 {
 margin-top: 30px;
 width:320px;
 background: url('data/images/style/BG320.gif') no-repeat;
}

.rowRightBox h3 {
 font-size: 1.2em;
 margin-left: 4px;
}

.rowRightBox p {
 width:187px;
 font-size: 1.1em;
 text-align:justify;
 margin-left: 4px;
}


.buttonPlusBlue a, .buttonPlusOrange a {
 font-size: 14px;
 display: block;
 width: 100%;
 height: 100%;
 padding-left: 40px;
}

.buttonPlusBlue, .buttonPlusOrange {
 height: 29px;
}

.buttonPlusOrange {
 background: #F3F7F9 url('data/images/button/buttonPlusOrange.png') no-repeat;
}

.buttonPlusBlue {
 background: #F3F7F9 url('data/images/button/buttonPlusBlue.png') no-repeat;
}

h1 {
 font-size: 20px;
 color:#333333;
 font-weight: lighter;
}
	
h2 {
 font-size: 14px;
 color:#666666;
 font-weight: normal;
}

h3 {
 font-size: 12px;
 color: #333333;
/* color: #008fd1; */
}

h1, h2, h3 {
 margin: 0;
 padding: 0;
}

.tags {
 font-size: 11px;
 color: #999999;
 text-transform: uppercase;
}

.tags a {
 padding-left: 3px;
 font-size: 12px;
 text-transform: none;
}

.countdown {
 color: #999999;
 font-size: 12px;
}

.hintOrange{
 background:  #FFA500;
 color: #ffffff;
}

.tdOne { background-color: #009999; }
.tdTwo { background-color: #006666; }

.tdOne, .tdTwo {
vertical-align: middle;
height: 20px;
border-bottom: 1px solid #ffffff;
}

.tdOne a, .tdTwo a {
color: #ffffff;
display:block;
height: 100%;
width:100%;
}

.tdOne a:hover, .tdTwo a:hover{
color: #FFFF66;
}

.msgOne, .msgOneHl {
height: 24px;
background-color: #ffffff;
border-collapse: collapse;
border-bottom: 1px solid #cccccc;
}

.msgOne a, .msgOneHl a {
display:block;
height: 100%;
width:100%;
text-decoration:none;
font-size: 1em;
}

.msgOneHl a {
font-weight:bold;
}

.alert {
background: #FFFF99;
padding-top: 15px;
font-size: 1.1em;
width: 100%;
height: 30px;
border: 1px solid #33FF99;
}

.tabMenu {
background: #f2f2f2;
padding:0; margin:0;
list-style:none;
}

.tabMenu li {
height: 20px;
border-bottom: 1px solid #e7e7e7;
font-size: 1.1em;
}


/* BLOGS */

.entry {
 margin-left: 55px;
 margin-top: 20px;
 margin-bottom: 10px;
 padding-bottom: 20px;

}

.entry h2 {

 font-weight: bold;
 font-size: 1.3em;
}
.entry h2 a {
 color: #333333;
}

.entry .tags {
 padding:0; margin:0;
}

.entry_info {
 font-size: 0.8em;
 color: #999999;
 text-transform: uppercase;
 border-top: 1px dashed #D3D3D3;
}

.entry_text{
	width: 95%;
	font-size: 1.1em;
	color: #333333;
	text-align: justify;

}

#blogContent {
 float:left;
 width: 650px;
}

#blogSidebar {
 float:left;
 padding-left: 10px;
 width: 240px;
 background: #efefef;
}

 #blogSidebar h3 {
	font-size: 1.2em;
	width: 100%;
	/* background: #e3e7e9; */
} 

#blogTags, #blogNavi, #blogArchiv {
	list-style: none;
	font-size: 1.1em;
}

.ListMenu {
padding: 0px;
margin: 0px;
}
.ListMenu li {
padding: 0px;
margin: 0px;
list-style:none;
border-bottom: solid #cccccc 1px;
height: 25px;
font-size: 1.1em;
}

/* EDITORIAL - SLOTS */

#slot1, #slot3, #slot4, #slot9, #slot10, #slot11 {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}

#slot1 img, #slot3 img, #slot4 img, #slot9 img, #slot10 img, #slot11 img {
	margin-right: 5px;
	float:left;
}
#slot1 h1, #slot3 h1, #slot4 h1, #slot9 h1, #slot10 h1, #slot11 h1 {
	margin:0;
	padding:0;
	padding-top: 4px;
	font-family: verdana;
	padding:0;
	font-weight: bold;
	font-size: 0.9em;
}
#slot1 p, #slot3 p, #slot4 p, #slot9 p, #slot10 p, #slot11 p {
	color: #666666;
	text-align: justify;
	margin:0;
	padding:0;
	padding-top: 4px;
	font-size: 0.9em;
}
#slot1 a, #slot3 a, #slot4 a, #slot9 a, #slot10 a, #slot11 a {
	color: #666666;
}
a:hover {
	color: #88d0f5;
	}
#navigationBar li, #navigationBar li a {
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
}
.visible {
	overflow: auto;
	visibility: visible;
	margin-bottom: 20px;
}

.invisible {
	overflow: auto;
	height: 0;
	visibility: hidden;
	margin-bottom: 0;
}

.lotteryEnroll {
	height: 22px;
	padding:2px;
	margin: 2px;
	background: #ff3300;
}

.lotteryEnroll a {
	color: #ffffff;
}
.lotteryEnroll a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.links {
	width: 50px;
}
.links, .rechts {
	float:left;
}
#comments {
	clear:both;
}
.comment {
	clear:both;
	background: #ffffff url('data/images/style/commentBG.png') no-repeat !important;
	padding-top: 16px;
	width: 537px !important;
	padding-left: 15px;
	padding-right: 3px;	
	margin-top:5px;
}
.commentBottom {
	background: #ffffff url('data/images/style/commentBottom.gif') no-repeat !important;
	width: 537px !important;
	height: 6px !important;
	margin-bottom: 25px;
	padding-left: 15px;
	padding-right: 3px;	
	padding-top: 3px;
	color: #999999;
}