/*RIA Css for Adleria Gutach*/ 

/********************* Colour reference chart****************
*************************** comment ********* colour ******** 
							search		replace
light basic		lb		#f6f7bd			#F6F7BD
medium basic	mb		#e6ac27			#E6AC27
dark basic		db		#655643			#655643
warm accent		wa		#bf4d28			#BF4D28
cold accent		ca		#80bca3			#80BCA3
*/

@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-ExtraBold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;}
@font-face {
    font-family: 'Raleway';
    src: url('Raleway-Heavy.otf') format('opentype');
    font-weight: 800;
    font-style: normal;}


/*########  1. Main and Geometry of wrapper*/
body, html {	font-family: 'Raleway', sans-serif;	
	font-weight:normal;	
	font-size:120%;
	color:/*db*/#655643;
	height:100%;
	margin:0;
	background:#fff;/*6f7bd url(subtle_stripes.png) repeat*/;}

   
#content {
	min-height:100%;}

#header{
	padding: 0 auto 25px auto;	
	clear:both;
	position: relative;
	z-index: 10;
	}

#main{	padding:0 10%; 
	clear:both;}

#footer {width:80%;
	margin: 0 0 0 0;
	padding:40px 10% 40px 10%;
	bottom:0;
	text-align:center;}



/*########  1.1. Headers*/
h1, h2, h3, h4, h5, h6 {margin-top:1.6rem; margin-bottom:0.6rem; font-weight:200; color:/*wa*/#bf4d28;}
h1 { font-size:2.2rem; line-height:2.3rem;}
h2 { font-size:1.8rem; }
h3 { font-size:1.22rem; }
h4 { font-size:1.07rem; }
h5 { font-size:1.0rem; }
h6 { font-size:1.0rem; }

/*####### 1.2. Com. Elements*/
img{	border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
	border : 0;
	max-width: 100%;
	height: auto;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

dt { 
font-weight : 400; }

dd {margin: 0 6px;}

a {text-decoration:none;} 
a, a:visited {color:/*wa*/#bf4d28; font-weight:200;}	
a:hover {text-decoration:none; color:/*ca*/#80bca3;} 	

.createlink {visibility:hidden;}

ul, 
ol { 
margin : 0 0 0 0; 
padding : 0 0 0 24px; }

li ul, 
li ol { 
margin : 0;}

/*########  2. Header Section*/
#header {
	background:/*lb*/#f6f7bd /*url(vertical_cloth.png) repeat*/; 
	/*border-bottom: solid #B32900 14px;*/}

/*########  2.0 Logo Section*/
#wikilogo { display:block;	
	padding:30px 0 ;
	text-align:center;
	background: no-repeat url(logo.png) center bottom; 
	height:100px;
	width:100%;}

/*reset of common img settings*/
#wikilogo img{ 
	padding:20px 0 ;
	border-radius: 0px;
        -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
        -webkit-border-radius: 0px;}






/*########  2.1.Navigation*/
nav { 	width:80%;
	padding: 0 10%;
	margin-top:14px;	
	font-size:1.4rem;
	background:/*wa*/#bf4d28 /*url(vertical_cloth.png) repeat*/;}

/*######## 2.1.1 TopLevel Nav*/
nav ul {padding: 0px;
	margin: 0px;}

nav ul:after {
	clear: both;
	content: " ";
	display: block;	
	font-size: 0;
	height: 0;
	visibility: hidden;}

nav ul li {width:25%; min-width:120px;
	text-align: center;
	display: inline-block;
	list-style: none;
	float:left;}

nav ul li a {
	text-decoration: none;
	display: block;	
	font-weight:normal;		
	padding: 14px 0;}

nav ul li:hover > ul {
	visibility: visible;}

/*nav ul li a{
	font-size:1.4rem;}*/

nav ul li a, nav ul li a:visited { color:/*lb*/#f6f7bd;}
nav ul li a:hover {color:/*wa*/#bf4d28; background-color:/*lb*/#f6f7bd;text-decoration:none;}



/*######## 2.1.2 SubLevel Nav*/
nav ul li ul{
	display: inline;
	visibility: hidden;
	position: absolute;
	width:20%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

nav ul li ul li{
	float: none;
	width:100%;}

nav ul li ul,
nav ul li ul li{
	background-color: rgba(250, 250, 250, 0.7);}


nav ul li ul li a, nav ul li ul li a:visited {color:#333;}
nav ul li ul li a:hover {color:/*wa*/#bf4d28; background-color:rgba(0,0,0,0.2);}

/*######## 3. Footer Section*/
#footer {
	background:/*ca*/#80BCA3 /*url(tweed.png) repeat*/;
	font-weight:400;
	font-size:1.0rem;
	color:/*db*/#655643;
	border-top: solid 14px /*ca*/#e6ac27; }
#footer li {color:/*lb*/#f6f7bd;}

#footer a {	
	color:/*wa*/#bf4d28; 
	border-bottom: 1px /*lb*/#f6f7bd ;}
.maintenance {
	padding: 0 20%;
	text-align:left;}
.maintenance li{padding:5px 0;}
	


/*######## 4. Special Pages*/

.colorbox {margin:20px -12.5% 0 -12.5%;  padding:20px 12.5% 40px 12.5%; }
.colorbox {color:/*lb*/#f6f7bd; background:/*wa*/#bf4d28 /*url(vertical_cloth.png) repeat*/; border-top: solid 14px /*ca*/#80bca3; border-bottom: solid 14px /*ca*/#80bca3;}
.colorbox h2, .colorbox h1 {color:/*wa*/#bf4d28;}
hr {margin:6px 10%; width:80%; height:1px;}
hr {background-color: /*db*/#655643; color:/*db*/#655643; border-color:/*db*/#655643; }
.colorbox hr {background-color: /*lb*/#f6f7bd; color/*lb*/#f6f7bd; border-color:/*lb*/#f6f7bd; }
.maillist .inputbox {width:100%;  }
.maillist .inputbutton {width:30%; min-width:120px;
			margin:6px 8% 0 8%;}

.showcase img{width:100%; }
.details img{width:auto; border-radius:0;}

.event.group.section {margin: 14px 0;  /*border-top: dotted 4px #B32900;*/}
.event.group.section:nth-child(even) {color:/*lb*/ #f6f7bd; background:/*wa*/ #bf4d28 /*url(vertical_cloth.png) repeat*/; margin: 0 -12.5%; padding: 0 12.5%;} 
.event.group.section:nth-child(even) a, .event.group.section:nth-child(even) h2 {color:/*lb*/ #f6f7bd;}
.event.group.section:nth-child(even) hr {background-color: /*lb*/ #f6f7bd; color:/*lb*/ #f6f7bd; border-color:/*lb*/ #f6f7bd; }
.event.group.section:nth-child(even) .cat {background-position:-50px;}
.event.group.section:nth-child(even) a:hover {color:/*mb*/#e6ac27;}

.cat{	display:block;  
	overflow:hidden;	
	width:30px; 
	/*background: url(up.png) 0 0 no-repeat;*/
	height:30px;}

.Konzert {background:url(eventcatKonzert.png) no-repeat;}
.Dinner, .Brunch {background:url(eventcatDinner.png) no-repeat;}
.Theater {background:url(eventcatTheater.png) no-repeat;}
.Begegnung {background:url(eventcatBegegnung.png) no-repeat;}
.Film, .PubView {background:url(eventcatFilm.png) no-repeat;}
.Disco, .Tanz {background:url(eventcatVinyl.png) no-repeat;}
.OnlineMenu .Geburtstag {display:inline-block; background: url(birthday.png) no-repeat left center; padding: 0 0 0 25px;}

.frame , .showcase .rfloat{
	border:none;
	padding:1%;	
	border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
	/*-moz-box-shadow: 5px 5px 3px #f6f7bd;
	-webkit-box-shadow: 5px 5px 3px #f6f7bd;
	box-shadow: 5px 5px 3px #f6f7bd;*/
	margin-bottom:10px}

.pmcaltoday, .pmcaltoday a {background:/*wa*/#bf4d28;  color:/*db*/#655643;}






/* These affect the main content area. */
#wikibody { 
  padding:0px 10px 10px 10px; 
  font-size:11pt; }

#wikicmds { 
  float:right; white-space:nowrap; 
  font-family:Verdana,sans-serif; font-size:80%; 
}
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin:0px 5px; }
#wikicmds li a { text-decoration:none; border:none; }
#wikicmds li a.createlink { display:none; }
#wikicmds li a:hover { text-decoration:underline; }
.pagegroup { margin-top:8px; margin-bottom:2px; }
.pagetitle { line-height:1em; margin:0px; font-size:1.6em; font-weight:normal; }
.wikiaction { margin-top:4px; margin-bottom:4px; }
#wikitext { margin-top:12px; line-height:1.33em; }
#wikitext table { font-size:100%; line-height:1.33em; } /* For MSIE 5.5 */

/* These are for the edit form. */
#wikiedit form { margin:0px; width:100%; }
#wikiedit textarea { width:100%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }


/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:auto; margin:0px; padding:0.5em; }
  #wikihead, #wikileft, #wikicmds, .footnav { display:none; }
  #wikifoot { padding:2px; }
}

/* IMAGES ============================================================================= */


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption { 
padding : .25em 10px .25em 5px;
vertical-align:middle; }

table img{border-radius: 0px;
        -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
        -webkit-border-radius: 0px;}

/* FORMS ============================================================================= */

form { 
margin : 0; }
input {font-family: 'Raleway', sans-serif;}

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:/*lb*/#f6f7bd;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:/*mb*/888;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0;
cursor : pointer; 
}

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
margin:0;
border:1px solid /*mb*/#e6ac27;;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:/*lb*/#f6f7bd;
/*-moz-box-shadow:inset 0px 0px 6px #655643;
-webkit-box-shadow:inset 0px 1px 6px #655643;
box-shadow:inset 0px 1px 6px #655643;*/
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:/*mb*/#80bca3;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:/*mb*/#80bca3;
	background:/*lb*/#f6f7bd;
	/*-moz-box-shadow:inset 0px 0px 2px #bf4d28;
	-webkit-box-shadow:inset 0px 1px 2px #bf4d28;
	box-shadow:inset 0px 1px 2px #bf4d28;*/
	}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
/*-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00;*/ }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : /*mb*/#80bca3; }

/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p, li{
	hyphens : auto;  
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; }

p{
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

@media only screen and (max-width: 480px){
#wikilogo {
	background: no-repeat url(logo_mobile.png) center bottom; 
	min-height:100px;}

.showcase .rfloat {width:100%; position:relative; background:inherit; margin:0; text-align:left;}


}