/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 18, 2012 */
@font-face {
    font-family: 'BebasNeue';
    src: url('http://www.jolex.eu/theme/Jolex/css/bebasneue-webfont.eot');
    src: url('http://www.jolex.eu/theme/Jolex/css/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.jolex.eu/theme/Jolex/css/bebasneue-webfont.woff') format('woff'),
         url('http://www.jolex.eu/theme/Jolex/css/bebasneue-webfont.ttf') format('truetype'),
         url('http://www.jolex.eu/theme/Jolex/css/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:link,:visited{text-decoration:none}
h3,h4,h5,h6,pre,code{font-size:1em;font-weight:400}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,em,u,div{border:0;margin:0;padding:0}
a img,:link img,:visited img{border:none}
body{font-family:sans-serif;font-size:80%;text-align:justify;line-height:1.5em;background:#333}
#page {position:relative}

#top {position:fixed;width:100%;height:8px;display:block;background:#232a2e;top:0}
#bottom {position:fixed;width:100%;height:38px;display:block;background:#232a2e;bottom:0;z-index:100}
#bottom span {float:left;color:#9a9c9d;font-weight:bold;text-transform:uppercase;font-size:0.8em;padding-top:10px}
#bottom ul {list-style:none;float:right}
#bottom li {float:left; padding-right:10px;padding-top:8px}
#bottom li a {color:#9a9c9d;font-weight:bold;text-transform:uppercase;font-size:0.8em}
#bottom li a:hover {color:#eee}
#bottom #footer {width:980px; margin:auto}

#main-background{display:block;z-index:0;position:fixed;width:100%;opacity:0.5;top:-10000px}
#dot-background{background:transparent url(../images/dots.png) center center;display:none;left:0;overflow:hidden;position:fixed;top:0;width:100%}
#wrapper{position:absolute;width:980px;left:50%;margin-left:-500px;height:100%}

#outer {position:absolute;z-index:50;right:0%;padding-top:5% ;width:750px;min-height:200px}
#maincontent{padding:0px;margin-bottom:100px;background:transparent url(../images/main-background.png) ; box-shadow:0px 0px 20px #777;}

#maincontent #content {padding:0px;text-align:justify}
#maincontent #pagetitle {padding:18px 0px 18px 0px;background:#232a2e; color:#ddd;font-family: "BebasNeue", sans-serif;text-transform:uppercase;font-size:2.6em;font-weight:normal}
#maincontent ul, 
#maincontent h1, 
#maincontent h2, 
#maincontent h3, 
#maincontent h4, 
#maincontent h5, 
#maincontent h6,
#maincontent pre, 
#maincontent address, 
#maincontent p {padding-left:18px;padding-right:18px}


#maincontent p {padding-bottom:18px;}
#maincontent ul  {padding-left:36px;}
#maincontent ul  li {font-size:0.85em;line-height:2.1em; text-align:justify}
#maincontent h1 {font-weight:normal}
#maincontent h2 {font-family: "BebasNeue", sans-serif;font-size:2.2em;letter-spacing:0.03em;padding:18px 18px 12px 18px;color:#007da1;font-weight:normal}
#maincontent .lc {width:50%;float:left}
#maincontent .rc {width:50%;float:left}
#maincontent hr {clear:both;visibility:hidden}
#menu-wrapper{position:absolute; width:144px;left:20px;}

#menu-wrapper ul {list-style:none;box-shadow:0px 0px 20px #333}
#menu-wrapper li {background:#232a2e;margin-bottom:4px;display:block;position:relative}

#menu-wrapper li a{font-family: "BebasNeue", sans-serif;font-size:2.4em;line-height:0.4em;color:white;display:block;padding:18px 12px 14px 12px;font-weight:normal}
#menu-wrapper li a span {font-family: "BebasNeue", sans-serif;font-size:.6em;line-height:0.7em;color:#aaa}
#menu-wrapper li.current a,#menu-wrapper li a:hover {background: white url(../images/menu-hover-back.png) center center no-repeat;color:black}



#index #outer {left:52%;position:absolute;width:450px;height:200px;bottom:20%;top:auto }
#index #maincontent {font-family: "BebasNeue", sans-serif;font-size:5.5em;height:200px}
#index #content {text-align:right;color:#007da1;padding-top:30px}
#index #content p {padding-bottom: 0px;line-height:0.7em;}


#kontakt #content p {padding-left:40px}
#kontakt #kl {float:left;width:40%}
#kontakt #kr {float:left;width:60%}
#kontakt textarea, #kontakt input[type="text"] {font-family:monospace;padding:8px;font-size:1.3em;border:1px solid #ccc}

#kontakt input[type="submit"] {box-shadow:0px 0px 6px #fff;color:white;background:#007da1;text-shadow:0px 1px 2px #004763;padding:5px 7px 5px 7px; font-family: "BebasNeue", sans-serif; font-size:1.5em;border-radius:3px}
#kontakt input[type="submit"]:hover {box-shadow:0px 0px 6px #888;color:#444;background:#fff;text-shadow:none;padding:5px 7px 5px 7px; font-family: "BebasNeue", sans-serif; font-size:1.5em;border-radius:3px}
#contact-form #msg {border:1px dotted #007da1; color:#007da1;background:white;margin:18px;padding-top:20px}
#contact-form #emsg {border:1px dotted red; color:red;background:white;margin:18px;padding-top:20px}

#space {position:relative;display:block; height:500px}


.nm_post {box-shadow:0px 0px 12px #ddd}
.nm_post_content {padding-bottom:10px}
.nm_post_content, .nm_post{margin:15px;background:#fff}
.nm_post_content h1,
.nm_post_content h2,
.nm_post_content h3,
.nm_post_content h4,
.nm_post_content h5,
.nm_post_content h6,
.nm_post_content p {padding:0px !important; text-align:justify;font-family:sans-serif !important;font-size:1em !important; color:#444 !important}
.nm_header {display:block;height:56px;background:#f5f5f5 url(../images/news-title-back.png) top left no-repeat;padding:0}
.nm_header_date {height:49px;display:block;width:53px;text-align:center;float:left;padding-top:16px;padding-right:40px;padding-left:4px}
.nm_header_date .nm_day {margin:auto;width:45px;font-family: "BebasNeue", sans-serif !important;font-size:3.3em;color:white;height:17px;display:block;text-align:center}
.nm_header_date .nm_month {margin:auto;width:45px;font-family: sans-serif !important;font-weight:bold;color:white;text-transform:uppercase;font-size:0.8em;height:10px;display:block;text-align:center}
.nm_post_title {height:59px;display:block;font-family: "BebasNeue", sans-serif;font-size:1.7em;color:#007da1;padding-top:19px;font-weight:normal}
.nm_page_nav {padding:15px;clear:both}
.nm_page_nav div {float:right;padding-right:4px}
.nm_page_nav a {box-shadow:0px 0px 6px #fff;color:white;background:#007da1;text-shadow:0px 1px 2px #004763;padding:5px 7px 5px 7px; font-family: "BebasNeue", sans-serif; font-size:1.5em;border-radius:3px}
.nm_page_nav a:hover {box-shadow:0px 0px 6px #888;color:#444;background:#fff;text-shadow:none;padding:5px 7px 5px 7px; font-family: "BebasNeue", sans-serif; font-size:1.5em;border-radius:3px}

.nm_read_more:link,
.nm_read_more:visited,
.nm_read_more:active,
.nm_read_more {padding-bottom:18px;text-align:right;font-family: "BebasNeue", sans-serif;font-size:1.5em;color:#007da1;font-weight:normal}
.nm_read_more:hover {padding-bottom:18px;text-align:right;font-family: "BebasNeue", sans-serif;font-size:1.5em;color:#00add1;font-weight:normal}

.cl{clear:both}


.menu-arrow {position:absolute;right:-9px;top:18px;display:block;background:transparent url(../images/menu-arrow.png) center center no-repeat; width:9px;height:22px}