@CHARSET "UTF-8";

/* ========================================================================== */
/* Styles for disable function                                                */
/* ========================================================================== */
.disabled {
        background:lightgray;
        color:black;
}

/* ========================================================================== */
/* Styles for login function                                                  */
/* ========================================================================== */
#username {
	width: 70px;
}

#password {
	width: 70px;
}

/*  #loginForm { */
/*         display: none; */
/* } */

/* ========================================================================== */
/* Styles for forget password function                                        */
/* ========================================================================== */
.forgetPasswordBottomContent #username {
        width: 200px;
}

/* ========================================================================== */
/* Special layout settings that overwrite the default layout.                 */
/* ========================================================================== */

* {
	outline:none;
}

body {
	background-color:#f8f8f8;
}

#container {
	margin: 0 auto !important;	
	margin-top: 10px;
	width: 960px;
}

#container {
		background-color:#ffffff;
		border: 1px solid #e6e6e6 !important;
}

table td, table th{
	vertical-align:top;
}

.marketChooseTopContent, .patternTopContent {
	margin:0;
	padding:0;
}







/* ========================================================================== */
/* Schriften				                                                          */
/* ========================================================================== */

form li h1{
	font-size:20px;
	color:#333333;
	font-weight:bold;
	}


.ui-state-default, .ui-widget-content .ui-state-default{color:#4274BB;}







/* ======= */
/* TABS    */
/* ======= */

.topic h1 {
	margin-right:10px;
	margin-top:5px;
}

.topic {
	position:relative;
	top:1px;
	margin-left:10px;
	background-color:#f9f9f9;
	border: 1px solid #cccccc;
	border-width: 1px 1px 0 1px;
}

.topic table td {
	vertical-align: middle;
	padding-left: 0;
}

.topic table td tr {
	padding:10px;
}




/* ========================================================================== */
/* Special header styles.                                                     */
/* ========================================================================== */
#header {
	background: url(../images/header.jpg) top left no-repeat;
	height: 100px;
}

/* ========================================================================== */
/* Special content styles.                                                    */
/* ========================================================================== */
#content {
	/* height: 400px; */
	margin: 0px;
	min-height: 400px;
	padding: 20px;
	padding-bottom: 90px;
}

/* ========================================================================== */
/* Kalenderformate				                                              */
/* ========================================================================== */
#calendarRight{margin-left:30px;}
table.jCalendar td{padding:6px 6px;}

/* ========================================================================== */
/* Special navigation styles.                                                 */
/* ========================================================================== */
#navigation {
	height: 26px;
}

#jsddm {
		background-color:#4274BB;
}


#jsddm li:first-child {
	border-left:0px;
}

#navigation li a {
	border-right: 1px solid #2a679c;
}

#navigation a:hover {
	background-color:#2a679c;
	text-decoration:none;
}

#navigation li ul {
	border: 1px solid #eee;
	border-top: none;
}

#navigation li ul li a {
	border-top: 1px solid #eee;
	border-left: none;
	min-width: 160px;
}

.ui-widget-header {
	background-image:none;
	background-color:#4274BB;
	border:0 none;
}

.ui-widget-header a:hover { 
	text-decoration:underline;
}


/* ========================================================================== */
/* Market-Slider                                                              */
/* ========================================================================== */

.ui-widget-content {
	border:none;
	background-color:#f9f9f9;
	background-image:none;
}

.market-slider-container {
	background-image:none;
	background-color:none;
	margin: 0 auto;
}

.ui-corner-all, .market-slider-img-container, .pattern-slider-img-container, .frame-slider-img-container, .logo-slider-img-container {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
}

.market-slider-container{height:112px;}
.market-slider-img-container{
	width:143px; 
	height:80px;
}

.pattern-slider-img-container, .logo-slider-img-container, .frame-slider-img-container { width:255px; overflow:hidden; }

img.frame-slider-img {
	width: 	auto;
	height: auto;
}

.pattern-slider-img {
	height:auto;
	width:245px;
}

.logo-slider-img {
	max-width:245px;
	overflow:hidden;
}

.scrollable .items .div {
	width: 143px; 
	height: 85px; 
}

.market-slider-items .active, 
.pattern-slider-items .active, 
.frame-slider-items .active, 
.logo-slider-items .active, 
.scrollable .items .active, 
.logo-slider-img-container .active, 
.logo-slider-items .active {
	border: 2px solid #4274BB; 
}

.market-slider-scrollable, .frame-slider-scrollable, .logo-slider-scrollable {
	position:relative;
	overflow:hidden;
	width:830px;
	height:100%;
	margin-left:5px;
	float:left;
}

.frame-slider-scrollable {
	width: 835px;
	margin-left:0;
	margin-top:15px;
}


#open_markets_overlay, #bookingUnitOverlayButton, #calendarButton, #print, #open_patterns_overlay {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}


.bookingUnitChoose #bookingUnitOverlayButton, .dateChoose #calendarButton {
	top:0;
}



#open_markets_overlay {
	margin: 0 0 10px 10px;
	z-index:20;
}

#markets_overlay {
	z-index:20;
}

.simple_overlay .close {
	background-image:url(../images/close.png);
}

/*.simple_overlay .wrap {
   margin:25px 15px;
	 min-height: 500px;
   height: auto !important;
   height: 500px;
	}*/

.buttonset-absolute {
	position:relative;
	top:40px;
	bottom:0;
	float:right;
	right:0;
	margin-right:40px;
}

*+html .buttonset-absolute {
	top:1x;
	margin-top:40px;
}




/* ========================================================================== */

/* Link-Settings                                                              */

/* ========================================================================== */


.prevPage {
/*	position:absolute;
	top:50%;*/
	margin:0;
	padding:0;
}


a.browse {
	background: transparent url(../images/hori_large.png) no-repeat;
	display:block;
	width:15px;
	height:60px;
	float:left;
	cursor:pointer;
	font-size:1px;
	margin: 30px 0 15px 8px;
}



a.right {
	background-position: 0 -60px; 
	clear:right;
}

a.right:hover	{ 
	background-position:-15px -60px; 
}

a.right:active	{ 
	background-position:-30px -60px; 
} 

a.left {} 

a.left:hover	{ 
	background-position:-15px 0; 
}

a.left:active	{ 
	background-position:-30px 0; 
}




/* ========================================================================== */
/* Pattern-Slider                                                             */
/* ========================================================================== */


/*Registrierung*/
#registrationForm {
	width:auto;
	margin: 0 10px 0 10px;
}


/* ========================================================================== */
/* Special menu styles.                                                       */
/* ========================================================================== */
#menu {
	display: none;
	width: 0px;
}
	
#menu ul {
}

#menu a, #menu a:visited {
  border-bottom: 1px solid #000;
}

#menu a:hover {
	background-color: #ffcc00;
}

/* ========================================================================== */
/* Special right menu styles.                                                 */
/* ========================================================================== */
#right {
	display: none;
	width: 0px;
}

/* ========================================================================== */
/* Special footer styles.                                                     */
/* ========================================================================== */
#footer {
	height: 50px;
}

#footer div {
	margin: 8px 0 0 10px;
}

/* =======ökp=================================================================== */
/* loading styles.                                                            */
/* ========================================================================== */
#loadingBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	filter:alpha(opacity=20) !important;
	opacity: 0.2 !important;
	-moz-opacity:0.2 !important;
}

#loadingForeground {
	width:150px;
	height: 150px;
	position: fixed;
	top: 50%;
	left: 50%;
	background:url(../images/spinner.gif) no-repeat center #fff;
	text-align:center;
	padding:10px;
	font:normal 16px Tahoma, Geneva, sans-serif;
	border:1px solid #000;
	margin-left: -50px;
	margin-top: -50px;
	overflow: auto;
}



.agendaContent #masterData {
	background:transparent url(../images/masterData.png) no-repeat scroll left top;	
}

.agendaContent #render {
	background:transparent url(../images/render.png) no-repeat scroll left top;
}

.agendaContent #pattern { 
	background:transparent url(../images/pattern.png) no-repeat scroll left top;
}

.agendaContent #offer {
	background:transparent url(../images/offer.png) no-repeat scroll left top;
}



/* ========================================================================== */
/* Styles for standard content */
/* ========================================================================== */

div.agendaContent {
	position:relative;
	text-align:center;
	margin:0px 0px 20px 0px;
	padding:0 0 20px 0;
}
.messageContent {
    width: 100%;
		background-color:none;
}


div.messages_info {
    background:#F1F7FF url(../images/information.png) no-repeat scroll 15px 50%;
    background-position: 15px 50%; 
}

div.error, form li.error {
    background:#FFF6BF url(../images/exclamation.png) center no-repeat scroll ;
    background-position: 15px 50%;
    border:0;
		border-bottom:1px solid #FFD324;
    border-top:1px solid #FFD324;
    color:#111111;
    font-size:11px;
    padding:5px 20px 5px 45px;
    text-align:left;
}




.button img {
	margin-top:2px;
}

.checkOkSmall {
    padding-left: 2px;
    vertical-align: middle;
}

#subClassRow {
	background: url(../images/subClassRow.png) right top no-repeat;
}

/* ========================================================================== */
/* Styles for masterData.do */
/* ========================================================================== */

.marketChoose {
    margin-top:30px;
		margin-bottom:40px;
    width: 100%;
		border:none;
}


.secondContent {
    margin-top:30px !important;
		margin-bottom:40px;
    width:100%;
    display: none;
    border:none;
}
.bookingUnitChoose {
   	position:relative;
	  float:left;
    width:296px;
    margin:30px 15px 0 0;
    padding: 0;
		background-color: none;
		border: 0 none;
}


.finishContent {
	border: 1px solid #cccccc;
	background-color:#f9f9f9;
	padding: 10px;
	margin:0 auto;
	margin-top:50px;
	width:400px;
}

.finishTopContent {
	padding:0;
	margin:0;
}

.finishTopContent .topic {
	position:relative !important;
	background-color:none;
	border: none;
	left:auto;
	margin:0 auto; padding:0;
}

.finishTopContent .topic img {
	display:none;
}

.finishTopContent .topic td {
	padding-left:0;
}

.finishTopContent .topic h1 {
	margin-right:0px;
	margin-top:0px;
}

.finishBottomContent {
	font-size:1.2em;
	text-align: center;
}

.finishTopContent {
	margin: 0 auto;
	text-align: center;
}


.renderTopContent, .offerTopContent, .registerTopContent {
/*	height:40px;*/
	padding:0;
}




.bookingUnitChooseBottomContent, .rubricChooseBottomContent, .dataChooseBottomContent, .renderBottomContent, .patternBottomContent, .offerBottomContent, .registerBottomContent, #detailImage {
	border: 1px solid #cccccc;
	background-color:#f9f9f9;
	padding: 10px;
	overflow: auto;
}

.marketChooseBottomContent {
	border: 1px solid #cccccc;
	background-color:#f9f9f9;
	padding: 10px;
	overflow: hidden !important;
}

.bookingUnitChooseBottomContent {
	background: #f9f9f9 url(../images/bookingunitchoose_background.png) top right no-repeat;
}

.dataChooseBottomContent {
	background: #f9f9f9 url(../images/datachoose_background.png) top right no-repeat;
}

.bookingUnitChooseBottomContent, .rubricChooseBottomContent, .dataChooseBottomContent {
   min-height: 120px;
   height: auto !important;
}

.rubricChooseBottomContent {
	height:120px !important;
}



.rubricChoose {
   	position:relative;
	  float:left;
    width:296px;
    margin:30px 15px 0 0;
    padding: 0;
		background-color: none;
		border: 0 none;
}
.dateChoose {
   	position:relative;
	  float:left;
    width:296px;
    height:157px;
    margin: 30px 0 0 0;
    padding: 0;
		background-color: none;
		border: 0 none;		
    display: table;
}

.dateRow {
    padding-right: 0px;
    padding-bottom: 10px;
    width: 20px;
}
.bookingUnitRow {
    padding-right: 0px;
    width: 20px;
    vertical-align: middle;
}
.topClassRow {
    padding-right: 0px;
    width: 20px;
    vertical-align: middle;
}
.subClassContainer {
    padding-top: 3px;
}
.subClassRow0 {
    padding-right: 8px;
    width: 20px;
    vertical-align: middle;
}
.subClassRow1 {
    padding-right: 16px;
    width: 20px;
    vertical-align: middle;
}
.subClassRow2 {
    padding-right: 24px;
    width: 20px;
    vertical-align: middle;
}
.subClassRow3 {
    padding-right: 32px;
    width: 20px;
    vertical-align: middle;
}

/* ========================================================================== */
/* Styles for pattern.do */
/* ========================================================================== */
.patternContent {
    margin-top:30px;
    width:100%;
    border:none;
}
.tent #detailImage {
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    border: 1px solid #b3b2b2;
}
.patternContent #detailBorder {
    overflow: auto;
    padding: 10px;
}

/* ========================================================================== */
/* Styles for render.do */
/* ========================================================================== */
.renderContent {
    position:relative;
    margin-top:30px;
    width:100%;
    border:none;
}

.renderRow {
	padding-right:0;
	vertical-align:middle;
	width:15px;
}

.renderContent .textarea {
    width: 400px;
		height:80px;
}
.renderContent .text {
    width: 400px;
}
.renderContent .select {
    width: 404px;
}
.renderContent #renderImage, .offerContent #renderImage{
    background-color:#ffffff;
		border: 1px solid #d2d2d2;
		padding:5px;
    max-width:80% !important;
}

#detailImage {
    background-color:#ffffff;
		border: 1px solid #d2d2d2;
		padding:5px;
}


.pattern-slider-scrollable, .logo-slider-scrollable {
	width: 93%;
	margin-left:5px;
}

#frame_overlay_bc {
	padding-bottom: 15px;
	z-index:20;
	overflow:auto !important;
}

#frame_overlay_bc .button:focus, #overlay .button:focus { 
	outline: 2px solid #1C94C4;
}

/* ========================================================================== */
/* Styles for offer.do */
/* ========================================================================== */
.offerContent {
    overflow: auto;
    margin-top:30px;
    width:100%;
    padding-bottom:10px;
		border: none;
}


/* ========================================================================== */
/* Styles for register.do */
/* ========================================================================== */
.registerContent {
    margin-top:30px;
    width:100%;
    padding-bottom:10px;
		border:none;
}

.registerContent .text {
    width: 240px;
}

.registerContent .select {
    width: 244px;
}

.registerContent #phoneprefix {
    width:46px;
}

.registerContent #phone {
    width:180px;
} 

.registerContent a, .helpcontent a {
	text-decoration:none !important;
	padding-bottom:2px;
	border-bottom: 1px solid #afd7e7;	
}

.registerContent a:hover, .helpcontent a:hover {
	background-color:#dcecf2;
	text-decoration:none;
		padding-bottom:2px;
	border-bottom: 1px solid #afd7e7;
}

.logo-slider-container a.browse {
	margin-top:60px !important;
}


/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default { 
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
	font-weight: bold;
	//color: #1c94c4;
	color: #4274BB;
	outline: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
	color: #4274BB; 
	text-decoration: none; 
	outline: none; 
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
	border: 1px solid #cccccc; 
	background-image:none;
	background-color: #ededed; 
	font-weight: bold; 
	color: #4274BB; 
	outline: none;
}

.ui-state-hover a, .ui-state-hover a:hover { 
	color: #c77405; 
	text-decoration: none; 
	outline: none;
}

.ui-state-active, .ui-widget-content .ui-state-active { 
	border: 1px solid #4274BB; 
	background-color: #ededed; 
	font-weight: bold; 
	color: #4274BB; 
	outline: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
	color: #4274BB; 
	outline: none; 
	text-decoration: none; }





.offerNextButton { 
	width:111px !important;	
	border: 1px solid #4274BB !important;
	background-image:none !important;
	background-color: #4274BB !important;
	outline: none !important;
}


.offerNextButton.ui-state-hover {
	border: 1px solid #4274BB !important;
	background-color: #4274BB !important; 

}


.offerNextButton div {
	color: #fff !important;
	font-size:1.4em !important;	
	font-weight:bold !important;	
	line-height:1.125em !important;
}






/***********/
/*Kalender */
/***********/

#dateSpecIdSelect {
	margin-bottom:10px;
}

#calendarLeft, #calendarRight {
	border:1px solid #cccccc;
	padding:5px;
}

table.jCalendar td.weekday, table.jCalendar td.weekend {
	border: 1px solid #cccccc;
	padding: 5px;
}

table.jCalendar td.highlight {
	background-color:#b0c4de;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
}

table.jCalendar td.selected {
	background-color:#4274BB;
	color:#FFFFFF;
}


table.jCalendar td.highlight.dp-hover {
	background:#e4ffd4 url(../images/JCalender_select.gif) top right no-repeat;
	color:#000000;
}

table.jCalendar td.selected.dp-hover {
	background:#e8a5a5 url(../images/JCalender_deselect.gif) top right no-repeat;
	color:#FFFFFF;
}

table.jCalendar td.other-month.dp-hover {
	background-color:#FFFFFF;
	color:#FFFFFF;
	cursor: default;
}

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background-color: #FFFFFF;
	color: #000000;
}




/********/
img.ui-corner-all {
	border:1px solid #dbdbdb !important;
	margin: 0 auto;
}

.button div {
	color:#888888;
}

.button img {
	display:block;
	/*width:15px;*/
}

.button div span {
	color:#4274BB !important;
}



hr {
	border-color:#cccccc;
}


#overlay, #frame_overlay_bc, #logo_overlay_bc {
	text-align:center !important;
}



.helpcontent {
	margin-top:15px;
}



/***** IE & FIXES *****/


* html {
	overflow-x: hidden;
}


*html table.topic {
	height: 30px;
	position:relative;
	top:5px;
}

*+html #next{
	width:175px;
}

*html #next {
	width:175px;
}

*html #frame_submit {
	width:200px;
}

*html #patterns_submit {
	width: 200px;
	margin-bottom:20px;
}

*+html #logo_submit{
	width:200px !important;
}

*html #logo_submit {
	width:200px;
	margin-bottom:20px;
}

*+html button#back{
	width:175px !important;
}

*html button#back {
	width:175px !important;
}

*html #preview, *html #calendar, *html #next {
	width:190px;
}

*+html #preview, *+html #calendar, *+html #next {
	width:190px;
}

*html .simple_overlay .close {
	background-image:url(../images/close.gif);
}


*html .wrap {
	overflow:auto !important;
}
*html .helpcontent {
	overflow:scroll !important;
}

*html img.checkOkSmall {
	margin-top:7px;
}

*html .ui-state-hover, *html .ui-widget-content .ui-state-hover, *html .ui-state-focus, *html .ui-widget-content .ui-state-focus { 
	border: 1px solid #cccccc !important; 
	background-image:none !important;
	background-color: #ededed !important; 
	font-weight: bold !important; 
	color: #4274BB !important; 
	outline: none !important;
}


*html #detailText {
	clear:both;
}

*html .renderBottomContent, *html .offerBottomContent, *html .registerBottomContent  {
	height: 100%;
}

*html #next.button, #register.button {
	width: 180px !important;
}

*html #calendar_submit.button, *html #markets_submit.button {
	width: 200px !important;
}

*html .marketChooseTopContent .topic, *html .patternTopContent .topic, *html .renderTopContent .topic, *html .offerTopContent .topic, *html .registerTopContent .topic {
	top: 3px !important;
}

*html .bookingUnitChooseTopContent .topic, *html .rubricChooseTopContent .topic, *html .dataChooseTopContent .topic{
	top: 1px;
}

*html .buttonset-absolute {
	margin-right: 20px !important;
}

*html .renderContent {
	overflow:hidden !important;
}


*html #renderImage {
	width:20% !important;
}

*html .market-slider-scrollable{
	width:835px;
}

*html .prevPage {
margin-left: 0 !important;
margin-right:0; !important;
}

*html .nextPage {
	margin-right:0 !important;
	margin-left:8px;
}

*html .market-slider-img {
	width: 100%;
	height:100%;
}

*html .frame-slider-img {
	width: 1037px !important;
	height: 227px !important;
}

*html .logo-slider-img {
	width: 230px !important;
	height: 50 !important;
}

*html #loadingForeground {
	position:absolute !important;
}

*html .logo-slider-scrollable, *html .frame-slider-scrollable {
	width:840px !important;
	margin:15px 0 0 0;
	padding:0 !important;
}

*html .frame-slider-scrollable {
	width:840px !important;
}

*html .frame-slider-container a.browse {
	margin-left:0;
}

*+html logo-slider-scrollable {
}


*html .logo-slider-container a.browse {
	margin-top:70px !important;
}



/*IE8*/
.marketChooseTopContent .topic, .patternTopContent .topic, .renderTopContent .topic, .offerTopContent .topic, .registerTopContent .topic {
	top /*\**/: 3px\9;
}

#next.button, #register.button, #patterns_submit, #frame_submit {
	width  /*\**/: 180px\9 !important;
}

#calendar_submit.button, #markets_submit.button {
	width  /*\**/: 200px\9 !important;
}



/** Contains creationdate and versionnumber **/
#footerInfo {
	text-align:center;
	display:none;
}