.footer .row .col-md-4 ul li.comment a{
	height:auto;
}
.news_komplett img{
	max-width:100%;
}
#feedlist ul {
	list-style-type: none;
    padding: 0px;
    margin-bottom:10px;
}

#feedlist ul li{
	padding:2px 5px;
	font-size:12px;
}
#feedlist ul li:nth-of-type(even) {
    background-color: #DFFFB5;
}

#stats h3{
    background-color: #82BC38;
    margin-top: 10px;
   	padding: 10px;
	font-size: 16px;
	color:#FFF;
}

body{ margin: 0; padding:0; height: 100%; font-family: 'Roboto', sans-serif !important; color: #585857 !important; background-image: url(../img/page-background.png); background-position: center top; background-repeat: repeat-y; background-size: 100%;}
header{ width: 1055px; height: 160px; margin: 0 auto; } 
footer{width: 1055px; height: 460px; bottom: 0px; margin: 0 auto; }
 
.header{ background: #fff; border-bottom: solid 4px #82BC38;}
.header .wrap{ text-align: right; margin-right: -120px; }
.tt-logo{ width: 532px; height: 90px; background-image: url(../img/logo.png); background-size: 50%; background-repeat: no-repeat; margin-top:31px; float: left;}
.flags{ width: 30px; }
hr{ margin-top: 2px !important; margin-bottom: 0; width: 180px; position: absolute; }

#search{
display:none;
}
iframe{
border: 0px;
}
#news > div.newsbanner{
    margin: auto;
    display: block;
    text-align: center;
    padding: 33px;
}

.news_vorschau h4{
    position: absolute;
    color: #FFF;
     margin-top: 111px;
    padding: 5px;
    z-index: 2;
    margin-right: 19px;
    height:150px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.news_vorschau h4 span{
position: relative;
    bottom: -80px;
    width: 100%;
}
.seitenzahl{
	margin:2px;
	clear:both;
	padding:5px;
}
.seitenzahl ul{
	list-style-type:none;
}
.seitenzahl li span, .seitenzahl li a {
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	min-width:25px;
}
.seitenzahl li b{
	color:black;
}
.seitenzahl li span{
	color:#CFCFCF 
}
.seitenzahl li {
	border: 1px solid #CFCFCF;
	line-height:20px;
	display:inline-block;
	margin:2px;
	text-align:center;
	background-color:#DFDFDF;

	
}


/*BOOTSTRAP*/
.row{ text-align: center; margin: 0 !important; }
.caret{ margin-left: 20px !important; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding:0 !important; }
.col-md-2 { width: 20% !important; }

#searchBtn.input-group{margin-top: 50px;}

#eingabefeldEmail{ margin-bottom: 25px; }

#anmeldenButton{ color:#fff; text-shadow: none; background-image: -webkit-linear-gradient(top,#83BC3A 0,#369B38 100%); margin-top: 20px; height: 40px; }
#anmeldenButton:hover, #anmeldenButton:focus, #loginButton:focus{ background-color: #369B38; }

#loginButton{ color:#fff; text-shadow: none; background-image: -webkit-linear-gradient(top,#83BC3A 0,#369B38 100%); margin-top: 50px; height: 40px;}
#loginButton:hover, #loginButton:focus{ background-color: #369B38; }
#loginButtonDrop{ margin-left: -296px; width: 358px; padding: 25px; }
#loginButtonDrop h4{ color: #83BC3A; font-weight: 100; }
#loginButtonDrop .forgotpasslink span{ color: #001fff; font-size: small; margin-left:178px; } 

#languageCaret{ margin-left: 0 !important; }
#languageBtn{ margin-top: 50px; width: 11.666667%; }
#languageDrop .dropdown-menu{ min-width: 90px; text-align: center; }
#languageBtnDrop{ width: 35px !important; }

.btn-default{ height: 40px !important; }
.form-control{ height: 40px !important; }

#navigation{ position: relative; }
#navigation a{ display: block; font-size: 14px; font-weight: 500; color: #585857; text-decoration: none; height:45px; padding:10px;}
#navigation .col-md-2{ position: initial; }
#navigation .col-md-2:hover a{ color: #fff; background: #273476; }
#navigation .col-md-2:hover .col-md-2 a{ color: #fff; background: none; }
#navigation .col-md-2 .flyout{ width: 1055px; min-height: 160px; margin-top:19px; top:24px; left:0; background: linear-gradient(358deg, #222C54 0%, #273476 100%);  display: none; position: absolute; z-index: 999;}
#navigation .col-md-2 .flyout .flyout-wrap{  padding: 29px 25px 23px; background: url(../img/navi_muster.png) bottom right no-repeat; }
#navigation .col-md-2 .flyout .row{ text-align: left; } 
#navigation .col-md-2 .flyout .row .col-md-2{ color: #fff; float: left; }
#navigation .col-md-2 .flyout .row .col-md-2 span{ border-bottom: solid 1px #fff; }
#navigation .col-md-2 .flyout .row .col-md-2 ul li a{ height: 20px; padding: 0; font-weight: 300; }
#navigation .col-md-2 .flyout .row .col-md-2 ul li a:hover{ text-decoration: underline; }
#navigation .col-md-2 .flyout ul{ list-style: none; float: left; padding-left: 5px; color: #fff; font-weight: 100; text-align: left; margin-top: 10px; margin-bottom: 45px;}
#navigation .col-md-2:hover .flyout{ display: block;  }


.content .go-to-top{ bottom: 0; cursor: pointer; margin-left: 813px; position: fixed; z-index: 999; }

.content{ width: 1055px; margin: 0 auto; }
.content .breadcrumb{ background-color: transparent; margin-bottom: 9px; text-align: left;}
.content .breadcrumb a{ color: #777; }
.content .breadcrumb .active{ color: #585857; }
.content .breadcrumb>li+li:before{ color: #777; }

.content .site-links{ float: right; list-style: none; padding: 8px 15px; }
.content .site-links a{ color: #777; }
.content .site-links li{ float: left; font-weight: 400; }
.content .site-links .act{ color: #82BC38; }
.content .site-links>li+li:before{ content: "|"; padding: 0 5px; color: #7d7d7d; }

.content .template{ background: #fff; height: auto; box-shadow: 0 0 5px 3px #858585; margin-bottom: 70px;}
.content .template .divide{ height: 22px; width: 1055px; background: linear-gradient(to right, rgba(130,188,56,1) 0%,rgba(130,188,56,1) 71%,rgba(130,188,56,1) 71%,rgba(78,163,56,1) 100%);  position: absolute; border-bottom: solid 8px #fff; }
.content .template .head-titel{ background: linear-gradient(to right, rgba(130,188,56,1) 0%,rgba(130,188,56,1) 71%,rgba(130,188,56,1) 71%,rgba(78,163,56,1) 100%);  width: 1055px; height: 117px; }
.content .template .head-titel .dotted-wrap{ background: url(../img/head-title-muster.png) bottom right no-repeat; height: 100%;}
.content .template .divide .dotted-wrap{ background: url(../img/head-title-muster.png) bottom right no-repeat; height: 100%;}
.content .template .head-titel h2{ color: #fff; margin-bottom: 20px; margin-top: 0; padding: 50px 37.5px;}
.content .template .row{ padding: 8px 17.5px; }

/*RECTANGLE*/
.content .template .row #rectangle{ text-align: left; padding: 19px 20px !important; }
.content .template .row #rectangle .rectangle-img{ width: 640px; height: 250px; overflow: hidden; }
.content .template .row #rectangle .rectangle-img img{ width: 100%; }
.content .template .row #rectangle p{ font-weight: 100; margin: 10px 0 10px; }
.content .template .row #rectangle p a{ float: right; font-style: italic; }
.content .template .row #rectangle .rectangle-gradient{ top:-250px; position: relative; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0) 100%); height: 250px; width: 640px; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 10px 20px; }
.content .template .row #rectangle .rectangle-gradient h4{ font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; }

/*RECTANGLE-LARGE*/
.content .template .row #rectangle-large{ text-align: left; padding: 19px 20px !important; }
.content .template .row #rectangle-large .rectangle-large-img{ width: 980px; height: 250px; overflow: hidden; }
.content .template .row #rectangle-large .rectangle-large-img img{ width: 100%; }
.content .template .row #rectangle-large p{ font-weight: 100; margin: 10px 0 10px; }
.content .template .row #rectangle-large p a{ float: right; font-style: italic; }
.content .template .row #rectangle-large .rectangle-large-gradient{ top:-250px; position: relative; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0) 100%); height: 250px; width: 980px; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 10px 20px; }
.content .template .row #rectangle-large .rectangle-large-gradient h4{ font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; }

/*VERTICAL-RECTANGLE*/
.content .template .row #vertical_rectangle{ text-align: left; padding: 19px 20px !important; margin-top: -368px;}
.content .template .row #vertical_rectangle .vertical-img{ width: 300px; height: 600px; overflow: hidden; }
.content .template .row #vertical_rectangle .vertical-img img{ width: 100%; }
.content .template .row #vertical_rectangle p{ font-weight: 100; margin: 10px 0 10px; }
.content .template .row #vertical_rectangle p a{ float: right; font-style: italic; }
.content .template .row #vertical_rectangle .vertical-img .vertical-gradient{ top:-600px; position: relative; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0) 100%); height: 600px; width: 300px; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 10px 20px; }
.content .template .row #vertical_rectangle .vertical-img .vertical-gradient h4{ font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; }

/*SQUARE*/
.content .template .row #square{ text-align: left; padding: 19px 20px !important; }
.content .template .row #square .square-img{ width: 300px; height: 250px; overflow: hidden; }
.content .template .row #square .square-img img{ width: 100%; }
.content .template .row #square p{ font-weight: 100; margin: 10px 0 10px; }
.content .template .row #square p a{ float: right; font-style: italic; }
.content .template .row #square .square-gradient{ top:-250px; position: relative; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0) 100%); height: 250px; width: 300px; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 10px 20px; }
.content .template .row #square .square-gradient h4{ font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; }

/*SQUARE-LARGE*/
.content .template .row #square-large{ text-align: left; padding: 19px 20px !important; }
.content .template .row #square-large .square-large-img{ width: 980px; height: 980px; overflow: hidden; }
.content .template .row #square-large .square-large-img img{ width: 100%; }
.content .template .row #square-large p{ font-weight: 100; margin: 10px 0 10px; }
.content .template .row #square-large p a{ float: right; font-style: italic; }
.content .template .row #square-large .square-large-gradient{ top:-980px; position: relative; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.97) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0) 100%); height: 980px; width: 980px; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 10px 20px; }
.content .template .row #square-large .square-large-gradient h4{ font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; }

/*TABLE*/
.content .template .row #liga-table{ width: 340px; padding: 19px 20px !important; }
.content .template .row #liga-table a{ float: left; font-style: italic; }
.content .template .row #liga-table table{ text-align: left; }
.content .template .row #liga-table thead{ background-color: #e7e7e7; }
.content .template .row #liga-table td{ font-weight: 300; border-top: none; padding: 8px 18px; }
.content .template .row #liga-table tr{  }
.content .template .row #liga-table th{ padding: 12px 18px; }
.content .template .row #liga-table tbody{  }

.content .template .advertising-banner{ text-align: center; padding: 20px 0; }
.content .template .videos{ border-bottom: 4px solid #fff; height:70px; }
.content .template .videos .play{ float: left; padding: 12px 20px 0px 37.5px;}
.content .template .video-square{ background: linear-gradient(to right, rgba(130,188,56,1) 0%,rgba(130,188,56,1) 71%,rgba(130,188,56,1) 71%,rgba(78,163,56,1) 100%);  height: 204px;}
.content .template .videos h2{ margin: 5px 0px; padding: 15px 37.5px;}
.content .template .video-square .dotted-wrap{ background: url(../img/head-title-muster.png) bottom right repeat-y; height: 100%; }
.content .template .video-square #square_video{ background-color: gray; width: 180px; height: 150px; margin: 18px 0px 0px 20px; cursor: pointer;}
.content .template .video-square #square_video .play-square{ width: 81px; height: 70px; overflow: hidden; margin-top: -172px; margin-left:50px;}
.content .template .video-square #square_video .play-square:hover{ background-image: url(../img/play-square-video-hover.png) ; }

.content .quote{ text-align: center; margin-bottom: 65px;}
.content .quote h2{ font-style: italic; }

.share{ margin: 0 auto; width: 1055px; text-align: center; color: #fff; background: linear-gradient(135deg, rgba(88,88,87,1) 0%,rgba(88,88,87,1) 63%,rgba(61,61,60,1) 100%); height: 230px; }
.share .dotted-wrap{ background: url(../img/share_dotted.png) bottom right no-repeat; height: 100%; }
.share h3{ color: #82BC38; font-style: italic; padding-top: 60px; font-weight: 300;}
.share h3 span{ color: #fff; }
.share .row{ margin: 0 auto !important; width: 706px; margin-top: 30px; padding: 27px 0; line-height: 20px; font-size: 20px;}
.share .row .col-md-2{ width: 150px; height: 48px; } 
.share .row .col-md-3{ cursor: pointer; }

.footer{ background-color: #fff; border-top: solid 4px #82BC38; box-shadow: 0 0 10px 1px #242424;}
.footer .dotted-wrap{ background: url(../img/footer_dotted.png) bottom right no-repeat; height: 100%; }
.footer .row{ margin-top: 30px !important; }
.footer .row .col-md-4{ float: left; text-align: left; font-size: 18px; }
.footer .row .col-md-4 hr{ border-top: 2px solid #585857; width: 290px; margin-top: 12px !important; }
.footer .row .col-md-4 ul{ list-style: none; padding-left: 5px; font-weight: 100; text-align: left; padding-top: 34px; line-height: 36px; }
.footer .row .col-md-4 ul li a{ color: #777; width: 250px; height: 47.5px; display:block;}
.footer .row .col-md-4 .partner-logo1{ background: url(../img/logo_lufthansa.png); width: 170px; height:47px; margin: 0; position: relative; background-repeat: no-repeat; background-position: center 0px; cursor: pointer; margin-bottom: 22px;}
.footer .row .col-md-4 .partner-logo1:hover{ background-position: center -46px; }
.footer .row .col-md-4 .partner-logo2{ background: url(../img/logo_tibhar.png); width: 170px; height:47px; margin: 0; position: relative; background-repeat: no-repeat; background-position: center 0px; cursor: pointer; margin-bottom: 22px;}
.footer .row .col-md-4 .partner-logo2:hover{ background-position: center -47.5px; }
.footer .row .col-md-4 .partner-logo3{ background: url(../img/logo_donic.png); width: 170px; height:47px; margin: 0; position: relative; background-repeat: no-repeat; background-position: center 0px; cursor: pointer; margin-bottom: 22px;}
.footer .row .col-md-4 .partner-logo3:hover{ background-position: center -47.5px; }
.footer .row .col-md-4 .comment{ line-height: 24px; font-size: 12px; width: 290px; margin-bottom: 30px; }
.footer .row .col-md-4 .copyright{ font-size: 10px; margin-top: 40px; }



/*KONTAKT*/

.content .template form{ padding: 37.5px 37.5px 50px 37.5px; }
.content .template #kontakt{ margin: 0 auto; padding-bottom: 20px; }
.content .template #kontakt h4{ color: #83BC3A; font-weight: 100; }
.content .template #kontakt ul{ list-style: none; padding: 0; }
.content .template #kontakt #eingabefeld{ width: 475px; }
.content .template #kontakt #text{ width: 475px; height:200px !important;}
.content .template #kontakt .imgSafe{ padding-bottom: 10px; }
.content .template #kontakt .checkbox label{ font-weight: 300; }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#submitButton{ color:#fff; text-shadow: none; background-image: -webkit-linear-gradient(top,#83BC3A 0,#369B38 100%); margin-top: 20px; margin-right:30px; height: 40px; }
#submitButton:hover, #submitButton:focus{ background-color: #369B38; }

#resetButton{ color:#fff; text-shadow: none; background-image: -webkit-linear-gradient(top,#E29C8A 0,#BF1622 100%); margin-top: 20px; height: 40px; }
#resetButton:hover, #resetButton:focus{ background-color: #BF1622; }


/*IMPRESSUM*/

.content .template .imprint{ margin: 0 auto; padding: 20px 37.5px 50px 37.5px; }
.content .template .imprint h2{ font-size: 25px; font-weight: 400; color: #82BC38;}
.content .template .imprint h3{ font-size: 18px; color: #70706F; margin-bottom: 5px; }
.content .template .imprint p{ font-weight: 300; color: #70706F; }
.content .template .imprint li{ font-weight: 300; color: #70706F; }
.content .template .imprint b,strong{ font-weight: 400 !important; }



@media all and (max-width:1290px){
.content{
	margin-left: 30px;
	margin-right: 30px;
}

}

@media all and (max-width:1000px){
.content{
	margin-left: 0px;
	margin-right: 0px;
	margin-top:10px;
}

}
.navbar-toggle .icon-bar{
	background-color: black;
}
.navbar-toggle{
	border: 1px solid black;
}
@media all and (max-width:767px){
	#navigation a{
		color:#FFF!important;
		    font-size: 16px;
	
	}
	img{
		height: auto;
		}
	.footer{
		padding:30px;
	}
	.news_vorschau img{
		max-width: 300px;
		    float: left;
		    margin-right:10px;
	
	}
	.news_vorschau h4{
		max-width: 300px;
	
	}
	.news_vorschau a{
		float: inherit!important;
	}
	.footer .row .col-md-4{
		float:none!important;
	}
#\34 270439,#\34 270438, #\34 270439, #\34 270436, #\34 270435{
	display:none;
}
	#slidemenu .col-md-2{
		width:100%!important;
	}
	.header #languageBtn, 
	.header #logingrp, 
	.header #search,
	#subheader
	{
		display:none;
	}
	.tt-logo{
		margin-top: 5px;
		margin-left:5px;
		width: 300px;
	}
	header{
		height: 46px;
	}
	
	#navigation{
		/* display:none; */
	}
	*{
		max-width:100%;
	}
	.content div{
		max-width:100%;
	}
	.col-xs-6{
		width:100%!important;
	}
	.share{
		display:none;
	}
	.content .template .video-square{
	height:100%;
	}
	.content .template .video-square #square_video .play-square{
		margin:0px;
	}
	.content .template .video-square #square_video{
		    padding: 18px;
		    background-color: transparent;
		        width: 100%!important;
		    
		}
	.content .template .video-square #square_video .play-square {
    width: 81px;
    height: 70px;
    overflow: hidden;

        margin-left: -56%;
	}
	.content .template .video-square #square_video{
		height:100%!important;
	}
	
	.content .template .video-square #square_video  img{
		width:88%;
		height:auto;
	}
	footer, .content{
		width:100%;
		height:100%;
	}
}



.bewertung{
display:none;
}

.news_vorschau .datum{
	display:none;
}
.news_vorschau img{
    width: 100%;
    height: 250px;
    left: 200px;
    clip: rect(0px 318px 250px 0px);
    z-index: 0;

}
.row{
text-align:left;
}



/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: fixed;
    line-height: 0;
    right: 10px;
    top: 0px;
    z-index: 9999;
    margin: 0;
    width: 50px;
    height: 45px;
    padding: 10px;
    border: 0;
    background: #FFF;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}

/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) { 
	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav #slidemenu {
	    background: #333
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
	    width: 80%;
	    left: -80%;
	    background: #eee;
	}
	#slide-nav #navbar-height-col {
	    background: #333;
	    z-index: 1;
	    border: 0;
	}

}
@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar-header {
	    left: 0!important
	}
}