@font-face { 
  font-family: 'windsong'; 
  	src: url('fonts/Windsong.eot') format('eot'),
         url('fonts/windsong-webfont.woff') format('woff'),
         url('fonts/Windsong.ttf') format('truetype');
    }
@font-face { 
  font-family: 'bellgothic'; 
  	src: url('fonts/BellGothicBold.eot?') format('eot'),
         url('fonts/bellgothicbold-webfont.woff') format('woff'),
         url('fonts/BellGothicBold.ttf') format('truetype');
    }



.windsong {
  	font-family: 'windsong';
    
}

.bellgothic {
  	font-family: 'bellgothic';
}

a{
  	color:#cc0066;
  	text-decoration:none;
}

a:visited{
  	color:#cc0066;
  	text-decoration: none;	
}

 a:active{
  	color:#cc0066;
  	text-decoration: none;	
}

a:hover{
  	color:#cc0066;
  	text-decoration:underline;	
}

a:focus{
	color:#cc0066;
	text-decoration: none;	
}


body {
	
  	
  	/*font-family: Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	*/
  
  	font-family: 'bellgothic';
  
  	/*
  	font-family: 'bell';
    font-size: 150%;
    */
  
  	/*
  	font-family: 'bell', cursive;
  	*/
  
  	/*
  	font-family: 'Stalemate', cursive;
    font-size: 150%
	*/
  
  	/*
  	font-family: 'Lovers Quarrel', cursive;
    font-size: 180%;
	*/
  
  	width: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
	/*background-image: url('../images/background.png');*/
	/*background-image: url('../backgrounds/background1_33.jpg');*/
	background-image: url('../backgrounds/braut1_1.png');
    	background-repeat: no-repeat;
    	background-attachment: fixed;
    	background-position: center;
		background-size:cover;
}


table {
	font-family: 'Helvetica';
	font-size:90%;
}

fieldset {
		width: 80%;
		text-align:left;
		margin:auto;
}



#clickable {
    cursor: pointer;
}

#content_inner {
	margin-left:180px;
	text-align:center;
}


form {
	margin:0px;
	padding:0px;
}

#td_center {
    vertical-align: center;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#td_center_red {
    vertical-align: center;
	text-align: center;
	background-color: #FF8080;
	padding-left: 10px;
	padding-right: 10px;
}

#td_left {
    vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

#td_left_top{
    vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

#td_bilnote {
    vertical-align: top;
	text-align: left;
	padding-left: 25px;
	padding-right: 10px;
}

#td_center_green {
    vertical-align: center;
	text-align: center;
	background-color: #ADEBAD;
	padding-left: 10px;
	padding-right: 10px;
}

#td_center_orange{
    vertical-align: center;
	text-align: center;
	background-color: #FFE066;
	padding-left: 10px;
	padding-right: 10px;
}

#td_center_top {
    vertical-align: top;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#td_right_top {
    vertical-align: top;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
}

#td_serial {
    vertical-align: center;
	text-align: left;
	background-color: #f2f2f2;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 75%;
}

#td_tableheader {
	text-align: center;
	background-color: #f2f2f2;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #000;
}

#td_tableheader_left {
	text-align: left;
	background-color: #f2f2f2;
	padding-right: 10px;
	border-bottom: 1px solid #000;
}

#tr_tableheader {
	text-align: center;
	background-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


#tr_seperator {
	text-align: center;
	background-color: #f2f2f2;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#tr_highlighter:hover{
	background-color: #CC0066;
  	color: #f2f2f2;
}

#td_newsrow {
  	text-align: left;
  	border-top-style: solid;
	border-top-width: 1px;
  	vertical-align: top;
  	cursor: default;
}

#table_noframe{
	border: 0px;
	border-collapse: collapse;
	padding: 10px;
}

#ta_keyview {
	width: 400px;
	max-width: 400px;
	height: 200px;
	max-height: 200px;
	resize: none;
}

#input_readonly {
	background-color: #f0f0f0;
}

#topbar_back{
	position: fixed;
	background: #f2f2f2;
	top: 0px;
	height: 65px;
	z-index: 9;
	left: 0;
	width: 100%;
	opacity: 0.5;
	z-index: 8;
}

#topbar{
	position: fixed;
	background: #F2F2F2;
	text-align: center;
	vertical-align: middle;
	top: 0px;
	height: 65px;
	z-index: 9;
	left: 0;
	width: 100%;
}

#notificationbar{
	position: fixed;
	text-align: center;
	vertical-align: middle;
	bottom: 0px;
	z-index: 9;
	left: 0;
	width: 100%;
  	background-color: orange;
}


#menubar_back{
	top:65px;
	position: fixed;
	background: #f2f2f2;
	height: 100%;
	left: 0;
	width: 150px;
	min-width:150px;
	opacity: 0.5;
	z-index: 5;
	float:left;
}

#menubar{
	position: fixed;
	text-align: left;
	top: 65px;
	height: 100%;
	z-index: 9;
	left: 0;
	width: 150px;
	min-width:150px;
	text-align:center;
	border-right:1px solid #d0d0d0;
	float:left;
}

#content{
	position: relative;
	/*background: red;*/
	text-align: left;
	top: 0px;
	/*height: 26px;*/
	/*height: 100%;*/
	z-index: 8;
	width: 80%;
	//padding-left: 180px;
	//left:180px;
	padding-top:65px;
	text-align:center;
	/*padding-left:200px;*/
	//float: left;
	
	min-height:500px;
	
}

#page_logo_left{
	position: fixed;
	top: 0px;
	left: 43px;
	height: 65px;
	width: 65px;
	background-image: url("../icons/rings.png");
	background-size: 100%;
	z-index: 10;
}

#centered{
	position: absolute;
	top: 145px;
    	text-align: center;
	width: 100%;
	z-index: 1;
} 

#content_centered{
	display: table;
    margin: 0 auto;
}

#loginbox{
     position:absolute;
     width:300px;
     z-index:15;
     top:150px;
     left:50%;
	 text-align:center;
     margin:-100px 0 0 -150px;
     background:#f2f2f2;
	 border-radius: 15px;
	 box-shadow: -3px 5px 5px #CC0066;
	 border-width:1px;
	 border-color:darkgrey;
	 border-style:solid;
  	 font-family: 'bellgothic';
}

#menubutton {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	margin: 3 0 0 3;
	color: #f2f2f2;
	//background-color: #CC0066;
  	background-color: #CC0066;
	width:125px;
  	z-index: 50;
  	font-family: 'bellgothic';
}

#menubutton:hover {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	color: #000;
	width:125px;
	background-color: #f2f2f2;
}

#btnforward1, #btnforward2, #btnbackward1, #btnbackward2, #btnclose
{
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	margin: 3 0 0 3;
	color: #f2f2f2;
	//background-color: #CC0066;
  	background-color: #CC0066;
	width:50px;
  	z-index: 50;
}

#btnforward1:hover, #btnforward2:hover, #btnbackward1:hover, #btnbackward2:hover, #btnclose:hover {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	color: #000;
	width:50px;
	background-color: #f2f2f2;
}

#btnforward1:disabled, #btnforward2:disabled, #btnbackward1:disabled, #btnbackward2:disabled, #btnclose:disabled {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	color: #000;
	width:50px;
	background-color: darkgrey;
}

#flexible_button, #savebutton, #editbutton {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	margin: 3 0 0 3;
	color: #f2f2f2;
	//background-color: #CC0066;
  	background-color: #CC0066;
	z-index: 50;
  	font-family: 'bellgothic';
}

.class_flexible_button {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	margin: 3 0 0 3;
	color: #f2f2f2;
	//background-color: #CC0066;
  	background-color: #CC0066;
	z-index: 50;
  	font-family: 'bellgothic';
}

#flexible_button:hover, #savebutton:hover, #editbutton:hover {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	color: #000;
	background-color: #f2f2f2;
}

#flexible_button:disabled, #savebutton:disabled, #editbutton:disabled {
	border-width:1px;
	border-color:darkgrey;
	border-style:solid;
	display: inline-block;
	color: #000;
	background-color: darkgrey;
}


#menuitem {
	height: 75px; 
	width: 75px; 
	background-size: 100%;
	margin-left:auto;
	margin-right:auto;
}

#tablecenter{
    margin: 0 auto; /* or margin: 0 auto 0 auto */
	font-family: 'bellgothic';
	font-size:90%;
}

#tablecenter_black {
    margin: 0 auto; /* or margin: 0 auto 0 auto */
	color: #000;
	font-family: 'bellgothic';
	font-size:90%;
}

#div_addservice {
	top: 125px;
	position: fixed;
	padding: 10px 25px;
	background-color: #f2f2f2;
	z-index: 99;
	display: none;
    margin: 0 auto;
	border:1px dashed black;
}

#ta_notes {
	width: 200px;
	max-width: 200px;
	height: 100px;
	max-height: 100px;
	resize: none;
}

#swingout_left_bottom_title {
	width: 100px;
	height: 20px;
	bottom: 0px;
	left: 10px;
	position: fixed;
	background-color: #f2f2f2;
	z-index: 99;
}
	
#languageselector{
	position: fixed;
	top: 0px;
	right: 0px;
	height: 65px;
	z-index: 10;
}	

#languageselector_cn_main{
	position: fixed;
	top: 70px;
	right: 0px;
	height: 65px;
	z-index: 10;
}

#preview {
  	border:1px solid #f2f2f2;
  	cursor: pointer;
}

#preview:hover{
  box-shadow: 0px 0px 8px #CC0066;
}

#showcase_outer {
	position: fixed;
  	width: 100%;
  	height: 100%;
  	left: 0px;
  	top: 0px;
  	z-index: 8;
	background-image: url('../backgrounds/semi_black.png');
  	display: none;
}

#showcase_landscape {
  float: none;
  margin-top: 150px;
  margin-left: auto; 
  margin-right: auto;
  width: 800px;
  z-index: 9;
  border:1px dashed black;
  background-color: #f2f2f2;
  display: none;
  padding: 25px;
}

#showcase_portrait {
  float: none;
  margin-top: 150px;
  margin-left: auto; 
  margin-right: auto;
  width: 800px;
  z-index: 9;
  border:1px dashed black;
  background-color: #f2f2f2;
  display: none;
  padding: 25px;
}

#pictureview1, #pictureview2 {
	//margin: 50px;
  	border:1px solid black;
}

#guestlistfieldset {
  min-width: 750px;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}