/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

.antispam, .as{
	display: none;
}


body {
	padding: 18px 0 0px 13px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	color: #404040;
 	font-weight: normal;
	width: 90%;margin:auto;
	border: 0px solid green;background-color:#ffffff; }
	
p {color: #404040;margin:0;padding:0 0 18px 0;}

input, textarea{
	color: #404040;font-size:16px;font-family: 'Open Sans', sans-serif;
}
/* STYLING ---------------------------*/ 
h1 {
	font-size: 22px;
	font-weight: bold;
	color: #404040;
	margin-top: 0;
	padding-bottom:8px;}
	
h2{
	font-size: 20px;
	font-weight: bold;
	color: #404040;}
h3 {
	}
h4 {
	font-size: 18px;}
blockquote {
	font-size: 1.2em; color:#909090;
	padding: 15px 10px 15px 50px;	background: url(../images/jv-quote.gif) no-repeat;}
hr {	
	border-top: 1px solid #ccc; border-right: 0;	border-left: 0;	border-bottom: 0; height: 1px;} 
	
.clr{clear:both;}

#logo img, #head_left img{width:auto!important;height:160px!important;}
#header{border-bottom:solid 1px #cccccc;padding-bottom:20px;margin-bottom:10px;}
#head_right{text-align:right;clear:both;padding-top:30px;}

/* LINKS 
--------------------------------------*/ 
a:link, a:visited {
	color:#336633; text-decoration:none;}
a:hover {
	color:#306268; text-decoration:none;}

a img { border:0px solid #FFFFFF;}
	
.j_button a{
	display:block;
	width: 200px;
	text-align:center;
	text-decoration:none;
	border: solid 1px #a0a8ad;
	padding:14px 4px;
}

#navig1 ul{
    margin:0;
    padding:0;
}

#navig1 ul li{
	display:inline;
	padding-left:6px;
	padding-right:6px;
	border-left:solid 1px #a7a7a7;
}

ul.usermenu{list-style:none;margin:0;padding:0;}
ul.usermenu li{display:inline-block;margin:0;padding:0 20px 0 0;}

.spalte1{
	position:relative;
	width:420px;
	float:left;
	padding:4px;
	background-color:#efefef;
}
.spalte2{
	position:relative;
	float:left;
	width:400px;
	padding:4px;
	background-color:#efefef;
	margin-left:30px;
}
.spalte3{
	float:left;
	width:780px;
	padding:0px;
	margin-left:30px;
	margin-bottom:30px;
}
.spalte4{
	position:relative;
	float:right;
	padding:4px;
	background-color:#efefef;
	margin-left:30px;
}
.feld4{
	background-color:#efefef;
	padding:4px;
	height:auto;
}
.ungerade{
	background-color:#eee;
}
.gerade{
	background-color:#fff;
}

 #navig{float:left;width:10%;margin-right:2%;}
 #navig ul{list-style:none;margin:0;padding:0;}
 #navig ul li{margin:0;padding:4px 0;}
 #content{float:left;width:85%;border-left:solid 1px #cccccc;padding-left:2%;}

fieldset{border:none;width:98%;margin:0 2% 0 0;padding:0;}
fieldset dt {clear:both;}
fieldset dt, fieldset dd {width:100%;padding:4px 0;text-align:left;margin:0;}
input{padding:6px 4px;margin:0;border:solid 1px #999;}
textarea {padding:2px 4px;margin:0;border:solid 1px #999;}
.formlay input, .formlay textarea {width:90%;}
input[tpye="select"]{padding:4px 4px;margin:0;border:solid 1px #999;}
input[type="submit"]{padding:6px 8px;margin:3px 0 0 0;border:solid 1px #999;border-radius:3px;background-color:#efefef;}
input[type="submit"]:hover{background-color:#dedede;}
input.full, textarea.full{width:95%;}
input.half, textarea.half{width:45%;}
input.quarter, textarea.quarter{width:22%;}

table td {vertical-align:top;}
table.tbl { border-collapse: collapse;margin:20px 0;min-width:80%;}
table.tbl th {font-style:italic;font-size:16px;font-weight:600;text-align:left;border:solid 1px #cccccc;padding:8px;}
table.tbl td{border:solid 1px #cccccc;padding:8px;}
tr.ungerade{background-color:#eeeeee;}

table.tbl_buch { border-collapse: collapse;margin:20px 0;min-width:80%;}

table.tbln{width:100%;border-collapse:collapse;}
table.tbln th{font-style:italic;font-size:16px;font-weight:400;text-align:left;border:solid 1px #cccccc;padding:8px;}

.tbl_border {margin:20px 0;border-top:solid 1px #333333;border-bottom:solid 1px #333333;}
.tbl_border td{padding:10px;border-bottom:solid 1px #cccccc;vertical-align:top;}
.tbl_border tr{}


/*Haupt - Navigation*/
a.btn_usersettings, a.btn_logout, a.btn_cart, a.btn_book, a.btn_admin, .btn_card, .btn_archiv, a.btn_frei, a.btn_lock{
	text-decoration:none;color:#404040;margin:8px 0 0px 0;position:relative;padding:8px 10px;border:solid 1px #dddddd;border-radius:5px;background-color:#efefef;display:inline-block;min-width:200px;}
a.btn_usersettings:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f007';}
a.btn_logout:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f011';}
a.btn_cart:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f218';}
a.btn_book:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f02d';}
a.btn_card:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f2b9';}
a.btn_archiv:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f187';}
a.btn_upload:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f093';}
a.btn_admin:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f013';}
a.btn_frei:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f14d';}
a.btn_lock:before{font-family: FontAwesome;top: 0px;margin-bottom:8px; margin-right:8px;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f023';}

a.btn_print{padding: 6px 8px;margin: 3px 0 0 0;border: solid 1px #999;border-radius: 3px;background-color: #efefef;min-width:220px;display:inline-block;}
a.btn_del{padding: 6px 8px;margin: 3px 0 0 0;border: solid 1px #999;border-radius: 3px;background-color: #efefef;min-width:220px;display:inline-block;color:red;}



li a.usersettings:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #404040;font-size:24px;content: '\f007';font-weight:normal!important;}
li a.logout:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #404040;font-size:24px;content: '\f011';}
li a.home:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #404040;font-size:24px;content: '\f015';}

li a.book:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f02d';}
li a.card:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f2b9';}
li a.archiv:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f187';}
li a.settings:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f013';}
li a.tools:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:24px;content: '\f1de';}



/*Haupt-Navigation *********************************************/

#menu_top{ width:100%;border-bottom:solid 0px;}
/* Navigation */

/*Top 1. Ebene */

#menu_top a{
	text-decoration:none;
}

#menu_top ul {margin:2px 0px;padding:0;border:solid 0px;position:relative;}

#menu_top ul li{
	display:inline;
	position: relative;
	padding:5px 10px;
	margin:0;
	border:solid 0px green;
	line-height:20px;
	float:left;
}

#menu_top ul li a{
}

#menu_top ul li:hover{background-color:#ddd;}
/*Top 2. Ebene */

#menu_top ul li ul { display:none;  position: absolute;  top: 14px;   left: -10px;  background-color:#ddd;  opacity:0.9;  margin:14px 0 0 10px;  padding:0;  }
  
#menu_top ul li:hover ul {
  display:block;
  z-index:500;}
  
  
#menu_top ul li ul li{
  display:block;
  padding:5px 0px 5px 15px;
  line-height:20px;
  width:170px;
  
}
#menu_top ul li ul li a{
	border-bottom: solid 0px #d4d2b9;
	font-size:13px;
	padding-top:0px;
}
#menu_top ul li ul li:hover{background-color:#eee;}

/*Top 3. Ebene */
#menu_top ul li:hover ul li ul{
  display:none;
  position: absolute;
  top: 0em; 
  left: 4px;
  background-color:#eee;
  opacity:0.95;
}
  
#menu_top ul li ul li:hover ul  {
  display:block;
  z-index:500;}		
	
  
#menu_top ul li ul li ul{
  margin:0 0 0 180px;
  padding:0;
  border:solid 0px;
}

#menu_top ul li ul li ul li{padding-left:15px;}

#kundenfenster{clear:both;}

a.neu, a.back, a.edit, a.vor, a.del, a.lock, a.see, a.upload, a.analytic, a.download{text-decoration:none;color:#336633;margin:8px 0;}
a.neu:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f0fe';text-decoration:none;}
a.back:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f104';text-decoration:none;}
a.edit:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f044';text-decoration:none;}
a.vor:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f105';text-decoration:none;}
a.del:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f1f8';text-decoration:none;}
a.lock:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f023';text-decoration:none;}
a.see:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f06e';text-decoration:none;}
a.upload:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f093';}
a.analytic:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f15c';text-decoration:none;}
a.download:before{font-family: FontAwesome;top: 1px;margin:0 4px 0 0;position: relative;text-align: center; color: #336633;font-size:20px;content: '\f063';text-decoration:none;}
td a.edit:before,td a.vor:before,td a.del:before,td a.lock:before{font-size:16px;top: 0px;}

ul.navig{list-style:none;margin:0;padding:0;}
ul.navig li:before{font-family: FontAwesome;top: 3px;margin:0 4px 0 0;position: relative;text-align: center; color: #404040;font-size:24px;content: '\f101';font-weight:normal!important;}

span.vorwort{display:inline-block;width:200px;}

dt{padding-top:12px;border-top: solid 1px #dddddd;}
dd{margin:0 2% 6px 0;}

@media (min-width: 768px){
	dd{float:left;margin:0 2% 6px 0;width:20%;}
	dt{clear:left;}
	
	dl.spalte5 dd{width:16%;}
}


@media (min-width: 900px){
	.links{float:left;padding-right:4%;width:45%;}
	.rechts{float:right;width:50%;}
	#head_right{clear:none;float:right;padding-top:110px;}
}