/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {padding: 6; }

img, fieldset {border: 1; }

/* set image max width to 100% */
img {border-radius: 8px;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }

/************************************************************************************
GENERAL STYLING
*************************************************************************************/


/********* A N F A NG : TABELLEN WIE IN EXCEL, DIE FARBE JEDE SPALTE  AENDERN *******/

table {border-spacing: 0;
/*** Frueher:  width: 100%; */
	border: 1px solid #ddd; }
th {cursor: pointer; }
th, td {text-align: left;
	padding: 3px; }
tr:nth-child(even) {background-color: #f2f2f2
}
tr:nth-child(odd) {background-color: #eae1f7
}

/********* E N D E: TABELLEN WIE IN EXCEL, DIE FARBE JEDE SPALTE  AENDERN *******/




body {background: #0d1424 no-repeat center top;
	color: #4E4E4E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	line-height: 150%;
	float: left;

}
a {color: #026acb;
	text-decoration: none;
	outline: none; }
a:hover {text-decoration: underline;
	font-weight: bold; }
p {padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 1.2em;
	left: 2em; }

/* list */
ul, ol {margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%; }
li {margin: 0 0 .5em 0;
	padding: 0; }

/* headings */
/* The header color overwrites the Style color for h1....h6 ! */
/* Weight from 100,200,300...900. "700" is bold */

h1, h2, h3, h4, h5, h6 {line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #663399; 
	font-weight: 900; 
}

h1 {font-size: 2em; }
h2 {font-size: 2em;	text-align: center; }
h3 {font-size: 1.4em; }
h4 {font-size: 1.4em; text-align: center; }
h5 {font-size: 1em; }
h6 {font-size: 1em; text-align: center; }

/* reset webkit search input styles */
input[type=search] {-webkit-appearance: none;
	outline: none; }
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {display: none; }

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {width: 981px;
	margin: 0 auto;
	position: absolute; /* JAC: This seens to postion the site LEFT*/
	left: 33px; /* JAC Left Margin same as jacmusic window*/
	top: -2px; }

/************************************************************************************
HEADER
*************************************************************************************/
#header {position: relative; height: 160px; }

/* site logo */
#site-logo {position: absolute;
	top: 10px; }
#site-logo a {font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none; }

/* site description */
#site-description {color: #FFDDAA;
	position: absolute;
	top: 38px;
	left: 12px;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-style: italic;
	line-height: 130%;
	width: 208px;
	height: 20px; }

/* searchform */
#searchform {position: absolute;
	right: 18px;
	bottom: 38px;
	z-index: 100;
	width: 160px; }
#searchform #s {width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s; }

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {width: 100%;
	background: #ccc;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 1px;
	bottom: 30px;
	z-index: 100;
	/* gradient */
	background: #6a6a6a url(file:///X|/FILEHAMSTER/Z%7EDATA/jacmusic/CSS/images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); }
#main-nav li {margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative; }

#main-nav li:first-child {margin-left: 10px; }

#main-nav a {line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5); }

#main-nav a:hover {color: #fff;
	background: #474747;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
	font-family: Arial, Helvetica, sans-serif; }

/************************************************************************************
CONTENT
*************************************************************************************/
#content {background: #fff;
	margin: 30px 0 30px;
	padding: 20px 35px;
	width: 600px;
	float: left;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4); }

#content-wide {background: #fff;
	margin: 30px 0 30px;
	padding: 20px 35px;
	width: 910px; 
	float: left;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4); }

.Post-cl-red {color: #D50055; }
.Post-cl-green {color: #009933; }
.Post-cl-blue {	color: #00009B;	}
.Post-cl-yellow {color: #FFFF33; }
.Picture-Unterschrift {color: #663399; font-style: italic; font-weight: bold}
.Text-Unselectable {-webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.Picture-Unterschrift-Blue{color: #3366CC; font-size: 100%; font-style: italic; font-weight: bold }

img.rounded-corners {border-radius: 15px; }


/* post */


.post {margin-bottom: 40px; }
.post-title {margin: 0 0 5px;
	padding: 0;
	font: bold 26px/120% Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif; }
.post-title a {text-decoration: none; }

.post-meta {margin: 0 0 10px;	
	font-size: 85%;
	line-height: 85%;
	color: #009933; }

.post-meta2 {margin: 0 0 10px;
	font-size: 85%;
	line-height: 85%;
	color: #003366; }

/* post image */
.post-image {margin: 0 0 15px; }

.float-right {
 float: right;
	border:1px solid #aaa;
    margin: 6px; }

.right-float {/* ALT */
 float: right;
	border:1px solid #aaa;
    margin: 6px; }

.left-float {/* ALT */
	float: left;
	border:1px solid #aaa;
    margin: 6px; }

.dropcap {
  float: left;
  width: 0.7em;
  font-size: 400%;
  font-family: algerian, courier;
  line-height: 80%; }

.float-left {float: left;
	border:1px solid #aaa;
	margin-right: 22px; }

.float-no-left {border:1px solid #aaa;
	margin: 6px; }

.button-green {background-color: #468C00;
	transition-duration: 1.0s; }

.button-Orange {background-color: #D29E02;
	transition-duration: 1.0s; }

.button-Blue {
	background-color: #1C3D93;
	color: #F4FAFF;
	transition-duration: 1.0s; }

.button-Pink {background-color: #CA00CA;
	transition-duration: 1.0s; }

.button-picture {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #D6CFD6;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #026acb;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s; }

.button-picture:hover {background-color: #636;
	color: #FFF; }

.link-blue {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #B9FFFF;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #014787;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s; }

.link-black {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #333333;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #FFFF00;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s; }

.link-black:hover {background-color: #636;
	color: #FFF; }

.link-blue:hover {background-color: #636;
	color: #FFF; }

.link-green {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #CEFFC6;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #026acb;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s; }

.link-green:hover {background-color: #636;
	color: #FFF; }

.link-lila {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #CC99CC;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #026acb;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s; }

.link-lila:hover {background-color: #636;
	color: #FFF; }

.link-orange {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #F7CD51;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #026acb;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s; }

.link-orange:hover {background-color: #636;
	color: #FFF; }

.link-yellow {margin: 0 0 10px;
	padding: 6px 6px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #FFFFA6;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #01427C;
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s; }

.link-yellow:hover {background-color: #636;
	color: #FFF; }

.T-Header-Blue {background-color: #1C3D93;
	color: #F4FAFF;
	padding: 5px;
	line-height: 140%;
	font-weight: bold; }

.T-Header-Green {background-color: #468C00;
	color: #F4FAFF;
	padding: 5px;
	line-height: 140%;
	font-weight: bold; }

.T-Header-Lila {background-color: #9966FF;
	color: #F4FAFF;
	padding: 5px;
	line-height: 140%;
	font-weight: bold; }

.T-Header-Orange {background-color: #D29E02;
	color: #F4F3E8;
	padding: 5px;
	line-height: 140%;
	font-weight: bold; }

.T-Header-Pink {background-color: #CA00CA;
	color: #F4FAFF;
	padding: 5px;
	line-height: 140%;
	font-weight: bold; }

.You-are-here {color: #009933; 
	font-weight: bold; }

/************************************************************************************
SIDEBAR
*************************************************************************************/

#sidebar {width: 280px;
	float: right;
	margin: 30px 0 30px; }

#sidebar-left {width: 320px;
	float: left;
	margin: 30px 0 30px; }

.widget {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #FFF;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff; }

.widget-title {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #636;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #FFF;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s; }

.widget-title-Blue {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #1C3D93;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #FFF;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s; }

.widget-title-Green {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #468C00;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #FFF;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s; }

.widget-title-Orange {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #D29E02;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #00008F;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s; }

.widget-title-Red {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #D50055;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #FFF;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;} 

.widget-button {margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	background-color: #D6CFD6;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	color: #026acb;
	-webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s; }

.widget-button:hover {background-color: #636;
	color: #FFF; }

.notranslate {notranslate; }
	
.widgettitle {margin: 0 0 5px;
	padding: 0;	}
	
.widget ul {margin: 0;
	padding: 0; }

.widget li {margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee; }

/* flickr widget */

.widget .flickr_badge_image {margin-top: 10px; }

.widget .flickr_badge_image img {width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left; }

/************************************************************************************
FOOTER
*************************************************************************************/

#footer {clear: both;
	color: #FFDDAA;
	font-size: 85%; }

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix {display: inline-block; }

.clearfix {display: block; zoom: 1; }