/*
Theme Name: carolineseidler
Author: Viertelbogen, Thomas Frik
Author URI: https://viertelbogen.at
Version: 1.0
*/
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-uptbk0');
	src:url('fonts/icomoon.eot?#iefix-uptbk0') format('embedded-opentype'),
		url('fonts/icomoon.woff?-uptbk0') format('woff'),
		url('fonts/icomoon.ttf?-uptbk0') format('truetype'),
		url('fonts/icomoon.svg?-uptbk0#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-phone:before { font-family: 'icomoon'; content: "\e600"; font-size:18px; color:#ff2d8e; vertical-align:top; }
.icon-mail:before { font-family: 'icomoon'; content: "\e601"; font-size:18px; color:#ff2d8e; vertical-align:top; }
.icon-menu:before { font-family: 'icomoon'; content: "\e602"; font-size:18px; color:#ff2d8e; vertical-align:top; }

* {
	border:none;
	margin:0;
	padding:0;
}

body {
	background-color: #fff;
	color: #000;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	line-height: 18px;
	-webkit-text-size-adjust: 100%;
}

a	{
	color: #000;
	border-bottom: 1px solid #ff2d8e;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #000;
	background-color: #FFF;
	border-bottom: 1px solid #ff2d8e;
}

b, strong {
	font-weight:700;
}

ul,li { 
	list-style-type: none;
}

img { 
	border:	0 !important;
	display:block !important;
	border-bottom-width: 0;
	border-bottom-style: none;
	max-width:100%;
	height:auto;
}

#lightbox a {
	border:none;
	text-decoration:none;
}

#lightbox #caption {
	display:none !important;
}
/*
#lightbox img {
    max-width: 80%;
    max-height: 80%;
}

#outerImageContainer, #imageContainer {
    max-width: 80%;
	max-height: 80%;
    width: auto!important;
    height: auto!important;
}
*/
.clear {
	clear:both;
}

h1, h2, h3, h4 {
	color: #000;
	font-size: 12px;
	margin: 20px 0 10px;
	line-height: 20px;
	clear:both;
}

h1 {
	font-size: 20px;
	font-weight:700;
	margin-top:40px;
}

h2 strong {
	font-weight:700;
	border-bottom: 1px solid #ff2d8e;
}

a:hover img, img a:hover  {
	border:	0 !important;
}

#wrapper {
	width: 100%;
	margin: 0;
}

header {
	position:fixed;
	left:2%;
	top:0;
	width:20%;
	min-width:175px;
	max-width:220px;
	background-color:#FFF;
}

header a {
	border-bottom:1px solid #fff;
}

header a:hover {
	border-bottom:1px solid #ff2d8e;
}

.logo img {
	margin:100px 0 0.75em;
	/*max-width:220px;*/
}

#follow {
    background: #fff none repeat scroll 0 0;
    bottom:0;
    left:0;
	right:0;
    position: fixed;
	z-index:99999;
	padding:0 2%;
}

#follow ul {
	padding-top:10px;
}

#follow li {
    display: inline;
    padding-right: 20px;
    vertical-align: top;
}

#follow a {
    display: inline-flex;
	border-bottom:none;
}

#follow a:hover {
	border-bottom:none;
}

#follow img {
	max-height:20px;
	margin-right:4px;
	padding-top:-4px;
}

#topinfo {
    margin: 100px 2% 2% 24%;
}

main {
	width: 74%;
	max-width:1010px;
	margin: 40px 2% 2% 24%;
	padding-bottom:50px;
}

main p {
    word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
	margin-top:0.75em;
}

.tabellen table {
	margin-bottom:20px;
}

.tabellen img {
	max-height:400px;
	width:auto;
}

tbody td {
	max-height:400px;
	width:auto;
	vertical-align:top;
}

#starttext p {
	margin-top:18px;
}

.raster {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #e4e4e4;
	width: 120px;
	height: 160px;
}

.raster_2 {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #e4e4e4;
	width: 250px;
	height: 290px;
}

.raster a, .raster_2 a {
	border-bottom: 1px solid #ff2d8e;
}

.raster p, .raster_2 p {
     word-break:normal;
	-webkit-hyphens:none;
	-moz-hyphens:none;
    hyphens:none;
}

.raster:hover, .raster_2:hover {
	border-bottom: 1px solid #ff2d8e;
	background-color: #FFF;
}

.raster img {
	margin-bottom: 5px;
	height: 120px;
	width: 120px;
}

.raster_2 img {
	margin-bottom: 5px;
	height: 250px;
	width: 250px;
}

iframe, .flowplayer {
    max-width: 400px !important;
	height:auto;
}

.flowplayer {
    margin: 0 !important;
}

/* ------------ Nav-style ------------ */
nav > ul {
	border-bottom:1px solid #e4e4e4;
	padding:5px 0;
}
nav > ul > li {
	font-weight:700;
}

nav li {
	display:block;
}

.menu-item ul li {
	display:none;
}

nav ul li.current-post-ancestor ul li,
nav ul li.current-menu-item ul li,
nav ul li.current-page-ancestor ul li {
	display:block;
	font-weight:400;
}

nav > ul > li.current-menu-item > a, 
nav > ul > li.current-menu-item > a:hover,
nav ul li.current-post-ancestor ul li.current-menu-item a,
nav ul li.current-page-ancestor > a,
nav ul li.current-page-ancestor ul li.current-menu-item a,
nav ul li.current-menu-parent > a {
	border-bottom: 1px solid #ff2d8e;
}

p.nav {
	margin-bottom:20px;
}

p.nav strong {
	border-bottom: 1px solid #ff2d8e;
	font-weight:700;
}

/* ------------ Mobile Menu ------------ */
.button { 
	display:none;
}


/* ------------ Kategorieseiten-Submenüs ------------ */
#singlepage > ul {
	margin-bottom:20px;
}

#singlepage > ul li a {
	border-bottom:none;
	font-weight:700;
}

#singlepage > ul li {
	display:inline-block;
	margin-right:20px;
}

#singlepage > ul li a:hover, #singlepage > ul li a.current {
	border-bottom: 1px solid #ff2d8e;
}

#feld-01, #feld-02, #feld-03, #feld-04 {
	font-weight:400;
}

#feld-02 li {
    margin-left: 3.3em;
    text-indent: -3.3em;
}

img.portrait {
	margin-bottom:20px;
	max-height:250px !important;
	max-width:250px !important;
}

.ngg-gallery-thumbnail-box {
	height:130px;
}

.ngg-galleryoverview {
    margin-top: 10px !important;
}

#fancybox-wrap a {
	border-bottom:none;
}
/* ------------ Kategorieseiten Ende ------------ */


#title_list a:hover {
	background-color: #EAEAEA;
}

.meta a	{
	color: #000000;
}

.content_liste a	{
	color: #a0a0a0;
}

.active_category {
	background-color: #FFF;
}

.ngg-gallery-thumbnail-box {
    height: 120px;
	overflow:hidden;
    margin: 0 2% 2% 0;
}

.ngg-gallery-thumbnail {
    border: none !important;
    margin: 0 !important;
}

.ngg-gallery-thumbnail- img {
	width: 250px;
	height: 290px;
}

.ngg-gallery-thumbnail a {
    margin: 0 !important;
}

/* ------------ colorbox ------------ */
.colorbox_singel_box {
	padding:0 20px 0 0 !important;
	margin-bottom:0 !important;
}
#colorbox_main_container_9534 p {
	font-family:'Arimo';
	font-weight:400;
}
.quote {
	font-size:18px;
	line-height:24px;
	font-style:italic;
	margin-bottom:10px;
}

.author, .date, .illustrator {
	font-size:12px;
	line-height:16px;
	font-style:normal;
}

.wpsm_col-md-4 {
    width: 33% !important;
}

.wpsm_panel-body {
	padding:0 !important;
	margin:0 !important;
}

.wpsm_panel {
	padding-bottom:20px !important;
	border-bottom: 1px solid #e4e4e4 !important;
}
/* ------------ colorbox-ende ------------ */
a.cli-privacy-readmore {
	text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: none !important;
}
@media screen and ( max-width:860px ) {
header {
	position:static;
	width:96%;
	padding:0 2%;
	max-width:96%;
}

#imageData #helpDisplay {
	display:none !important;
}

main > p, main > h1, main > h2, main > h3, main .tabellen, main ul, #colorbox_main_container_9534, main > table, main > h4, #statisch h1, #starttext p {
	margin-left:2%;
}

.tnp {
	margin-left:2% !important;
	width:96% !important;
}

.logo img {
	margin-top:8%;
	max-width:66%;
}

#topinfo {
	margin:2%;
}

main {
    margin: 40px 0 0;
    max-width: 98%;
    width: 98%;
}

.raster {
    height: auto;
    margin: 0 0 6% 2%;
    padding: 0;
}

.raster_2 {
	margin:0 0 2% 2%;
}

#feld-01 {
	margin-left:2%;
	margin-right:0 !important;
}

#feld-02, #feld-03, #feld-04 {
	margin-left:4%;
}

.list-wrap {
	margin:0 -2%;
	padding-right:2%;
}

.list-wrap #feld-01 > p {
	margin-left:2%;
}

.ngg-gallery-thumbnail-box {
    margin: 0 0 2% 2%;
}

.wpsm_panel-body {
	padding:0 0 15px !important;
	margin:0;
}

.fuss {
	clear:both;
	height:30px;
}

.button { 
	display:block; 
	background:#fff; 
	text-align:left; 
	padding-top:6px; 
}

.button li {
	text-align:center; 
	display:inline-block;
	width:31%;
	height:24px;
	text-transform:uppercase;
	border:1px solid #ff2d8e;
	padding-top:10px;
	margin-right:1%;
}

.button li:last-child {
	margin-right:0;
}

.button a, .button a:hover {
	font-weight:700;
	padding:0 10px;
	border-bottom:none;
}

nav {
	display:none;
}

@media screen and ( max-width:790px ) {
.ngg-gallery-thumbnail {
    margin: 0 !important;
}

.colorbox_singel_box {
    width: 96% !important;
	padding:0 0 20px !important;
}

#singlepage > ul li {
	display:none;
}

#singlepage > ul li.nav {
	display:inline-block;
	margin-right:10px;
}

}

@media screen and ( max-width:550px ) {
.raster_2 {
	width:48%;
}
}

@media screen and ( max-width:450px ) {
.raster_2 {
	height:240px;	
}

}

@media screen and ( max-width:420px ) {

.ngg-gallery-thumbnail-box {
    width: 31.3%;
}

.raster {
    width: 31.3%;
}

.raster_2 {
	height:230px;
}

iframe {
    height: auto !important;
}

.raster img {
	height:100px;
	width:100px;
}

}

@media screen and ( max-width:390px ) {
.ngg-gallery-thumbnail-box {
    height: 110px;
}

.raster_2 {
	height:220px;
}
}

@media screen and ( max-width:350px ) {
.raster_2 {
	height:200px;	
}
}