html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 1em;
font-family:Archivo Narrow;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

body {
  color: #fdfae7; background-color: #362f29;
  line-height: 120%;
  background-image:url(../pics/background_.png);
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 0;
  min-width: 1024px; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

ol, ul {
list-style: none;
}

a:link, a:visited, a:hover, a:active {
	color : #e3c08a;
	text-decoration : none;
}



nav#mobile a {
	text-decoration: none;
	color: #FFF;
}


/*
Entire Menu System
*/

nav#mobile {
	background-color:#111;
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
	display:none;
	/*
	Add the lines below to force the menu bar stay fixed at the top of the page while scrolling.
	position:fixed;
	width:100%;
	*/
}

/*
Top black bar that holds the toggle button
*/

nav#mobile #toggle-bar {
	line-height:70px;
 
}

/*
Toggle button #1 ("Menu")
*/

nav#mobile strong a {
	margin-left:30px;
	border:1px solid #444;
	padding:10px;
}

/*
Toggle button #2 ("Navicon")
*/

nav#mobile .navicon {
	float: right;
	height: 6px;
	width: 34px;
	margin: 20px;
	border-top: 18px double #FFF;
	border-bottom: 6px solid #FFF;
	font-size:0;
}

/*
The dropdown menu
*/

nav#mobile ul li {
	clear:both;
	list-style:none;
}

nav#mobile ul li a {
	display:block;
	background-color:#300;
	text-transform:uppercase;
	letter-spacing:.2em;
	margin:2px 0;
	padding:6px 0 6px 8px;
}

nav#mobile ul ul {
	font-size:small;
}

nav#mobile ul ul li {
	margin-left:30px;
}

nav#mobile ul ul a {
	background-color:#333;
	padding-left:8px;
}

nav#mobile ul ul a:before {
	content: "\2192";
	padding-right:8px;
}



/*  +++++++++++++++++++++++++++++++++++++++ Main Template  +++++++++++++++++++++++++++++++++++++++  */

div#TopLanguage {
  height: 155px;
  background-image:url("../pics/logo.png");
  background-repeat: no-repeat;
}

div#main_navigation{ 
  background-image:url("../pics/background_menue.png");
  border: 3px;
  border-color: #fdfae7;
}

div#box_top {
  display:none;
  color: #fdfae7; 
  background-image:url("../pics/background_box_top.png");
  
  margin-top: 15px;
  padding:15px;
  border: 0px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

div#box_1 {
  color: #fdfae7;
  background-image:url("../pics/background_box_1.png");
  
  margin-top: 15px;
  padding:15px;
  border: 0px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px; 
}

div#Box_right {
  display: inline-block;
  vertical-align: top;
  width: 600px;
  font-size: 1em;
  padding:10px;
  border: 0px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}
div#Box_right h1 {
font-size: 1.4em;
color: #e5cb97;
margin-bottom: 5px;
margin-top: 10px;
}
div#Box_right h2 {
font-size: 1.2em;
color: #e5cb97;
margin-bottom: 5px;
margin-top: 10px;
}
div#Box_right h3 {
font-size: 1.1em;
color: #e5cb97;
margin-bottom: 5px;
margin-top: 10px;
}
div#Box_right a:link, a:visited, a:hover, a:active {
	color : #e5cb97;
	text-decoration : none;
}

div#Box_left {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  padding-left:0px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

div#box_footer {
  color: #3c2d26;
  text-align:center;
  
  margin-top: 10px;
  padding:10px;
  border: 0px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
}

div#box_footer a:link, a:visited, a:hover, a:active {
	color : #3c2d26;
	text-decoration : none;
}

div#c37 h2{
  font-size: 1em;
  color: #ffffff;
}

div#c37 a{
  font-size: 0.8em;
}

div#c37 a:link, a:visited, a:hover, a:active {
	color : #362f29;
	text-decoration : none;
}
div#c37 .tx-guestbook-pagination a:link, a:visited, a:hover, a:active  {
  color : #ffffff;
  font-size: 0.8em;
}

/*  +++++++++++++++++++++++++++++++++++++++ Navi Left Layout  +++++++++++++++++++++++++++++++++++++++  */


div#Box_left a:link, a:visited {
	font-size: 0.8em;
	color : #ffffff;
	padding : 0;
	text-decoration : none;
	margin: -10px;
}
div#Box_left a:hover {
	color : #e5cb97;
}
div#Box_left .navileft_main_act a{
	color : #ffffff;
}

div#Box_left .navileft_main_act a:hover {
	color : #e5cb97;
}
div#Box_left .navileft_main a:active, .navileft_main a:visited, nav .navileft_main  a:link  {
	color : #ffffff;
}
div#Box_left .navileft_main a:hover {
	color : #e5cb97;
}

div#Box_left li {
	margin : 5px;
	padding : 5px 0px 0px 0px;
	font: 16px Arial, sans-serif;
	font-weight: bold;
}

div#Box_left .navileft_main_cur a, .navileft_main_cur a:active, .navileft_main_cur a:visited, .navileft_main_curn  a:link {
	color : #e5cb97;
}

div#Box_left .navileft_main_cur a:hover {
	color : #ffffff;
}

/*  +++++++++++++++++++++++++++++++++++++++ Navi Top Layout  +++++++++++++++++++++++++++++++++++++++  */

div#main_navigation a:link, a:visited {
  font-size: 1.0em;
	color : #e3c08a;
	display : inline-block;
	padding : 5px 12px 5px 12px;
	text-decoration : none;
}
div#main_navigation a:hover, a:active, .active a:link, a:visited {
        font-size: 1.0em;
	background : #e3c08a;
	color : #fff;
	text-shadow : none !important ;
}
div#main_navigation .navi_main_act a {
  font-size: 1.0em;
	background : #e3c08a;
	color : #fff;
	text-shadow : none !important ;
}

div#main_navigation li {
	display: inline-block;
	font: 16px Arial, sans-serif;
	font-weight: normal;
}



.div_table {
    display:table;
    max-width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
}
.div_table_row {
    display:table-row;
}
.div_table_cell1 {
    display:table-cell;
    width:100px;
    border: 0;
    background-image:url("../pics/background_left.png");
}
.div_table_cell2 {
    display:table-cell;
    width:824px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0px;
    background-image:url("../pics/background.png");
}
.div_table_cell3 {
    display:table-cell;
    width:100px;
    border: 0;
    overflow: hidden;
    background-image:url("../pics/background_right.png");
}

/* 3 Spaltentabelle in 1 Spaltentabelle */

@media screen and (max-width: 924px) {
  body {
    min-width: 824px;
    max-width: 824px;
  }
  .div_table {
      display:table;
      max-width: 824px;
      min-width: 400px;
      margin: 0 auto;
  }
  .div_table_cell1 {
    display:none;
  }
  .div_table_cell2 {
    width: 100%;
  }
  .div_table_cell3 {
    display:none;
  }
}

/* Einstellungen für Mobile Version ab 700px */

@media screen and (max-width: 700px) {

  body {
    color: #fdfae7; background-color: #000000;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 10px;
    min-width: 400px; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    max-width: 700px;
  }
  nav#mobile {
	  display:block;
  }
  div#Box_left {
    display:none;
    font-size: 0.9em;
    float: none; width: 98%;
    margin: 0 0 0; padding: 10px 10px 10px 10px;
    border: 0px;
  }
  div#main_navigation {
    display:none;
  }

  div#box_top {
    float: none; width: 98%;
  }
  div#Box_right {
    float: none; width: 98%;
  }
  div#box_1 {
    float: none; width: 98%;
  }

  div#box_2 {
    float: none; width: 98%;
  }

  div#facebook_likebox {
    float: none; width: 400px;
  }

  div#gigs_box {
    float: none; width: 98%;
  }

  div#box_footer {
    float: none; width: 98%;
  }

div#box_footer a:hover, a:active, .active a:link, a:visited {
	color : #3c2d26;
	text-shadow : none !important ;
}
  .div_table_cell2 {
    background-image:url("../pics/background_mobil.png");
  }
  div#TopLanguage {
    height: 119px;
    background-image:url("../pics/logo_mobil.png");
    background-repeat: no-repeat;
  }
}