/*-- 1. GLOBAL --*/
body {
	background: #BABABA url(../img/bgBody.jpg) repeat-x; 
	color: black;
	font: xx-small verdana, arial, sans-serif;
	text-align: center;
}

body, a, address, br, form, label, fieldset, legend,
h1, h2, h3, h4, h5, h6, img, li, ol, p, ul,  
div, span { padding: 0; margin: 0; border: 0; }

table, p {
	font-size: xx-small; font-weight: normal;
}

a { text-decoration: none; }
a:link { background: transparent; color: #FF6600; cursor: pointer; }
a:visited { background: transparent; color: #FF6600; }
a:hover { text-decoration: underline; }

address { font-style: normal; }

br { clear: left; }

legend { font-weight: bold; }

input, select { padding: 0; margin: 0; }
input[type=text], input[type=password], input[type=textarea] { cursor: text; }
input[type=checkbox], input[type=submit], select { cursor: pointer; }
input[type=radio] { width: auto; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: medium; }
h2 { font-size: small; }
h3 { font-size: x-small; }
h4, h5, h6 { font-size: xx-small; }

h3, h4 {
	padding: 5px 0 2px 0; 
}

h1 img { margin-top: 19px; }
h2 img { margin: 20px 0 19px 0; }

/*-- 2. ID CONTAINER --*/
div#container {
	background: url(../img/bgContainer.jpg) repeat-y top center;
	color: black;
	position: relative;
	text-align: left;
	width: 868px;
	margin: 43px auto 0 auto;
}

/*-- 3. ID BANNER --*/
div#banner {
	background: url(../img/bgBanner.jpg) no-repeat top center;
	color: black;
	text-align: center;
	height: 120px;
	padding-top: 15px;
}

/*-- 4. ID NAV --*/
div#nav {
	background: url(../img/bgNavi.jpg) no-repeat center;
	color: black;
	height: 34px;
}

div#nav ul { list-style-type: none; padding-left: 14px; }
div#nav ul li { display: inline; }
div#nav a.nav2 { margin-left: 26px; }

/*-- 5. ID CALBOX --*/
div#calBox {
	background: url(../img/bgLeft.jpg) no-repeat top left;
	color: black;
  /*  position: absolute; */
  float:left;
/*	left: 0px; */
	width: 227px;
	padding-left: 14px;
	z-index: 5;
}

div#calBoxHeader {
	background: url(../img/headCal.jpg) no-repeat top center;
	color: black;
	width: 220px;
	height: 16px;
	padding: 6px 0 6px 0;
	margin-top: 19px;
}

div#calBoxContent {
	background: white;
	color: black;
	width: 190px;
	padding: 25px 5px 0 5px;
	margin-left: 10px;
}

div#calBoxContent p { margin-left: 5px; }
div#calBoxContent strong.monthYear { margin-right: 15px; }

table#calendar { width: 190px; text-align: center; }
table#calendar th { padding: 20px 5px 0 5px; }
table#calendar td { padding: 0 3px 0 3px; }
table#calendar td.today { background: #E5E5E5; color: black; font-weight: bold; }
table#calendar td.sunday { background: white; color: #666666; }

div#calBoxFooter {
	background: url(../img/footCal.jpg) no-repeat top center;
	width: 220px;
	height: 20px;
	padding-top: 22px;
}

/*-- 6. ID QUICKSEARCH --*/
div#quickSearch { padding: 0 20px 6px 20px; }
div#quickSearch input { margin-top: 10px; }

/*-- 7. ID MAIN --*/
div#main {background: url(../img/bgRight.jpg) no-repeat top right;
	color: black;
	float:right;
	width: 621px;
}

div#conmain     {	background: url(../img/bagamain.jpg) repeat-y top left;
                 float:right;
                 width: 621px;
                 margin-left:6px;}
                 

div#mainHeader {
	background: #FBD385;
	color: black;
	width: 607px;
	height: 39px;
}

div#mainContent,
div#mainContentProfile { clear: both; margin-left: 10px; }

div#mainContent {
	background: white;
	color: black;
	width: 543px;
	min-height: 480px;
	height: auto !important;  /* für moderne Browser */
	height: 520px;  /*für den IE */
	padding: 9px 15px 55px 21px;
}

div#mainContentProfile { /*Background for profile sites*/
	background: #EAEAEA url(../img/bgProfil.jpg) no-repeat top left;
	color: black;
	width: 580px;
	float:left;
	padding: 8px 0px 0 0px;
}

div#mainFooter,
div#mainFooterProfile { margin-right: 21px; padding-bottom: 61px; height:10px; 
 width:600px;
 float:left;}

div#mainFooter { background: #FBD385 url(../img/footMain.jpg) no-repeat top center; color: black; margin-top: 10px; }
div#mainFooterProfile { background: #FBD385 url(../img/footMainProfile.jpg) no-repeat top center; color: black; }

div#main p { margin: 5px 0; }
div#mainContentProfile p { margin: 0; padding: 0; border: 0; }


/*-- 8. ID FOOTER --*/
div#footer {
	background: #BABABA url(../img/bgFooter.png) no-repeat top center;
	color: black;
	
	float:left;   
	width:868px;  
	
	text-align: center;
	padding-bottom: 30px;
}

div#footerLinks {
    float:left;
    padding-left:346px;

	color: white;
	text-align: center;
	padding-bottom: 30px;
}
/*-- 9. BOXES (FOR EVENTTABLE, FORMS, etc.) --*/
/* 9.1 CLASS box */
div.box {
	background: #EAEAEA url(../img/bgBox.jpg) repeat-x;
	color: black;
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	width: 540px;
}

div.boxHeader {
	background: white url(../img/headBox.jpg) no-repeat bottom center;
	color: black;
	width: 540px;
	height: 5px;
}

div.boxContent { padding: 20px 15px 20px 15px; margin: 0 15px; }

div.boxFooter {
	background: white url(../img/footBox.jpg) no-repeat top center;
	color: black;
	height: 5px;
}

/* 9.2 CLASS boxSmall (smaller box for profiles)*/
div.boxSmall {
	background: #EAEAEA url(../img/bgBox.jpg) repeat-x;
	color: black;
	clear: both;
	/*font-size: 1.1em;
	font-weight: bold;*/
	position: relative;
	top: 0;
	left: 0;
	width: 360px;
}

div.boxSmallHeader {
	background: white url(../img/headBoxSmall.jpg) no-repeat bottom center;
	color: black;
	width: 360px;
	height: 18px;
}

div.boxSmallContent { padding: 15px 15px 10px 15px; margin: 0 15px 0 0; min-height: 30px; }

div.boxSmallFooter {
	background: white url(../img/footBoxSmall.jpg) no-repeat top center;
	color: black;
	height: 10px;
	padding-bottom: 10px;
}

/*-- 10. PICS AND DATA DIVS (FOR PROFILES) --*/
div#data {
	background: white;
	color: black;
	/*position: relative; 
	top: -5px;   
	left: 165px; */
	float:right;
	width: 380px;
/*	clear: both; */
	padding: 20px 10px 0 10px;
	margin-bottom: -5px;
}

div#pics {
	text-align: center;
/*	position: absolute; 
	left: 20px;    */
	float:left;      
	margin-top: 25px;
	padding-left:10px;
	width: 150px;
	/*padding-bottom: 40px;*/
}
div#pics img { border: 3px solid white; margin: 0 0 10px 0; }

div#advert {
	text-align: center;
/*	position: absolute;
	left: 30px; */
	margin-top:20px;
	margin-left:15px;       
	width: 190px;
}


div#advert img { 
	border: 3px solid white;
	margin: 0 0 10px 0;
	display: block;
	width: 190px;
	/*height: 100px;*/
}

div.profileUserImg {
	width: 147px;
	height: 147px;
	position: absolute;
	right: 5px;
	text-align: center;
}

div.profileUserImg img { border: 3.5px solid white; }

img.logo {
	max-width: 147px;
	max-height: 147px;
}

div.profileAdditionalInfo {
	top: 0px;
	position: relative;
	right: 15px;
	width: 150px;
	float: right;
}

div.profileAdditionalInfoPic {
	top: 20px;
	position: absolute;
	right: 15px;
	width: 150px;
	float: right;
}

h2.profileName { width: 200px; padding-bottom: 20px; float:left;}

/*-- 11. CLASS eventTable --*/
table.eventTable,
table.personalEventTable,
table.userOverviewTable {
	background: transparent;
	color: black;
	width: 540px;
	text-align: left;
	border-spacing: 5px;
	padding: 20px 0 20px 8px;
}

table.eventTable {
	table-layout: fixed;
}

table.eventTable td {
	overflow: hidden;
}

table.eventTable td,
table.personalEventTable td,
table.userOverviewTable td {
	vertical-align: top; }

table.eventTable th.date { width: 75px; }
table.eventTable th.desc { width: 150px; }
table.eventTable th.cat { width: 85px; }
table.eventTable th.time { width: 60px; }
table.eventTable th.info { width: 35px; }

/*table.eventTable td { vertical-align: top; border: 1px solid;}*/
table.eventTable td.date { width: 75px; }
table.eventTable td.desc { background: transparent; color: black; width: 150px; }
table.eventTable td.cat { width: 85px; }
table.eventTable td.time { width: 60px; }
table.eventTable td.info { width: 35px; }
table.eventTable caption { display: none; }
table.eventTable th { background: transparent; color: #999999; font-weight: normal; padding-bottom: 8px; }

table.personalEventTable th.name,
table.personalEventTable td.name { }
table.personalEventTable th.date,
table.personalEventTable td.date { width: 70px; }
table.personalEventTable th.mark,
table.personalEventTable td.mark { width: 120px; }
table.personalEventTable th.edit,
table.personalEventTable td.edit { width: 80px; }
table.personalEventTable th.delete,
table.personalEventTable td.delete { width: 60px; }
table.personalEventTable th.unlock,
table.personalEventTable td.unlock { width: 70px; }

/*-- 12. FORMS --*/
.okButton { position: relative; top: 5px; }

.step { background: transparent; color: #666666; font-weight: normal; }
.stepActive { background: transparent; color: black; font-weight: bold; }
.stepActive span { background: transparent; color: #FF6600; font-weight: normal; }

div.form label { text-align: left; }

/*-- 12.1 FORM TYPE 1 --*/
div.form1 { text-align: center; }
div.form1 legend,
div.form1 p { text-align: left; }

/*-- 12.2 FORM TYPE 2 --*/
div.form2 { text-align: left; margin: 10px 0 0 -30px; }
div.form2 legend { text-align: right; padding: 20px 0 20px 70px; }
div.form2 label,
div.form2 input, 
div.form2 select { display: block; float: left; width: 180px; margin-bottom: 20px; }
div.form2 label { text-align: right; padding-right: 20px; }
div.form2 input[type=radio] { width: auto; }
div.form2 p { padding-left: 140px; }

p.hintLeft { background: transparent; color: #666; padding: 0 20px 0 175px; }
form div.submitCentered { text-align: center; margin: 30px 0; }

/*-- 12.2.1 REVERSED TYPE 2 --*/
.reversed2 { text-align: left; margin: 10px 0 0 145px; width: 350px;}
.reversed2 label { display: block; float: left; margin: 0 0 20px 10px; width: 250px; }
.reversed2 input {
	display: block;
	float: left;
	text-align: left;
	width: auto;
	padding-left: 35px;
	margin-bottom: 20px;
}

/*-- 12.3 FORM TYPE 3 --*/
div.form3 { text-align: left; margin-top: 10px; }
div.form3 legend { margin: 20px 0; }
div.form3 label,
div.form3 input,
div.form3 select,
div.form3 textarea { display: block; float: left; width: 164px; margin-bottom: 20px; }
div.form3 input[type=checkbox] { width: auto; }
div.form3 label { text-align: left; width: 140px; }
div.form3 p.userName { padding-bottom: 20px; }
div.form3 p span { padding-left: 66px; }

form div.submitLeft { text-align: left; margin: 30px 0; }
div.form3 input[type=submit] { width: 140px; }

div#manualLocationEntry
{
display: none;
}

/*-- 12.3.1 acceptUser --*/
/*div.acceptUser { margin-left: 110px; }
div.acceptUser label { padding-right: 10px; width: 200px; text-align: right; } */
div.acceptUser { margin-left: 0px; }
div.acceptUser label { padding-right: 0px; width: 200px; text-align: right; }

/*-- 12.4 FORM TYPE 4 --*/
div.form4 { text-align: left; width: 540px; padding: 0 0 10px 0; }
div.form4 legend { margin: 20px 0 20px 75px; }
div.form4 label,
div.form4 input, 
div.form4 select {
	color: black;
	display: block;
	width: 180px;
	float: left;
	margin-bottom: 20px;
}

div.form4 label { text-align: left; padding-left: 15px; padding-right: 20px; }
div.form4 input { width: auto; }

form p.hintLeft { color: black; margin: 0 20px 0 175px; }

form div.submitCentered { text-align: center; margin: 30px 0; }

/*-- 12.5 FORM TYPE 5 --*/
div.form5 { text-align: left; margin: 10px 0 10px 0; }
div.form5 legend { margin: 20px 0 20px 75px; }
div.form5 label,
div.form5 input {
	color: black;
	display: block;
	width: 180px;
	float: left;
	margin: 20px 0 20px 0;
}

div.form5 label { text-align: right; padding-right: 20px; }
div.form5 input[type=submit] { width: auto; }
div.form5 p { padding: 20px 0 0 200px; }

div select.day,
div select.month,
div select.year,
div select.hour,
div select.minute,
div select.category { width: auto; }

/*-- 13 FORM TYPE 6 (radiobuttons) --*/
/*div.form6 { background: red; height: 3em; }
div.form6 input[type=radio] { background: blue; }
div.form6 label { background: yellow; margin-top: -0.5em; }*/

div.form6 legend { padding: 20px 0; }
div.form6 input { margin-left: 114px; }

div.form6 input,
div.form6 label {
	margin-top: 20px;
}


/*div.form6 span {
	margin-top: 3px;
	height: 40px;
	padding-left: 5px;
}*/

/*-- 13. CATEGORY BOXES (FOR DAILY TIPS, PREVIEWS) --*/

div.categoryBox { width: 540px; clear:both;}

/*.Kultur, .Musik, .Sport, .Sonstiges {*/
/*.Ausstellung,*/
/*.Börse,*/
/*.Ausstellung/Börse/Messe,  das geht so nicht */
/*.Frauen,
.Kinder,
.Kultur,
.Markt,
/*.Messe,*/
/*.Musik,
.Sonstiges,
.Sport,
.Vorträge,
.Wanderungen*/
div.category {
	background: #E9E9E9 url(../img/bgBox.jpg) repeat-x;
	color: black;
	width: 360px;
	padding: 5px 5px 15px 5px;
	border-left: 10px solid black;
	margin-bottom: 10px;
}

div.searchCategory {
	margin-left: 215px;
}

/*div.Börsen/Messen/Ausstellungen { border-left: 10px solid blue; }*/
/*div.Ausstellung { border-left: 10px solid blue; }
div.Börse { border-left: 10px solid #F0E68C; }*/
div.Frauen { border-left: 10px solid #FF69B4; }
/*div.Kinder/Junge Leute { border-left: 10px solid yellow; }*/
div.Kultur { border-left: 10px solid #639; }
div.Markt { border-left: 10px solid #191970; }
/*div.Messe { border-left: 10px solid aqua; }*/
div.Musik { border-left: 10px solid #F30; }
div.Sonstiges { border-left: 10px solid silver; }
div.Sport { border-left: 10px solid #093; }
div.Vorträge { border-left: 10px solid maroon; }
div.Wanderungen { border-left: 10px solid #20B2AA; }

/*div.eventInfo {
	background: green;
	position: absolute;
	left: 425px;
	padding-top: 5px;
}*/

div.eventInfo {
	left: 425px;
	float:right;
	padding-bottom:10px;
}

/*div.eventInfo { position: absolute; left: 425px; padding-top: 5px; }*/

/*-- 14. OTHER CLASSES --*/
strong.highlight1 { background: transparent; color: red; font-weight: bold; }

div.alignElements {
	position: relative;
	width: 540px;
	height: 30px;
	margin: 10px 0;
}

/*div.alignElementsProfile {
	background: transparent;
	position: absolute;
	width: 279px;
	height: 30px;
	right: 40px;
}*/

p.pageLinksProfile { position: absolute; right: 15px; }

div.alignElements h2,
div.entriesPerPage { position: absolute; top: 0; left: 0; }

div.alignElements h2 img { margin-top: 7px; }

p.pageLinks,
div.sortBy { position: absolute; top: 0; right: 0; }

p.pageLinks { margin-top: 5px; }

p.content1 { margin: 0 20px; }
p.spacer5 { height: 5px; }
p.spacer10 { height: 10px; }
p.spacer15 { height: 15px; }
p.spacer20 { height: 20px; }
p.spacer25 { height: 25px; }
p.spacer30 { height: 30px; }
p.spacer40 { height: 40px; }
p.spacer50 { height: 50px; }
p.spacer60 { height: 60px; }
p.spacer80 { height: 80px; }
p.spacer100 { height: 100px; }

.accent { font-weight: bold; }
.desc { background: transparent; color: #666666; }
.print { display: none; } /*hide text headings used for printing, show picture headings instead*/

.lineThrough { text-decoration: line-through; }
.error { border: 1px dashed red; padding: 3px; }

p.emptyMessage { padding: 25px 0 15px 0; }

.agbcas { margin-left: 20px; }


.form3 .defaultSkin table.mceToolbar {
	float:left;
}

.lib	{
	float:right;
	display:block;
	margin-right:5px;
	//margin-right:5px;
	margin-top:5px;
}

.library {
background:#F9AC50 none repeat scroll 0 0;
height:340px;
overflow-y:scroll;
overflow-x:hidden;
padding:10px 10px 0 0;
position:absolute;
text-align:right;
width:485px;
}
.library ul	{
	list-style:none;
}
.library ul li	{
	display:block; float:left;width:145px;margin-left:10px;margin-bottom:10px; height:145px;text-align:center;
}
.library ul li a img {
	border: 1px solid #f9ac50;
}
.library ul li a:hover img{
	border: 1px solid black;
}
.library .close {
	color:black;
	font-weight:bold;
	line-height:20px;
}
.thumb {
	float:right;
	margin-right:3px;
	//position:absolute;
	//margin-left:3px;
}
.eventcr	{
	float: right; 
	display: block;
	margin-top:5px;
}
.marg{
	margin-right:20px;
}
.mceToolbar p span {
padding-left:0px !important;
}

.all_day {display:block;float:left;margin-right:5px;}
.big_img {position:absolute; background:white;z-index:100;margin-left:180px;_margin-left:20px;*margin-left:20px;_margin-top:10px;*margin-top:10px;border:5px solid #f6a94f;}
.bigpic {border:3px solid white;}
.times td{padding:0px;margin:0px;line-height:10px;padding-right:8px;}
div.eventInfo {width:155px;}
.all_day {display:block;float:left;margin-right:5px;}
div#conmainbox {float:left;
                background:transparent url(../img/bgContai1.jpg) repeat-y center top;
                width:868px;
                }
div.profileAdditionalInfoPic {
	right:50px;
	top:240px;
}
div.eventInfo {
left:670px;
}