@import "validation.css"/*tpa=http://www.bliesgauhocker.de/css/validation.css*/;

* {
    margin: 0;
    padding: 0;
}

@font-face {
	font-family: 'yanone-thin';
		src: url(yanone-thin.ttf)/*tpa=http://www.bliesgauhocker.de/css/font/yanone-thin.ttf*/ format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body, #bg, #bg table, #bg td, #content {
    height:100%;
    width:100%;
    overflow:hidden;
}

html {
	/*new full-page-background (currently only index.php!)
	http://css-tricks.com/perfect-full-page-background-image/*/
	background: url(main_bg.jpg)/*tpa=http://www.bliesgauhocker.de/css/main_bg.jpg*/ no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:13px;
	cursor:default;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-style: normal;
	color: #485612;
}

h1 {
	margin-bottom: 6px;
	letter-spacing: 2px;
	text-shadow: 1px 0px 2px #333;
	font: 32px 'yanone-thin',"Lucida Grande", Arial,sans-serif;
	text-transform: uppercase;
}

h3 {
	font-size:140%;
	padding: 15px 0 5px 0;
}


h3:before {
	display: inline-block;
	content: "";
	width: 12px;
	height: 12px;
	/*background: #485612;;*/
	margin-right: 9px;
	border: 2px solid #485612;
	vertical-align: -1px;
}

h4, h5 {
	font-size:105%;
	font-weight: bold;
	margin: 6px 0 4px 0;
}

h5 {
	color: black;
}

a, p {
	text-decoration: none;
}

li {
	list-style-type: none;
}


#content {
    font: 13px/175% "Lucida Grande", Lucida, Verdana, sans-serif;
    position: absolute;
    z-index:5;
    overflow:auto;
}

.impress {
	font-size: 12px;
	line-height: 125%;
}

.small {
	font-size: 8px;
	line-height: 95%;
	width: 250px;
	text-align: center;
}

#content p {
	padding-bottom: 6px;

/*	set hyphenation to "auto" (maybe: "manual"); 06/2013*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#content p a {
	color: #485612;
	/*text-shadow: 0px 0px 1px #333;*/
}

#content p a:after {
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	margin-left: 2px;
	margin-right: 1px;
	margin-bottom: -1px;
		/*background: url(link-icon_pdf.png) no-repeat;*/
	background: url(ui-icons_w64722b_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_w64722b_256x240.png*/ no-repeat -112px -192px;
}

#content a img {
	background-image: none;
}

#content p a:hover:after {
	background: url(ui-icons_485612_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_485612_256x240.png*/ no-repeat -112px -192px;
}

#content p a[href^="http:"]:after {
	background: url(ui-icons_w64722b_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_w64722b_256x240.png*/ no-repeat -160px -192px;
}

#content p a[href^="mailto"]:after {
	background: url(ui-icons_w64722b_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_w64722b_256x240.png*/ no-repeat -80px -96px;
}

#content p a[href^="http:"]:hover:after {
	background: url(ui-icons_485612_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_485612_256x240.png*/ no-repeat -160px -192px;
}


#content p a[class*="dialog"]:after {
	background: url(ui-icons_w64722b_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_w64722b_256x240.png*/ no-repeat -16px -144px;
}

#content a[class*="dialog"]:hover:after {
	background: url(ui-icons_485612_256x240.png)/*tpa=http://www.bliesgauhocker.de/css/ui-icons_485612_256x240.png*/ no-repeat -16px -144px;
}


#content p a[href*="pdf"]:before {

	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	margin-left: 1px;
	margin-right: 3px;
	margin-bottom: -1px;

	background: url(link-icon_pdf.png)/*tpa=http://www.bliesgauhocker.de/css/link-icon_pdf.png*/ no-repeat;
}


table tr td{
	vertical-align: top;
	line-height: 135%;
}

table td {
	padding: 4px 6px 4px 0;
}

#content p a:hover {
	color: #485612;
	text-decoration: underline;
}

.box {
	position:relative;
	/*top:25px;*/
	/*left:75px;*/
	width:370px;
	margin: 20px 0 0 75px;
    padding: 0 27px 0 28px;
    background-image: url(bg_white70.png)/*tpa=http://www.bliesgauhocker.de/css/bg_white70.png*/;

	/* css3 */
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;

	-moz-box-shadow: 0 7px 15px #111;
	-webkit-box-shadow: 0 7px 15px #111;
	box-shadow: 0 7px 15px #111;
}

.box:last-child {
	padding-bottom: 90px;
}

.boxcontent li {
	padding: 25px 0 25px 0;
}

.boxcontent br {
	margin: 15px;
}

p.downloads:before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	margin-right: 12px;
	margin-left: -24px;
	border: 1px solid #485612;
	vertical-align: -1px;
}

p.downloads {
	margin-left: 24px;
	margin-top: 5px;
}

.impress br {
	margin: 1px;
}

.tm {
	/*color: #6c4c08;*/
	color: #485612;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0px 0px 1px #222;
	padding: 0 2px;
}

strong {
	font-weight: bold;
	color: #485612;
}


img.floatpic {
	float: left;
	margin: 8px 15px 12px 0;
	position: relative;
}

a img.floatpic {
	border: 1px solid #485612;;
}

img.logopic {
	margin-right: 3px;
}

.noshow {
	display: none;
	visibility: hidden;
}

.logo {
	position:absolute;
	left:0px;
	/*margin-bottom:-63px;*/
	width:500px;
	height: 100%;
	background: #000 url(logo_bg03.png)/*tpa=http://www.bliesgauhocker.de/images/logo_bg03.png*/ no-repeat right;
	cursor: pointer;
}


#menu {
	position:absolute;
	bottom:0;
	left: 0px;
	z-index:10;
	width:100%;
}

#menu div {
	height:50px;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	/*margin-top: 10px;*/
	padding:20px 0 30px 20px;
}

#menu .menu {
	position: relative;
	left: 500px;
	text-transform: uppercase;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

/*#menu.main ul {
	float:left;
	-moz-opacity:1;
	-khtml-opacity: 1;
}*/



#menu li a {
	padding:3px 14px;
	font-weight: normal;
	/*color: #de0f35;*/
	color: #e3d572;
	display: inline;
	float: left;
	letter-spacing: 2px;
}


.menu a:hover	{
	background: #6b5a24;
	border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

.menu a.active:before {
	display: inline-block;
	content: "";
	width: 6px;
	height: 11px;
	margin-right: 6px;
	background-color: #e3d572;
}

#metam {
	position: absolute;
	right: 0;
	top: 25px;

	background-color: #000;

	opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;


	z-index: 10;
	border-top-left-radius:4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
	border-bottom-left-radius:4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
}

li.meta  {
	float: left;
	padding: 0 6px;
	margin: 2px;
}


li.meta a {
	color: white;
	font-size: 10px;
	letter-spacing: 1px;
}


#metam ul li {
	border-right: 1px solid white;
}

#metam ul li:last-child {
	border:  0;
}

/*#menu li a:hover,li.cur a{color:#fff}*/



/* -------FORM STYLES------- */


form
{
	margin: 15px 0;
	clear:left;
}

form label
{
	display:block;
	float:left;
	clear: both;
	font-size: 90%;
}

form input, form textarea
{
	float: left;
	clear: left;
	width:345px;
	margin-bottom:6px;
	border:1px #666 solid;
	color:#484848;
	font-size:90%;
	background-color: #bbb;
	text-align: center;
	-moz-box-shadow:inset 0 1px 5px #111;
	-webkit-box-shadow:inset 0 1px 5px #111;
	box-shadow:inset 0 1px 5px #111;
	border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}


input:hover, textarea:hover, input:focus, textarea:focus
{
	background-color: #eee;
}


.unseen
{
	width:0;
	visibility:hidden;
	display: none;
}


form .buttons
{
	float:left;
	width: 110px;
	border: 1px solid;
	border-color: #999 #333 #333 #999;
	background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#222));
	background: -moz-linear-gradient(top, #354d5c, #50738a);
	padding: 3px 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: 0 1px 3px #444 ;
	/*box-shadow: rgba(0,0,0,1) 0 1px 0;*/
	/*text-shadow: rgba(0,0,0,.1) 0 1px 0;*/
	color: #aaa;
	font-size: 11px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}


form .buttons:hover {
	border-color: #333 #777 #777 #333;
	/*background: #e59523;*/
	color: #888;

	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#777));
	cursor:pointer;
}



form .buttons
{
/* IE only... */
	cursor:/* cursor:hand */
pointer;
}

input.hidden
{
	visibility:hidden;
}

/* -----/FORMS------ */