/*********** Basis-mobile-Stylesheet für kreativsternlein.at **********/

/*** Vorformatierungen entfernen ***/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section { 
	margin: 0; 
	padding: 0;
	border: 0;

} 

h1, h2, h3, h4, p, li {
	font-weight:normal;
	font-size:1em;
}
ol, ul { 
	list-style: none; 
}
header, footer, nav, section, article, hgroup, figure {
	display: block;	
}
legend {
	display: none;
}
/*** Allgemein ***/

 
body { 
	font: 100% 'Calibri', 'Arial';
	background-color:#fff;
	text-align: center;
	font-size:0.9em;
	min-width: 25em;
}
a {
	text-decoration: none;
	color:#666; /* Farbe: grau */
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	outline: 0;
}




/********************************************************************/
/*** Kopfbereich ***/
.header, .header_shadow {
	float:left;
	width:100%;
	overflow:hidden;
}

.header {
	padding-top:0em;
	xxheight:6em;
	box-shadow: 0 0 2em #ddd;

}

/*** Kopf Logo ***/
.header .logo {
	width:60%;
	max-width: 30em;
	margin:0em auto 0 auto;

}

.header .logo A {
	font-weight: bold;
	color: #000;
	font-size: 1em;
}
.header .logo A:hover, .header .logo A:focus {
	color:#9d0000; /* Farbe: orange */
}

.header .partner, .header .anschrift {
	visibility:hidden;
	float: left;
	height: 0;
}


/*** Suche ***/
.header .search  {
	height: 0;
	overflow: hidden;
}


.header .element-invisible {
	visibility:hidden;
	
}



.header .search INPUT {
	position: absolute;
	top:9.2em;
	right:2.5%;

	border:none;
	background-color: #eee; /*Farbe: hellgrau*/
	height: 2em;
	padding-left:0.5em;
	padding-right: 2em;
	overflow: hidden;
	

}


/*** Hauptmenü ***/

.menuleiste {
	float: left;
	width:100%;
	margin:1em 0 0.5em 0;
	overflow:hidden;
	box-shadow: 0 0 0.5em #CCC;


} 

/*Link-Button*/
.menuleiste .nav-anchors LI {
	overflow:hidden;
	font-size:1.5em;



}
.menuleiste .nav-anchors LI A, .menuleiste .nav LI A  {
	width:100%;
	float: left;
	padding:0.25em 0em 0.7em 1em;
	text-align:left;
}

.menuleiste .nav-anchors LI A {
	background-image:url(../images/menu.png);
	background-color:#9d0000; /* Farbe: orange */
	background-repeat:no-repeat;
	background-position:0.4em 0.4em;
	height:1.0em;
	width:1.5em;

	transition: all 0.4s ease;
	-webkit-transition:  all  0.4s ease;
	-o-transition:  all  0.4s ease;
	-moz-transition:  all  0.4s ease;

	
}
.menuleiste .nav-anchors LI A:hover, .menuleiste .nav-anchors LI A:active {
	background-color:#9e4c4c; /* Farbe: orange: hell */
	border-radius: 0.2em;


}

/*Tatsaechliche Navi*/
.menuleiste .nav, .menuleiste .nav LI {
	float:right;
	width:100%;

}


/* 1. Menüebene */

.menuleiste .nav LI A {
	float:left;

	padding:0.2em 0 0.2em 1.6em;
	color:#555; /* Farbe: dunkelgrau */
	font-size:1.5em;
	text-transform:uppercase;


}


.menuleiste .nav LI.active A   {

	color:#9d0000; /* Farbe: orange */
	border-left:0.4em solid #9d0000; 
	padding-left:1.2em;

	
}



/* 2. Menüebene */

.menuleiste .nav LI UL { /*Untermenü nicht aktiv*/
	visibility: hidden;
	height: 0;
}
.menuleiste .nav LI.active UL {
	visibility: visible;
	height: auto;
}



.menuleiste .nav LI.active LI A {
	padding-left: 2.8em;
	border:none;
	
	color:#999; /* Farbe: hellgrau */

}
.menuleiste .nav LI.active LI.active A {
	color:#9d0000; /* Farbe: orange */

}


.menuleiste .nav LI A:hover, /* 1. Ebene */
.menuleiste .nav LI A:active,
.menuleiste .nav LI.active LI A:hover, /* 2. Ebene */
.menuleiste .nav LI.active LI A:active {
	background-color:#9e4c4c; /* Farbe: orange: hell */
	color:#fff; /* Farbe: orange */

	transition: all 0.3s ease;
	-webkit-transition:  all  0.3s ease;
	-o-transition:  all  0.3s ease;
	-moz-transition:  all  0.3s ease;

	}





/*** Hauptcontainer ***/



.content {
	float:none;
	width:95%;
	margin: 0.5em auto;

	
}


.content .item-page, .content .search {
	float:left;
	width:100%;
	background-color: #eee; /*Farbe: hellgrau*/
	padding-bottom:1em;
	margin:0.5em 0 0 0;
}
/*Suchseite*/
.content .search {
	padding-top:1em;

}
.content .search INPUT, .content .search BUTTON, .content .search LABEL, .content .search SELECT {
	float:left;
	margin-right:1em;
}
.content .search LABEL {
	clear:left;
}

.content .search .ordering-box, .content .search .form-limit {
	float:left;
	width:100%;
	margin:1em 0;
}

.content .search P {
	width:95%;
	margin-bottom:1em;
}

/* Inhalte allgemein */ 
.content P, .content H1, .content H2, .content H3, .content H4, .content H5, .content H6, .content UL, .content OL, .content TABLE, .content address, .content pre, .content IMG, .content DL {
	float:left;
	text-align:left;
	clear:left;
	padding:0.8em 0 0 0;
	width: 100%;

}
.content IMG{
	width: auto;

}

.content P A:hover, .content P A:focus {
	color:#9d0000; /* Farbe: orange */
}


.content P, .content H3, .content H4, .content UL, .content OL, .content address, .content pre {

	text-align:justify;
	margin:0 2%;
	width:96%;

}



.content H1, .content .page-header H2 {
	font-size:1.5em;
	width:96%;
	color:#555; /* Farbe: dunkelgrau */
	text-transform:uppercase;
	padding:0.8em 2% 0.2em 2%;

}



.content H2 {
	font-size:1.4em;
	font-weight:normal;
}




.content H3, .content H4, .content H5, .content H6 {
	color:#9d0000; /* Farbe: orange */
	font-size:1.3em;


}

.content UL, .content OL {
	padding-top:0.5em;

}
.content LI {
	padding-left:1em;
	padding-bottom:0.3em;	
	text-align:left;
}

.content UL LI {
	background:url(../images/dot.png) no-repeat 0 0.4em;
background-size: 0.5em 0.5em;
}
.content OL {
	list-style:decimal;
}

.content OL LI {
	padding-left:0;
	margin-left:1.8em;
}

.content TABLE {
	width:auto;
}

.content TD {
	text-align:left;
	padding:0 1em 0 0.4em;
}




.content IMG {
	float:left;
	clear:both;
	max-width:100%;
}

.content hr {
	clear:both;
	border:0;
	margin-left:0.9em;
	margin-right:0.9em;
	height:1px;
	color:silver;
	background-color:silver;
}



.content a, .content a:hover, .content a:focus {
	text-decoration:underline;

}

.content SPAN.xl {
	font-size: 1.20em;
}
.content SPAN.xxl {
	font-size: 1.50em;
}

.content SPAN.highlight {
	color: #9d0000; /* Farbe: orange */
	font-size: 1.3em;

}
.content SPAN.small {
	font-size: 80%;
}



/* Text Beitragsbild */
.site_info {
	float: left;
	margin:0.5em 0 2em 0;
	padding:0.5em 3% 1em 3%;
	width: 90%;
	overflow:hidden;
	box-shadow:0 1em 3em 0 rgba(66,129,121,.27);

	
	transition: all 0.5s ease;
	-webkit-transition:  all  0.5s ease;
	-o-transition:  all  0.5s ease;
	-moz-transition:  all  0.5s ease;

}
.info_text H2 {
	font-weight: lighter;
	}


.info_text LI {
	font-size: 110%;
}


/*Beitragsbild*/
.item-image IMG {
	float: left;
	width:100%;
	margin-bottom:1em!important;

	
}








/* Standardinhalt */
.content_standard {
	float: left;
	background: #fff;
	margin:1em 0;
	width:94%;
	padding:0.5em 3% 1.5em 3%;
	overflow:hidden;
	box-shadow:0 1em 3em 0 rgba(66,129,121,.27);

}

/* News-Einträge */
.content_neuigkeiten {
	float: left;
	width:100%;
	box-shadow:0 1em 3em 0 rgba(66,129,121,.27);
	background-color:#9e4c4c; /* Farbe: orange: hell */
	margin-bottom:2em;
}

.content_neuigkeiten H2 {
	color: #FFF;
	text-align:center;
	text-transform:uppercase;
	padding:0.5em 0;
	margin:0;
	width:100%;
	transition: all 0.5s ease;
	-webkit-transition:  all  0.5s ease;
	-o-transition:  all  0.5s ease;
	-moz-transition:  all  0.5s ease;

}

.content_neuigkeiten H3 {

	font-weight: bold;
	font-size: 130%;


}

.content_neuigkeiten H5 {
	float:right;
	clear:both;
	margin-right:2%;
	font-weight: normal;
	font-size: 85%;
	color: #AAA; /*Farbe: grau*/
	width: auto;

}

.content_neuigkeiten IMG {
	float:right;
	margin:0 0 1em 1em;
	padding:0;
}
.content_neuigkeiten .content_standard {
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
}


/*Inhalts-Box*/
.content_box {
	float: left;
	background: #fff;
	margin:1em 4%;
	
	width: 92%;

	overflow:hidden;
	box-shadow:0 1em 3em 0 rgba(66,129,121,.27);


	transition: all 0.5s ease;
	-webkit-transition:  all  0.5s ease;
	-o-transition:  all  0.5s ease;
	-moz-transition:  all  0.5s ease;	
}

.content_box:hover, .content_box:active {
	background-color: #9e4c4c; /* Farbe: orange ganz hell */
	background-size: 113%;

}	

.background1 {

	background:url(../img/start/start_box1.jpg) no-repeat center center;
	background-size: 110%;

}

.content_box .wrapper {
	float:left;
	width: 100%;
	min-height: 10em;

}


.content_box .head {
	float:left;
	width: 100%;


}
.content_box .head H3 {
	float:left;
	width: 94%;
	text-align:left;

	color:#fff;
	background-color: #9d0000; /* Farbe: orange */
	opacity: 0.8;
	text-transform:uppercase;
	padding:0.5em 3%;
	margin: 0;
		transition: all 0.5s ease;
	-webkit-transition:  all  0.5s ease;
	-o-transition:  all  0.5s ease;
	-moz-transition:  all  0.5s ease;	
	
}
.content_box .content_text {
	float:left;
	text-align:center;
	width: 96%;
	margin: 0;
	padding:1em 2%;
	
}
/*Spezielle Formatierung für Infomeldung*/
.content_box.meldung .content_text {

	xxbackground: blue;
	height: auto;
	padding:0;

}

.content_box .content_text P, .content_box .content_text IMG {
	float:left;
	padding-top:0.4em;
	max-width:95%;
	
}
.content_box .center IMG {

	float: none;
	margin:0 auto;

}
	
.content_box .link {
	float:right;
	clear:both;
	padding:0.4em;
	width: 100%;
	background-color: #fff;
	opacity: 0.8;
		transition: all 0.5s ease;
	-webkit-transition:  all  0.5s ease;
	-o-transition:  all  0.5s ease;
	-moz-transition:  all  0.5s ease;	
}
.content_box .link P {
	float: right;
	margin:0 0.5em;
	padding:0;
	width: auto;
}

.content_box A:hover .link P,
.content_box A:active .link P {
	text-decoration: none;


}

.content_box A:hover .head H3, .content_box A:hover .link  {
	opacity:1; 

}

.content .iframe {
	float:left;
	width: 100%;
	height: 20em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left:0.3em;
}


/* Tabelle Kombipakete */

.table_orange {
	float:left;
	clear:left;
	margin-bottom:1em;
	width: 100%!IMPORTANT;
	border-spacing: 0;
}
.table_orange TH {
	font-size: 140%;
}

.table_orange TD, .table_orange TH {
	border-left:1px solid #9d0000;
	padding:1em;

}
.table_orange TD {
	border-top:2px solid #9d0000;
}
.table_orange TD P {
	padding:0 0 1em 0;
}
.table_orange TD.right P {
	text-align: right;

}

.table_orange TD IMG {
	float:none;
	clear:none;
}

.table_orange .first {
	border-right:1px solid #9d0000;
	border-left:none;
	text-align:center;
	vertical-align:top;
}

TABLE.table_orange_inner  {
	font-size:100%;
	width:100%;
}
TABLE.table_orange_inner TD {
	border:none;
	border-top:1px solid #9d0000;
	padding:0.5em;
}

/* Tabellendesign hell */
.table_white {
	float:left;
	clear:none!important;
	margin:1em 4em 1em 0;
}
.table_white TH {
	border-left:none;
	border-right:none;
	border:none;
	font-size:120%;
	padding: 0.3em 0.5em;
	font-weight: lighter;

}

.table_white TD, .table_white {

    border-collapse: collapse;
	padding:0.2em 0.5em;
}
.table_white TD {
border: 1px solid silver;
}

.table_white .marker_hd {
	background-color:#9e4c4c;
}


/*** Tarife ***/

.con_tarif {
	float:left;
	clear: both;
	width: 100%;
	margin:1em 0;
}

.con_tarif_top {
	float:left;
	width:96%;
	background-color: #CCC;
	border-radius: 0.2em;
	padding:0.4em 2%;
}

.con_tarif_top P {
	padding:0;
}

.con_tarif_top .left {
	float:left;
	width:80%;
}
.con_tarif_top .left P {
	font-size: 130%;
}


.con_tarif_top .right {
	float:right;
	width:20%;

}
.con_tarif_top .right P {
	font-weight: bold;
	font-size: 120%;
	text-align: right;

}

.con_tarif_content {
	float:left;
	width: 100%;


}

/*** Footer ***/

.footer {
	float:left;
	width:100%;
	margin-top:1em;
	padding: 1em 0 2em 0;
	background-color:#333;/* Farbe: dunkelgrau */
	color:#fff;
	overflow: hidden;

}



.footer P {
	width:95%; /* nur für mobil */
	margin: 0 2.5%;
	font-weight: lighter;


}
/*KTV-Logo Expert-Logo*/
.footer .logo {
	float:left;
	clear:left;
	width: 10em;

}

.footer .logo IMG {
	width: 100%;
	margin: 1em;}

.footer .logo IMG.partner {
	background-color: #FFF;
}

/*Subnavi Footer*/
.footer UL {
	padding:0.5em;
	margin: 0.5em;
	float:right;
	border-left: 1px solid #fff;

} 

.footer LI {
	float: left;
	clear:both;
	font-size:1em;
	padding:0.2em 0.6em;
}


.footer LI.active A {
	color:#fff;
	text-decoration: underline;

}
.footer LI, .footer A {
	color:#fff;
}

/*Back to top button*/

.footer A#back-top {
	float:right;
	clear:right;
	color:#fff;
	background:url(../images/top.png) no-repeat 0.3em 0.5em;
	background-size: 1em 0.7em;
	background-color: #9d0000; /* Farbe: orange */
	padding:0.3em 0.5em 0.3em 1.6em;
	margin:1em 0 0 1em;
	text-transform:uppercase;
	border-radius: 0.2em;
	

	transition: all 0.4s ease;
	-webkit-transition:  all  0.4s ease;
	-o-transition:  all  0.4s ease;
	-moz-transition:  all  0.4s ease;


}
.footer A#back-top:hover, .footer A#back-top:active {

  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.footer LI A:hover, .footer A#back-top:hover {
	text-decoration:underline;
}