/**
*
* hint: to change width of site, adapt 
* #container, #fixedtop .nav, 
* #leftcontent, 
* #rightcontent and 
* .leftwide


* to change width of images for slides, adapt
* #floatviewport, .floatee 
*
**/

::selection {
		color: #FFF;
		background: #3B4859;
	}
  
  
	::-moz-selection {
		color: #FFF;
		background: #3B4859;
	}

html,body { height:100%; }

body {margin:0; padding:0; background: url(/img/bg.gif); color:#404157;}

body, input, textarea { font-family: "Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size: 14px;}
p { margin: 2px 0px;}
table {	table-layout:fixed; }


input[type="text"], input[type="email"], textarea, select {
    border: 1px solid #9CBDCF;
    -moz-border-radius: 4px;
         border-radius: 4px;
    background: #FFFFFF;
    background:              -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.4,#FFFFFF)); 
    background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:    -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:      -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    background-image:         linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
    color: #262626;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 0;
    margin-bottom: 5px;
    outline: none;
    padding: 6px;
}

input[type="text"], input[type="email"] {
    line-height: 20px;
    height: 20px;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    -moz-box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
         box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
    background: #FFFFFF;
    background-image: none;
    border-color: #5FA9D4;
    color: #262626;
    font-style: normal;
}


/* alternative: use explicit open sans bold */
/* h1,h2, h3, strong, b { font-family: 'Open Sans Bold', sans-serif; font-weight: normal; }*/
h1,h2 { margin: 6px 0px 10px 0px; }
h3 { margin: 3px 0px 5px 0px; }

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

a {
	font-family: "Open Sans", "Trebuchet MS", helvetica, arial, sans-serif;
	color: #111;
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

a:hover {
	color: #FFB74C;
  text-shadow: -1px -1px 0 #111111;
}


/*******************/
/* globales Layout */
/*******************/
#fixedtop {
  position: fixed; 
  z-index: 20; 
  top: 0px; left: 0px; 
  width: 100%; 
}


#container, #fixedtop .nav {
	width: 1000px;
	margin: 0 auto;
}

#container {
  background: #FFF;
	border: 1px solid #CCC;
	border-width: 0px 1px;
  box-shadow: 3px 0px 5px rgba(0,0,0,0.3), -3px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 3px 0px 5px rgba(0,0,0,0.3), -3px 0px 5px rgba(0,0,0,0.3);
}

#container .nav, #title {
  position: relative; z-index: 30; 
}
#title {
  border: 0px solid; border-top-width: 3px; border-top-color: #C0DB00; background: #FFF url(/img/title.jpg) no-repeat; padding: 10px 15px; border-bottom: 1px solid black;
	background-size: cover;
}


#content {
	padding: 10px 12px;
	min-height: 900px;
	overflow: hidden;
}

#leftcontent, #rightcontent {
	float: left;
	min-height: 300px;
}
#leftcontent { 
	width: 650px; margin-right: 15px; 
}
#leftcontent.leftwide { 
  width: 970px; 
}

#rightcontent { width: 305px; }

#rightcontenttop, #fbbox { padding: 5px 8px; }
#rightcontenttop { 
  margin-top: 40px;
	margin-bottom: 15px;
	border: 1px solid #999;
	overflow: hidden;
	font-size: 13px;
}

#fbbox { 
	height: 240px; 
	font-size: 14px;
	background: #DDD;
	color: #295a9a;
}



#footer {
	background: #DDD;
	text-align: center;
	margin-top: 10px;
  margin-bottom: 30px;
	padding: 2px 0px;
}

#footer a {
	margin-left: 20px;
	text-transform: uppercase;
}


/**************************/
/* globales Layout - ENDE */
/**************************/






/** NAVIGATION TOP MENU **/
ul.nav, ul.nav li {margin:0;padding:0}

.nav {
	list-style-type: none;
	height: 50px;
	overflow: hidden;
	background: url(../img/navbg.jpg) repeat-x; 
}

.nav li {
	display: inline;
}


.nav li a {
	float: left;
	/* background: #FFF;*/
	display: block;
	padding: 7px 16px 16px 11px;
	height: 24px; 
  width: 215px;
  border-right: 1px solid #333;
	text-transform: uppercase;
	/* font-family: 'Open Sans Bold', sans-serif; font-weight: normal; */
  font-weight: bold; 
	font-size: 1.6em;
  text-align: center;
	text-decoration: none;
  text-shadow: 1px 1px 0px #D89941, 2px 2px 0px #C1893A; /*, 6px 3px 0px #A87732, 8px 3px 0px #93682C;*/
}


.nav li a:hover, .nav li a.active {
  color: #FFB74C;
  text-shadow: -1px -1px 0 #111111, -2px -3px 0px #D89941, -4px -3px 0px #C1893A, -6px -3px 0px #A87732, -8px -3px 0px #93682C;
}
/** NAVIGATION TOP MENU - ENDE **/




/** NAVIGATION TABS **/
ul.tabsnav {
	list-style: none;
	border-bottom: 1px solid #CCC;
	margin: 0px;
	padding-left: 0px;
}

ul.tabsnav li {
    position: relative;
    height: 29px;
    display: inline-block;
}

ul.tabsnav li a {
  display: block;
	position: relative;
	border: 1px solid #CCC;
  border-color: #CCC #CCC rgba(0, 0, 0, 0);
  border-radius: 6px 6px 0 0;
  margin-right: 3px;
	height: 18px;
	
  padding: 5px 8px 5px 8px;
	text-decoration: none;
	font-size: 14px;
}
ul.tabsnav li.activetab a {
	background-color: #FFF; 
	cursor: default;
}

ul.tabsnav li a:focus {
	outline: none;
}

ul.tabsnav li a:hover {
	background-color: #CCC;
}

ul.tabsnav li.activetab a:hover {
	background-color: #FFF; 
	color: #111;
}
/** NAVIGATION TABS - ENDE **/

.tabcontent {
	padding-top: 45px;
}



/** Table für CSV Daten **/
.comptable  {
	margin-left: 5px;
  position: relative;
}

.comptable thead tr {
  position: fixed;
  background: #FFF;
}
.comptable th {
  text-align: left;
  width: 150px;
  text-decoration: underline;
  cursor: pointer;
}



.comptable tr.highlight {
  background: #E5E5E5;
}
.comptable td {
	padding: 5px 6px;
  width: 140px;
	border-bottom: 1px solid #AAA;
}
.comptable tbody tr:first-child td:first-child {
  padding-top: 25px;
}
/** Table für CSV Daten ENDE **/



/** Bildergalerie **/
#floatviewport {
	width: 610px;
	height: 690px;
	overflow: hidden;
}

#floatcontainer {

	width: 4800px;
}

.floatee {
	width: 600px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.floatee .imgtext {
	padding-top: 20px;
}

.floatee .images {
	width: 3000px;
	overflow: hidden;
}

.floatee .images img {
	float: left;
	margin-right: 10px;
	/*padding-right: 50px;*/
}

#flinks a {
	display: inline-block;
	width: 120px;
}

/** Bildergalerie - ENDE **/