/* Dokument allgemein
--------------------------------------------------------------------------- */

body {
	font-family: 'PT Sans Narrow', Verdana, sans-serif; 
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
}



/* Farbkompositionen
--------------------------------------------------------------------------- */

div.cc0 {}

div.cc1 {}

div.cc2 {}



p, span, table {line-height: 1.5em;}
.cc0 p, .cc0 span, .cc0 table {color: #ffffff;}
.cc1 p, .cc1 span, .cc1 table {color: #2e3b3d;}
.cc2 p, .cc2 span, .cc2 table {}

#welcome_tablet p {color: #2e3b3d;}



table, th, tr, td {
	border-collapse: collapse
	border: 0px;
	border-spacing: 0px;
	vertical-align: top;
}



a {
	cursor: pointer;
	text-decoration: none;
}
.cc0 a {}
.cc0 a:hover {}
.cc1 a {color: #a22547; outline: none; -webkit-transition: all 0.15s 0s ease-in-out; -moz-transition: all 0.15s 0s ease-in-out; -o-transition: all 0.15s 0s ease-in-out; -ms-transform: all 0.15s 0s ease-in-out; transition: all 0.15s 0s ease-in-out;}
.cc1 a:hover {color: #a22547; -webkit-transition: all 0.15s 0s ease-in-out; -moz-transition: all 0.15s 0s ease-in-out; -o-transition: all 0.15s 0s ease-in-out; -ms-transform: all 0.15s 0s ease-in-out; transition: all 0.15s 0s ease-in-out;}


/* ##### Buttonlinks auf den Webseiten - Standard */
.cc1 a.button {
	padding: 0.35em 1em;
	background-color: #a22547;
	color: #ffffff;
	outline: none;
	-webkit-transition: all 0.15s 0s ease-in-out;
	-moz-transition: all 0.15s 0s ease-in-out;
	-o-transition: all 0.15s 0s ease-in-out;
	-ms-transform: all 0.15s 0s ease-in-out;
	transition: all 0.15s 0s ease-in-out;
}
.cc1 a.button:hover {
	background-color: #a22547;
	color: #ffffff;
	-webkit-transition: all 0.15s 0s ease-in-out;
	-moz-transition: all 0.15s 0s ease-in-out;
	-o-transition: all 0.15s 0s ease-in-out;
	-ms-transform: all 0.15s 0s ease-in-out;
	transition: all 0.15s 0s ease-in-out;
}

/* ##### Buttonlinks auf den Webseiten - Page-Back */
.cc1 a.button1 {
	padding: 0.25em 0.7em 0 0.7em ;
	background-color: #a22547;
	color: #ffffff;
	outline: none;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url("http://www.ichwuensche.ch/css/kundenseiten/css3pie/PIE.htc");
	-webkit-transition: all 0.15s 0s ease-in-out;
	-moz-transition: all 0.15s 0s ease-in-out;
	-o-transition: all 0.15s 0s ease-in-out;
	-ms-transform: all 0.15s 0s ease-in-out;
	transition: all 0.15s 0s ease-in-out;
}
.cc1 a.button1:hover {
	background-color: #a22547;
	color: #ffffff;
	-webkit-transition: all 0.15s 0s ease-in-out;
	-moz-transition: all 0.15s 0s ease-in-out;
	-o-transition: all 0.15s 0s ease-in-out;
	-ms-transform: all 0.15s 0s ease-in-out;
	transition: all 0.15s 0s ease-in-out;
}
.cc1 a.button1 img {
	padding: 0;
	margin: 0;
}





h1 {
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 3.5em;
	font-weight: bold;
	margin-bottom: 0.75em;
}
.cc0 h1 {color: #ffffff;}
.cc1 h1 {color: #a22547;}

#welcome_tablet h1 {color: #a22547;}




h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.25em;
}
.cc0 h2 {color: #ffffff;}
.cc1 h2 {color: #a22547;}




h3 {
	font-size: 1.1em;
	font-weight: bold;
}
.cc0 h3 {color: #ffffff;}
.cc1 h3 {color: #a22547;}




input, textarea, select {
	width: 80%;
	max-width: 350px;
	padding: 0.5em;
	margin: 0 0 0.75em 0;
	border: 1px solid;
	font-family: 'PT Sans Narrow', Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	outline: none;
}
.cc1 input, .cc1 textarea,  .cc1 select {
	background-color: #ffffff;
	border-color: #84243e;
	color: #6b1f34;
}
.cc1 input:focus, .cc1 input:active, .cc1 textarea:focus, .cc1 textarea:active {
	border-style: dashed;
	color: #6b1f34;
}

input.size1 {
	width: 20%;
	max-width: 60px;
}
input.size2 {
	width: 40%;
	max-width: 175px;
}


textarea {
	height: 80px;
	outline: none;
}


input[type=radio], input:focus[type=radio] {
	background: none;
	border: none;
	outline: none;
}

input[type=checkbox], input:focus[type=checkbox] {
	background: none;
	border: none;
	outline: none;
}



button {
	width: auto;
	padding: 0.75em 2em;
	margin: 1.0em 0 0.75em 0;
	border: 1px solid;
	font-family: 'PT Sans Narrow', Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	outline: none;
}
.cc1 button {
	background-color: #a22547;
	border-color: #a22547;
	color: #ffffff;
	-webkit-transition: all 0.2s 0s ease-in-out; 
	-moz-transition: all 0.2s 0s ease-in-out; 
	-o-transition: all 0.2s 0s ease-in-out; 
	-ms-transform: all 0.2s 0s ease-in-out;  
	transition: all 0.2s 0s ease-in-out;
}
.cc1 button:focus, .cc1 button:hover {
	background-color: #a22547;
	border-color: #a22547;
	color: #ffffff;
	-webkit-transition: all 0.2s 0s ease-in-out; 
	-moz-transition: all 0.2s 0s ease-in-out; 
	-o-transition: all 0.2s 0s ease-in-out; 
	-ms-transform: all 0.2s 0s ease-in-out;  
	transition: all 0.2s 0s ease-in-out;
}




.system_fehler {
	background-color: #c31d1d;
	color: #ffffff;
}


.system_ok {
	background-color: #34932f;
	color: #ffffff;
}




#box_content > p, #box_content > .contentMask > p {
	text-align: justify;
}
#box_content ul,
#box_content ol {
	margin: .75em 0 0.75em 2em;		
	font-size: 1em;
}
#box_content li {
	padding: 0 0 .75em .75em;
}
#box_content blockquote {
	margin: 1em 0em;
	padding: 1.3em;
	border: 1px dotted;
}




/* LAYOUT PASSWORTSEITE
----------------------------------------------------------------------------------------------------*/

#box_a1bg {
	background-color: #f7edf0;
}



ul#sprachwahl_1a, ul#sprachwahl_1b {	
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
}
ul#sprachwahl_1a li a, ul#sprachwahl_1b li a {
	background-color: #f7edf0;
	color: #a22547;
}
ul#sprachwahl_1a li a:hover, ul#sprachwahl_1b li a:hover {
	color: #a22547;
}



/* LAYOUT STARTSEITE
----------------------------------------------------------------------------------------------------*/

#countdown_desktop {
	color: #ffffff;
}

#countdown_desktop p {
	background-color: #a22547;
	font-size: 1em;
	font-weight: bolder;
}
#countdown_desktop a {
	font-size: 1em;
	font-weight: bolder;
}
#countdown_desktop span {
	font-size: 1.4em;
	font-weight: bolder;
}




#welcome_desktop {
	font-size: 1.8em;
}



ul#menu1a_desktop li, ul#menu1b_desktop li,
ul#menu12_desktop li, ul#menu12_desktop li {
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
	background-color: #a22547;
	color: #ffffff;
}
ul#menu1a_desktop li:hover, ul#menu1b_desktop li:hover,
ul#menu12_desktop li:hover, ul#menu12_desktop li:hover  {
	background-color: #a22547;
	color: #ffffff;
}

ul#menu1a_desktop li:hover a, ul#menu1b_desktop li:hover a,
ul#menu12_desktop li:hover a, ul#menu12_desktop li:hover a {
	background-color: none;
	color: #ffffff;
}
ul#menu1a_desktop a, ul#menu1b_desktop a,
ul#menu12_desktop a, ul#menu12_desktop a  {
	background-color: none;
	color: #ffffff;
}
ul#menu1a_desktop a:hover, ul#menu1b_desktop a:hover,
ul#menu12_desktop a:hover, ul#menu12_desktop a:hover {
	background-color: none;
	color: #ffffff;
}



/* CC3 noch einrichten */


#menu2_box {
	background-color: #3d3d3d;
}

ul#menu2_desktop  {	
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
}
ul#menu2_desktop li a {
	background-color: none;
	color: #ffffff;
}
ul#menu2_desktop li a:hover {
	background-color: #ffffff;
	color: #a22547;
}



ul#menu3_desktop li {
	text-decoration: none;
	background-color: #a22547;
	color: #ffffff;
}
ul#menu3_desktop li:hover {
	background-color: #a22547;
	color: #ffffff;
}

ul#menu3_desktop li:hover a {
	background-color: none;
	color: #ffffff;
}
ul#menu3_desktop a {
	background-color: none;
	color: #ffffff;
}
ul#menu3_desktop a:hover {
	background-color: none;
	color: #ffffff;
}




/* LAYOUT WEBSEITEN
----------------------------------------------------------------------------------------------------*/

#box_c1bg {
	background-color: #f7edf0;
}


ul#menu11_desktop {	
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
}

ul#menu11_desktop li a {
	background-color: #f7edf0;
	color: #a22547;
}

ul#menu11_desktop li a:hover {
	background-color: #f7edf0;
	color: #a22547;
}



/* LAYOUT MASKEN
----------------------------------------------------------------------------------------------------*/

.contentMask img {
	border: 1px solid #ffffff;
}


.box_formular {
	border: 1px dotted #a22547;
}


.wishlist_index_box:hover {
	background-color: #ffffff;
}
.wishlist_index_bild1, .wishlist_index_bild2 {
	border-color: #ffffff;
}

.wishlist_show_box:hover {
	background-color: #ffffff;
}
.wishlist_show_bild1, .wishlist_show_bild2 {
	border-color: #ffffff;
}
.wishlist_give_bild {
	border: 1px solid #ffffff;
}

.gallery_index_box:hover {
	background-color: #ffffff;
}
.gallery_index_bild1, .gallery_index_bild2 {
	border-color: #ffffff;
}

.gallery_show_bild1, .gallery_show_bild2 {
	border-color: #ffffff;
}
.gallery_showbalken, .wishlist_pdfbalken {
	border: 1px #a22547 solid;
}


.guestbook_answer {
	padding: 0.5em 0;
	margin: 0.5em 0;
	border-bottom: 1px #a22547 dotted;
}


.events_titelbalken, .photoservice_albumbalken {
	border: 1px #a22547 solid;
}




.photoservice_albumbalken:hover {
	border: 1px #a22547 dashed;
}
.photoservice_titelbalken {
	border-bottom: 1px #a22547 dotted;
}


.mask_box1 {
	position: relative;
	height: auto;
}

.mask_box1a {
	position: relative;
	height: auto;
	padding: 5px 25px 5px 25px;
	border: 1px #a22547 solid;
	background-color: none;
	overflow: hidden;
}
.mask_box1 table, .mask_box1 tr, .mask_box1 td   {
	overflow-x: hidden;
}
.mask_box1 h1, .mask_box1 h2 {
	margin-bottom: 1.5em;
}








/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: inline;
	position: relative;
	min-height: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x: visible;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 	{width:6.333%;}
.grid_2 	{width:14.667%;}
.grid_3 	{width:23.0%;}
.grid_4 	{width:31.333%;}
.grid_5 	{width:39.667%;}
.grid_6 	{width:48.0%;}
.grid_7 	{width:56.333%;}
.grid_8 	{width:64.667%;}
.grid_9 	{width:73.0%;}
.grid_10 	{width:81.333%;}
.grid_11 	{width:89.667%;}
.grid_12 	{width:98.0%;}
















/* ####################################################  Tablets (portrait & landscape) */
@media
only screen and (min-width: 640px) and (max-width: 1039px) {


body {
	background-image: none !important;
	background-color: #f7edf0 !important;
}



#menuheader {
	border-color: #a22547;
}
#menuheader ul li a {
	background-color: none;
	color: #a22547;
	border-color: #a22547; 
}
#menuheader ul li a:hover {
	background-color: none;
	color: #a22547;
}





/* LAYOUT STARTSEITE
----------------------------------------------------------------------------------------------------*/

#countdown_tablet {
	background-color: #a22547;
	color: #ffffff;
}



ul#menu2_tablet, ul#menu11_tablet, ul#menu11_tablet_startseite {	
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
	border-color: #ffffff;
}

ul#menu2_tablet li a, ul#menu11_tablet li a, ul#menu11_tablet_startseite li a {
	background-color: #a22547;
	border-color: #ffffff;
	color: #ffffff;
}
ul#menu2_tablet li a:hover, ul#menu11_tablet li a:hover, ul#menu11_tablet_startseite li a:hover {
	background-color: #a22547;
	color: #ffffff;
}





} /* ################ end media */
















/* #################################################### Smartphones  */
@media
only screen and (min-width: 1px) and (max-width: 639px) {


body {
	background-image: none !important;
	background-color: #f7edf0 !important;
}


#menuheader {
	border-color: #a22547;
}
#menuheader ul li a {
	background-color: none;
	color: #a22547;
	border-color: #a22547; 
}
#menuheader ul li a:hover {
	background-color: none;
	color: #a22547;
}





/* LAYOUT PASSWORTSEITE
----------------------------------------------------------------------------------------------------*/






/* LAYOUT STARTSEITE
----------------------------------------------------------------------------------------------------*/

ul#menu2_tablet, ul#menu11_tablet, ul#menu11_tablet_startseite {	
	font-family: 'Italianno', Verdana, sans-serif; 
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
	border-color: #ffffff;
}

ul#menu2_tablet li a, ul#menu11_tablet li a, ul#menu11_tablet_startseite li a {
	background-color: #a22547;
	border-color: #ffffff;
	color: #ffffff;
}
ul#menu2_tablet li a:hover, ul#menu11_tablet li a:hover, ul#menu11_tablet_startseite li a:hover {
	background-color: #a22547;
	color: #ffffff;
}





/* LAYOUT MASKEN
----------------------------------------------------------------------------------------------------*/

.mask_box1 {
	font-size: 0.9em;
}


#countdown_tablet {
	background-color: #a22547;
	color: #ffffff;
}





/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: inline;
	position: relative;
	min-height: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x: visible;
}


.box_formular .grid_1,
.box_formular .grid_2,
.box_formular .grid_3,
.box_formular .grid_4,
.box_formular .grid_5,
.box_formular .grid_6,
.box_formular .grid_7,
.box_formular .grid_8,
.box_formular .grid_9,
.box_formular .grid_10,
.box_formular .grid_11,
.box_formular .grid_12 {
	float: left;
	display: inline;
	position: relative;
	min-height: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x: visible;
}




.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}




/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 	{width:6.333%;}
.grid_2 	{width:14.667%;}
.grid_3 	{width:23.0%;}
.grid_4 	{width:31.333%;}
.grid_5 	{width:98.0%;}
.grid_6 	{width:98.0%;}
.grid_7 	{width:98.0%;}
.grid_8 	{width:98.0%;}
.grid_9 	{width:73.0%;}
.grid_10 	{width:81.333%;}
.grid_11 	{width:89.667%;}
.grid_12 	{width:98.0%;}


.box_formular .grid_1 	{width:6.333%;}
.box_formular .grid_2 	{width:89.667%;}
.box_formular .grid_3 	{width:89.667%;}
.box_formular .grid_4 	{width:89.667%;}
.box_formular .grid_5 	{width:89.667%;}
.box_formular .grid_6 	{width:89.667%;}
.box_formular .grid_7 	{width:89.667%;}
.box_formular .grid_8 	{width:89.667%;}
.box_formular .grid_9 	{width:89.667%;}
.box_formular .grid_10 	{width:89.667%;}
.box_formular .grid_11 	{width:89.667%;}
.box_formular .grid_12 	{width:98.0%;}


.mask_box1 .grid_1 	{width:6.333%;}
.mask_box1 .grid_2 	{width:14.667%;}
.mask_box1 .grid_3 	{width:89.667%;}
.mask_box1 .grid_4 	{width:89.667%;}
.mask_box1 .grid_5 	{width:89.667%;}
.mask_box1 .grid_6 	{width:89.667%;}
.mask_box1 .grid_7 	{width:89.667%;}
.mask_box1 .grid_8 	{width:89.667%;}
.mask_box1 .grid_9 	{width:89.667%;}
.mask_box1 .grid_10 	{width:81.333%;}
.mask_box1 .grid_11 	{width:89.667%;}
.mask_box1 .grid_12 	{width:98.0%;}






} /* ################ end media */











.clear {
	clear: both;
}