/*==============================================================*/
/* Design-sheet: style.css										*/
/* Homepage: MicroRavez											*/
/* Web-Adress: grimbichler.microravez.ch						*/
/* Author: David Grimbichler									*/
/*==============================================================*/

/* properties of background-body */
body {  
	z-index: 1;
	margin: 0; 
	padding: 0; 
	height: auto; 
	background-color: #2b2b2b; 
}

/* properties of images */
img {
	border: none;
}

/*==================================*/
/* all base-design-properties 		*/
/*==================================*/
/* id-properties of main-body (use only one time per page) */
#body{ 
	z-index: 1;
	width: 90%; 
	height: auto; 
	position: absolute; 
	top: 340px; 
	left: 50%; 
	margin-left: -45%; 
	background-color: #2b2b2b;
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 14px
}

/* id-properties of the logo-part (use only one time per page) */
#logo   { 
	z-index: 2;
	width: 100%;
	height: 230px; 
	position: absolute;  
	background-color: #101010;
}

/* id-properties of the logoimage-part (use only one time per page) */
#logoimage   { 
	z-index: 2;
	width: 140px;
	height: 140px; 
	left: 50%;
	margin-left: -410px;
	top: 10px;
	position: absolute;  
}

/* id-properties of the logoname-part (use only one time per page) */
#logoname   { 
	z-index: 2;
	height: 80px;
	width: auto; 
	left: 50%;
	margin-left: -250px;
	top: 50px;
	position: absolute; 
}

/* id-properties of the navigationbar (use only one time per page) */
#nav    {
	z-index: 2; 
	width: 100%; 
	height: 60px; 
	position: absolute; 
	top: 160px; 
	left: 50%; 
	margin-left: -50%; 
	background-color: #101010;
}

/* class-properties of the navigationbar */
.nav{
	text-decoration: none;
	font-family: 'Open Sans';
	font-size: 34px;
	color: #00cc09;
}

/* class-properties of the Navline-part */
.navlinie  { 
	background-image:url(images/navlinie.png);
	width: 150px;
	height: 1px; 
	bottom: 2px;
	position: relative;
}

/* class-properties of the Navline-part */
.subnavlinie  { 
	background-image:url(images/subnavlinie.png);
	width: 100px;
	height: 1px; 
	bottom: 1px;
	position: relative;
	left: 25%;
	visibility: visible;
}

/* class-properties of the Trennlinie-part */
.trennlinie  { 
	background-image:url(images/trennlinie.png);
	width: 800px;
	height: 1px; 
}

/* class-properties of the Training Diary Icon */
.diaryIcon  { 
	background-image:url(images/diary.png);
	width: 150px;
	height: 200px; 
	position: relative;
	float:left;
	margin-top: 20px;
	margin-right: 50px;
	box-shadow: 0px 0px 10px #000000;
}
.diaryIcon.content{
	text-align: center;
	position: absolute; 
	bottom: 0;  
}

/* id-properties of the subnavigationbar (use only one time per page) */
#subnav	{
	z-index: 1;
	width: 100%;
	height: 100px;
	position: relative;
	top: 230px;
	background-color: #1f1f1f;
}

/* class-properties of the subnavigationbar */
.subnav{
	text-decoration: none;
	font-family: 'Open Sans';
	font-size: 26px;
	color: #00cc09;
}

/* id-properties of the subnavigationbar topline (use only one time per page) */
#subnavtop{
	width: 90%; 
	height: 50px; 
	position: absolute; 
	left: 50%; 
	margin-left: -45%;  
}

/* id-properties of the subnavigationbar bottomline (use only one time per page) */
#subnavbottom{
	width: 80%; 
	height: 50px; 
	position: absolute; 
	left: 50%;
	top: 50px; 
	margin-left: -40%;  
}

/* class-properties to hide some objects */
.hidden{
	visibility: hidden;
}

/* class-properties to show some objects */
.visible{
	visibility: visible;
}

/* class-properties for Event-Objects */
.event{
	width: 700px;
	height: auto;
	margin-bottom: 60px;
}

/* class-properties of the Eventimage-part */
img.eventimage  { 
	width: 280px;
	height: auto; 
	position: relative;
	box-shadow: 0px 0px 10px #000000;
	margin-bottom: 60px;
}

/* class-properties of the Eventimage-part */
.eventimage  { 
	width: 280px;
	height: auto; 
	float:left;
	margin-right: 20px;
}

/* class-properties for maps in events */
.eventmap{
	width: 400px;
	height: 250px;
	float:left;
	margin-top: 20px;
	box-shadow: 0px 0px 15px #000000;
}

/* class-properties for contact-objects */
.contact{
	height:350px;
	width:700px;
	margin-bottom: 100px;
}

/* class-properties for image in contact */
.contactimage{
	width: 600px;
	height: auto; 
}

/* class-properties for image in contact */
img.contactimage{
	width: 600px;
	height: auto; 
	position: relative;
	box-shadow: 0px 0px 10px #000000;
}

/* class-properties for map in contact */
.contactmap{
	height:300px;
	width:600px;
	box-shadow: 0px 0px 15px #000000;
}

/* class-properties for Team-Objects */
.team{
	width: 700px;
	height: 350px;
	margin-top: 20px;
}

/* class-properties of the teamimage-part */
img.teamimage  { 
	width: 600px;
	height: auto; 
	position: relative;
	box-shadow: 0px 0px 10px #000000;
	left: 50%;
	margin-left: -250px;
}

/* class-properties of the Teamimage-part */
.teamimage  { 
	width: 600px;
	height: auto; 
	float:left;
	margin-bottom: 10px;
}

/* class-properties for profil-Objects */
.profil{
	width: 700px;
	height: 350px;
	margin-top: 20px;
}

/* class-properties of the profilimage-part */
img.profilimage  { 
	width: 200px;
	height: auto; 
	position: relative;
	box-shadow: 0px 0px 10px #000000;
}

/* class-properties of the profilimage-part */
.profilimage  { 
	width: 200px;
	height: auto; 
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/************************************/
/* end of base-design-properties 	*/
/************************************/

/*==================================*/
/* all special table-div-properties */
/*==================================*/
/* class-properties of the table-div */
div.table { 
	display: table;
 	border-collapse: collapse;
}

/* class-properties of the eventtable-div */
div.table.eventtable { 
	display: table;
 	border-collapse: collapse;
 	width: 100px; 
 	height: 100px; 
 	float: left;
}

/* class-properties of the teamtable-div */
div.table.teamtable { 
	display: table;
 	border-collapse: collapse;
 	width: 100px; 
 	height: 100px; 
 	float: bottom;
}

/* class-properties of the profiltable-div */
div.table.profiltable { 
	display: table;
 	border-collapse: collapse;
 	float: left;
}

/* class-properties of the table-row-div */
div.tr    {
	display: table-row; 
}

/* class-properties of the div subnavigationbar (use only one time per page) */
div.tdnav    {
	display: table-cell;
	border: 0px none;
	text-align: center;
	vertical-align: bottom;
	width: 150px;
	float: left;
	height: 40px;
}

/* class-properties of the div subnavigationbar topline(use only one time per page) */
div.tdsubnavtop    { 
	display: table-cell; 
	border:0px none; 
	text-align: center; 
	vertical-align: middle;
	width: 25%;
	height: 45px;
	float: left;
}

/* class-properties of the div subnavigationbar bottomline(use only one time per page) */
div.tdsubnavbottom    { 
	display: table-cell; 
	border:0px none; 
	text-align: center; 
	vertical-align: middle;
	width: 20%;
	height: 45px;
	float: left;
}

/* class-properties of the div tdevent */
div.tdevent    { 
	display: table-cell; 
	border: 0; 
	text-align: left; 
	vertical-align: top;
	width: 150px;
}

/* class-properties of the div tdeventright */
div.tdevent    { 
	display: table-cell; 
	border: 0; 
	text-align: left; 
	vertical-align: top;
	width: 200px;
}

/* class-properties of the tdteam */
div.tdteam    { 
	display: table-cell; 
	border: 0; 
	text-align: left; 
	vertical-align: middle;
	width: 150px;
}

/* class-properties of the tdprofil */
div.tdprofil    { 
	display: table-cell; 
	border: 0; 
	text-align: left; 
	vertical-align: middle;
	width: 60%;
	height: auto;
}

span.tab{
    padding: 0 10px; /* Or desired space*/
}

/***************************************/
/* End of special table-div-properties */
/***************************************/

/*==================================*/
/* all Text- and Content-properties 				*/
/*==================================*/

/* class to design de Dancer-Profile */
.contentDancerprofile{
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 24px;
	cursor: default;
	visibility: visible;
}

/* class for a normal content */
.contentNormal{
	margin-bottom: 100px;
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 24px;
	cursor: default;
	clear: left; /* The clear property specifies on which sides of an element floating elements are not allowed to float */
}

/* class for a normal content */
.content{
	margin-bottom: 40px;
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 24px;
	cursor: default;
	clear: left; /* The clear property specifies on which sides of an element floating elements are not allowed to float */
}

/* class for a contentLoggedIn content */
.contentLoggedIn{
	z-index: 2;
	left: 50%;
	margin-left: 250px;
	top: 10px;
	position: absolute; 
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 18px;
	cursor: default;
}

/* class for a Failure content */
.contentFailure{
	font-family: Verdana; 
	color: #ff0000; 
	font-size: 10px;
	cursor: default;
}

/* class for a Failure content */
.contentBigFailure{
	font-family: Verdana; 
	color: #ff0000; 
	font-size: 22px;
	cursor: default;
}

/* class for a Failure content */
.contentSuccess{
	font-family: Verdana; 
	color: #00cc09; 
	font-size: 22px;
	cursor: default;
}

/* class to design the Dancer-Profile */
.contentAboutus{
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 24px;
	cursor: default;
	visibility: visible;
}

/* class to design the DiaryDivTitle-Profile */
.contentDiaryDivTitle{
	font-family: Verdana; 
	color: #00cc09; 
	font-size: 24px;
	position: relative;
	top: 160px;
	text-align: center;
	visibility: visible;
}

.contentThreadTexPreview{
	margin-bottom: 5px;
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 10px;
	cursor: default;
	clear: left;
}


/* class-properties of the Headings */
h1.heading1{
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 40px;
	cursor: default;
}

/* class-properties of the Heading */
h2.heading2{
	font-family: Verdana; 
	color: #afafaf; 
	font-size: 36px;
	cursor: default;
}

/* class-properties of the Heading */
h3.heading3{
	font-family: Verdana; 
	color: #afafaf;
	font-size: 34px;
	cursor: default;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 40px;
}

/* class-properties of the Contact-Ardess (mailto) */
.contact{
	text-decoration: none;
	font-family: 'Open Sans';
	font-size: 24px;
	color: #00cc09;
}

/* class-properties for links */
.link{
	text-decoration: underline;
	font-family: 'Open Sans';
	font-size: 25px;
	color: #00cc09;
}

/* class-properties for small links */
.smalllink{
	text-decoration: underline;
	font-family: 'Open Sans';
	font-size: 16px;
	color: #00cc09;
}

hr.line{
	width: 200px; 
	left: 50%; 
	color: #afafaf; 
	background-color: #afafaf; 
	height:1px; 
	border:0px;
}

/************************************/
/* End of Text-properties 			*/
/************************************/

/*
#menu {
	background-image: url(images/index_08.jpg);
	height: 684px;
	width: 184px;
	box-shadow:  inset 0 5px 5px rgba(200,200,200,0.5);
}
.menu {
	background-image: url(images/index_08.jpg);
	height: 684px;
	width: 184px;
}
.menu ul {
	margin: 0;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;
}

.menu li {
	display: inline;
}
.menu a {
	height: 39px;
	width: 184px;
	font-family: "century Gothic";
	font-size: 17px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	padding-right: 0px;
	line-height: 2;
}

#content_1 {
	background-image: url(images/index_03.jpg);
	height: 388px;
	width: 557px;
	font-family: "century Gothic";
	color: #FFFFFF;
	font-size: 12px;
}
.content{
	font-family: "century Gothic";
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 10px;
}
.title{
	font-family: "century Gothic";
	color: #FFFFFF;
	font-size: 22px;
	padding-top: 10px;
	padding-left: 10px;
}
#content_2 {
	background-image: url(images/index_10.jpg);
	height: 388px;
	width: 557px;
}	
#footer {
	background-image: url(images/index_14.jpg);
	height: 20px;
	width: 437px;
}

#top {
	background-image: url(images/index_01.jpg);
	height: 106px;
	width: 800px;
}

.menu a:hover {
	width: 184px;
	height: 39px;
	color: #FFFFFF;
	background: url(images/button_hover.png);
	background-repeat: no-repeat;
	padding-right: 0px;
}
.footer {
	font-size: 10px;
	color: #FFFFFF;
	font-family: "century Gothic";
}
.style1 {
	font-size: 8px;
	color: #000107;
}
*/