body {
	background-color: black;
	color: white;
	background-image: url("../images/background.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
    font-family: avenir, Arial;
    font-size: 17px;
    font-weight: 500;
}

@font-face {
    font-family: whitney;
    src: url("../fonts/whitney_light.otf");
}

@font-face {
    font-family: avenir_next;
    src: url("../fonts/avenir.ttc");
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.navbar {
	/*border: 2px solid white;*/
	text-align: center;
	padding: 5px;
	position: relative;
	height: 68px;
	z-index: 100;
}

	#myNavbar {
	  box-shadow: none;
	}

	.navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin-top: 25px;
	    margin-right: 15px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid white;
	    border-radius: 4px;
	}

	.navbar-toggle .icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	    /* color: white!important; */
	    border: 1px solid white;
	}

	@media (min-width: 768px) {
		.navbar-right {
			margin-top: 25px!important;
		}
	}

	.nav>li {
	    position: relative;
	    display: block;
	    margin: 0px 5px;
	}

	.navbar-nav>li>a {
	    padding: 5px;
	    line-height: 20px;
	    display: block;
	}

	#travlogo {
		width: 125px;
		/*position: absolute;
		left: 50px;*/
	}

	.nav>li>a:focus, .nav>li>a:hover {
    	text-decoration: none!important;
    	background-color: inherit;
	}

.content {
	/*border: 2px solid purple;*/
	padding: 0px 25px;
}

.footer {
	/*border: 2px solid white;*/
	text-align: center;
	/*position: absolute;
	bottom: 0px;*/
	width: 100%;
	font-size: 13px;
}

a {
	color: white;
	-webkit-transition: all .1s; /* Safari */
    transition: all .1s;
}

	a:hover {
		color: #ffde00;
		text-decoration: none;
	}

	a:visited {
		color: white;
	}

.navbar_footer_index {
	opacity: 0;
}

input {
	color: black;
}

.index {
	text-align: center;
	/*border: 2px solid purple;*/
    padding-top: 13vh;
    padding-bottom: 20px;
}

	@media (max-width: 684px) {
		#index_title {
			font-size: 50px;
	    	color: #ffde00;
	    	font-family: avenir_next, Arial;
	    	letter-spacing: 3px;
	    	display: none;
		}
	}

	@media (min-width: 685px) {
		#index_title {
			font-size: 110px;
	    	color: #ffde00;
	    	font-family: avenir_next, Arial;
	    	letter-spacing: 10px;
	    	display: none;
		}
	}

	@media (max-width: 684px) {
		#index_p {
			font-size: 20px;
			display: none;
		}
	}

	@media (min-width: 685px) {
		#index_p {
			font-size: 35px;
			display: none;
		}
	}

@media (max-width: 684px) {
		.title_h1 {
			color: #ffde00;
			font-size: 40px;
		}
	}

@media (min-width: 685px) {
		.title_h1 {
			color: #ffde00;
			font-size: 60px;
		}
	}

.login {
	text-align: center;
}

	.login input {
		margin-bottom: 10px;
		width: 100%;
    	max-width: 300px;
		text-align: center;
		border: none;
		padding: 5px;
	}

	.login #submit {
		width: 100px;
		background-color: transparent;
		color: white;
		border: 1px solid white;
		border-radius: 5px;
		-webkit-transition: all .2s; /* Safari */
	    transition: all .2s;
	}

		.login #submit:hover {
			width: 100px;
			background-color: transparent;
			color: #ffde00;
			border: 1px solid white;
			border-radius: 5px;
		}

.register {
	text-align: center;
}

	.register input {
		margin-bottom: 10px;
	    width: 100%;
	    max-width: 300px;
	    text-align: center;
	    border: none;
	    padding: 5px;
	}

	.register #submit {
		width: 100px;
		background-color: transparent;
		color: white;
		border: 1px solid white;
		border-radius: 5px;
		-webkit-transition: all .2s; /* Safari */
	    transition: all .2s;
	}

		.register #submit:hover {
			width: 100px;
			background-color: transparent;
			color: #ffde00;
			border: 1px solid white;
			border-radius: 5px;
		}

.admin_panel {
	text-align: center;
}

	.admin_panel table {
		text-align: center;
		margin: 0px auto 10px;
		width: 100%;
		max-width: 450px;
		font-size: 20px;
		/*border: 1px solid white;*/
	}

		.admin_panel th {
		text-align: center;
		color: white;
		background-color: rgba(255, 222, 0, 0.3);
		font-size: 20px;
	}

		/*.table_label {
			color: #ffde00;
		}*/

		#page_headline, #page_title {
			/*border: 1px solid red;*/
			width: 90%;
			max-width: 300px;
			margin: 0px 10px;
		}

		#keywords, #description {
			/*border: 1px solid red;*/
			width: 95%;
			max-width: 677px;
			margin: 0px 10px;
		}

	.edit_delete a {
		color: #ffde00;
		text-decoration: none;
		-webkit-transition: all .2s; /* Safari */
	    transition: all .2s;
	}

		.edit_delete a:hover {
			color: red;
		}

	.admin_panel input {
		margin-bottom: 10px;
		width: 300px;
		text-align: center;
		border: none;
		padding: 5px;
	}

	.admin_panel #submit {
		margin-top: 10px;
		width: 100px;
		background-color: transparent;
		color: white;
		border: 1px solid white;
		border-radius: 5px;
		-webkit-transition: all .2s; /* Safari */
	    transition: all .2s;
	}

		.admin_panel #submit:hover {
			width: 100px;
			background-color: transparent;
			color: #ffde00;
			border: 1px solid white;
			border-radius: 5px;
		}

.alt_link {
	color: #ffde00;
	-webkit-transition: all .2s; /* Safari */
	transition: all .2s;
}

	.alt_link:hover {
	color: #ffc000;
}

#create_link {
	font-size: 20px;
	display: inline-block;
	margin-bottom: 10px;
}

.cke_reset {
    margin: auto!important;
    padding: 0;
    border: 0;
    background: transparent;
    text-decoration: none;
    width: 97%!important;
    height: auto;
    vertical-align: baseline;
    box-sizing: content-box;
    position: static;
    transition: none;
    border: none;
}

.cke_chrome {
    display: block;
    border: none!important;
    padding: 0;
}

.success {
	color: #00ff00;
}

.fail {
	color: red;
}

.error {
	background-color: red;
    border: 1px solid white;
    width: 100%;
    max-width: 370px;
    margin: 5px auto;
}

.delete_webpage {
	text-decoration: none;
}

.blog {
	/*border: 2px solid white;*/
	width: 100%;;
	max-width: 600px;
	margin: auto;
	font-size: 20px;
}

	#blog_title {
		margin-top: 0px;
	}

	.blog h2 {
		color: #ffde00;
	}

	.post_info {
		font-size: 13px;
		background-color: rgba(224, 224, 224, 0.3);
		padding: 2px;
	}

	.read_more {
	}