@charset "utf-8";

@import url("../fonts/fontawesome/css/font-awesome.css");

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); /* 'Open Sans' */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); /* 'Open Sans Condensed' */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700); /* 'Oswald' */

html, body {
	/* background: #ffffff url(../images/bg_body.jpg) no-repeat center top; */
	background-size: cover;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 13px/18px 'Open Sans',Arial,Helvetica;
	font-weight: 400;
	color: #151515;
	height: 100%;
	min-height: 100%;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-locale: 'de';
	-webkit-text-size-adjust: none;
}

.layout_rahmen {
	width: 800px;
	margin: 0 auto;
}
.layout_rahmen_inhalte {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}


.layout_heading_top {
	background: #7A8EC9;
	width: 100%;
	height: 30px;
}
.layout_heading_top_inhalte {
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
	font: bold 25px/39px 'Oswald', Helvetica, sans-serif;
	font-weight: 400;
	color: #fcfcfc;
	text-transform: uppercase;
	text-align: left;
	padding: 0px 0px 0px 20px;
}

a.download_link,
a.download_link:link,
a.download_link:visited {
	background: #7A8EC9;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-decoration: none !important;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	display: block;
	color: #fcfcfc;
	text-transform: uppercase;
	text-align: center;
}



/* SPALTEN */
.layout_spalten {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_spalte_links {
	width: 400px;
}
.layout_spalte_links_inhalte {
}
.layout_spalte_rechts {
	width: 400px;
}
.layout_spalte_rechts_inhalte {
	padding: 0px 0px 0px 20px;
	text-align: justify;	
}
.layout_spalte_rechts_inhalte span {
	color: #7A8EC9;
}

.layout_cover {
	background: transparent url(../images/straubing-guide_2015_Seite_preview.png) no-repeat left top;
	width: 200px;
	height: 254px;
	display: block;
	position: absolute;
	z-index: 9999;
/*	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);*/
	margin: 345px 0px 0px 220px;
	padding: 0px 0px 0px 0px;
}
.layout_cover a,
.layout_cover a:link,
.layout_cover a:visited {
	width: 200px;
	height: 254px;
	display: block;
}


/* FOOTER */
.layout_footer {
	width: 100%;
	height: 100px;
	display: block;
}
.layout_footer_inhalte {	
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	color: #989898; 
	text-decoration: none;
}
.layout_footer_inhalte a,
.layout_footer_inhalte a:link,
.layout_footer_inhalte a:visited {
	color: #989898; 
	text-decoration: none;
	border-left: 1px solid #bbbbbb;
	padding: 0px 4px 0px 5px;
}
.layout_footer_inhalte a:first-child {
	border-left: none;
}


/* HEADER UND SLIDESHOW */
/* BANNERSLIDER */
.codedesign_kompakt_bannerslider div.royalSlider {
	width: 400px !important;
	height: 570px !important;
	/*position: absolute;*/
	margin: 0px 0px 0px 0px;
}
.codedesign_kompakt_bannerslider div.royalSlider > .bannerslide {
	/* preload !! */
	visibility: hidden; 
}
.codedesign_kompakt_bannerslider div.bannerslide {
	width: 400px;
	height: 570px;
	margin: 0 auto;
	text-align: left;
}
.kompakt_bannerslider_prev,
.kompakt_bannerslider_next {
	background: url(../images/icons/icon_slider_mini_pfeile.png) no-repeat -35px 0;
	width: 35px;
	height: 35px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	-moz-transition: background-position 0.4s ease-out 0s; 
	-webkit-transition: background-position 0.4s ease-out 0s; 
	transition: background-position 0.4s ease-out 0s;
	cursor: pointer;
	position: absolute;
}
.kompakt_bannerslider_prev {
	background-position: 0px -35px;
	margin: 220px 0px 0px 0px;
	z-index: 100;
}
.kompakt_bannerslider_next {
	margin: 220px 0px 0px 365px;
	z-index: 100;
}
.kompakt_bannerslider_next:hover{
	background-position: 0 0;
}
.kompakt_bannerslider_prev:hover {
	background-position: -35px -35px;
}


/* SOCIAL MEIDA */
.layout_socialmedia_facebook {
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 0px 0px;
}
.layout_socialmedia_facebook_inhalte {
	
}



/* HEADINGS */
h1, h2, h3, h4, h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1 {
	font: bold 25px/25px 'Open Sans', Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: -1px;
	color: #7A8EC9;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h1 span {
	font-weight: 400;
}
h2 {	font: normal 15px/15px 'Open Sans', Helvetica, sans-serif;
	font-weight: 600;
	color: #151515;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	font: normal 20px/20px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: #7A8EC9;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
h2:after {
    background: #7A8EC9;
    content: '';
    height: 70px;
    margin: 0px 10px 0px 0px;
    float: left;
    /* transform: skew(25deg); */
    width: 5px;
}
h3 {
	font: normal 20px/20px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: #8FB31A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
h3::after {
	/*content: "."*/
}
h4 {
	font: normal 17px/17px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: #8FB31A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
}
h4 a, h4 a:link, h4 a:visited, h4 a:hover {
	font: normal 17px/17px 'Oswald', Helvetica, sans-serif;
	font-weight: 300;
	color: #8FB31A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	text-decoration: none !important;
}
h4::after {
	/*content: "."*/
}



/* UNIVERSAL */
img {
	border: none;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.clear_both {
	clear: both;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.display_block {
	display: block;
}
.display_inline {
	display: inline;
}
.display_none {
	display: none;
}
.pointer {
	cursor: pointer;
}
.help {
	cursor: help;
}
::-moz-selection {
	background: #a6a6a6;
	color: #ffffff;
}
::selection {
	background: #a6a6a6;
	color: #ffffff;
}
.breite_33p {
	width: 33%;
}
.breite_100p {
	width: 100%;
}
.breite_960_center {
	width: 960px;
	margin: 0 auto;
}
.breite_65 {
	width: 65px;
}
.breite_80 {
	width: 80px;	
}
.breite_85 {
	width: 85px;	
}
.breite_100 {
	width: 100px;
}
.breite_115 {
	width: 115px;
}
.breite_150 {
	width: 150px;
}
.breite_220 {
	width: 220px;
}
.breite_230 {
	width: 230px;
}
.breite_241 {
	width: 241px;
}
.breite_250 {
	width: 250px;
}
.breite_270 {
	width: 270px;
}
.breite_285 {
	width: 285px;
}
.breite_330 {
	width: 330px;
}
.breite_336 {
	width: 336px;
}