@import "http://fonts.googleapis.com/css?family=Lobster";
@import url(https://fonts.googleapis.com/css?family=Merriweather&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700&subset=latin,latin-ext);

/* reset.css */

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: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}
body{ background:#070e10; border:0; font: 12px Arial, Helvetica, sans-serif; color:#d9e5eb ; line-height:18px; min-width:960px; position:relative; overflow:hidden; }
.page {min-width:960px;min-height:100%; height:auto !important; height:100%; margin: 0 auto 0px; overflow:hidden; position:relative; z-index:10; background: url(/img/body-bg.jpg) 0 0 repeat;}
.main1 { width:100%;height:720px; position:relative; z-index:1;}
.main2{ width:960px; height:480px; position:absolute; left:50%; margin-left:-480px; top:50%; margin-top:-230px; z-index:2;}
.botgrad_wrapper{width: 100%; height: 100%; background: #070e10; position: absolute; left: 0; top: 50%; margin-top: 560px; z-index: 1;}
.botgrad{width: 100%; height: 771px; background: url('/img/grad1.png') 0 0 repeat-x; position: absolute; left: 0; top: -770px;}
.shine{width: 1185px; height: 953px; background: url('/img/shine.png') 0 0 no-repeat; position: absolute; left: -107px; top: -229px; z-index: -1;}
.content_border{width: 1000px; height: 520px; background: #000000 ; position: absolute; left: -20px; top: -20px; z-index: 1; opacity:0.5; border-radius:20px}
.content_bg{width: 960px; height: 480px; background: url('/img/content-bg.jpg') ; position: absolute; left: 0; top: 0; z-index: 5;overflow: hidden;}
.content_article{width: 540px; height: 440px; position: absolute; right: 20px; top: 20px; z-index: 6;overflow: hidden;}
.content_menu{width: 240px; height: 480px; position: absolute; left: 0; top: 0; z-index: 21;}
.girl{width: 240px; height: 705px; background: url('/img/girl.png') 0 0 no-repeat; position: absolute; left: 160px; top: -133px; z-index: 20;}
footer{width: 100%; position: absolute; left: 0; top: 530px; z-index: 30;}
.footer_links{float: right; text-align:right; }
.priv{font-family: 'Merriweather'; text-transform: uppercase; text-decoration: none; color: #97aab1; height: 20px; line-height: 20px; margin-right: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.priv:hover{color: #c8e0e9;}
.copyright{color:#535d61; line-height:30px; float: right; padding-right: 20px;}
.logo { display:inline-block; position:absolute; left:35px; top:50px }

h1 {display:none}
article  {font-size:12px}
article a {color:#d9e5eb; text-decoration:underline}
article h2 {font-family:  'PT Serif'; text-transform:uppercase; font-weight: normal; font-size: 25px; color: #D9E5EB; line-height: 25px; padding: 0px; margin-bottom:3px}
article h3 {font-family: 'PT Serif'; text-transform:uppercase; font-weight: normal; font-size: 20px; color: #D9E5EB; line-height: 20px; padding: 0px; margin-bottom:3px}
article h4.kurz {font-family: 'PT Serif'; text-transform:uppercase; font-weight: normal; font-size: 12px; background: #D9E5EB; color:#070e10; line-height: 14px; padding: 2px; position:relative; display:inline-block}
article p {line-height:1.5em; margin-bottom:1.4em}
article p.fotogalerie a img {border:8px solid #97aab1; margin: 0 10px 10px 0; border-radius:8px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
article p.fotogalerie a:hover img {border:8px solid #e2eff5}
article address {margin-top: 1.4em;}
article address h3 {margin: 0px;}





/* ============================= main menu ====================== */

.menu { display:block;width: 177px; position:absolute; left:35px; top:200px; z-index:10; text-align:center; white-space:nowrap; }
#menu { display:block;white-space:nowrap;}
#menu > li { display: block;height:42px; position:relative; white-space:nowrap; padding-top: 2px; border-top: 1px dashed #444444}
#menu > li:first-child{background: none;}
#menu > li > a { overflow:hidden; display:block; width:100%; height:100%; left:0px; top:0px; z-index:20;font-family:"PT Serif";font-size:16px; line-height:42px; color:#97aab1; text-decoration:none; text-transform:uppercase; letter-spacing: 3px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  }
#menu > li > a:hover{ color:#e2eff5; }



/*===================== jScrollPane =====================*/

.scroll-pane{width: 100%; height:440px; overflow: auto;}