/**********************************************
	Global
**********************************************/



img, button { border: 0px none; }
button { background: none; }


.fixfloat 				{ clear: both; float: none; height: 0; font-size: 0; width: 0; line-height: 0px; }
.clear 					{ clear: both; }
.clearleft 				{ clear: left; }
.clearright 			{ clear: right; }
.invisible 				{ visibility: hidden; display: none; }
.nopadding 				{ padding: 0 !important; }
.nopadding-top 			{ padding-top: 0 !important; }
.nopadding-right		{ padding-right: 0 !important; }
.nopadding-bottom		{ padding-bottom: 0 !important; }
.nopadding-left			{ padding-left: 0 !important; }
.nomargin 				{ margin: 0 !important; }
.nomargin-top			{ margin-top: 0 !important; }
.nomargin-right			{ margin-right: 0 !important; }
.nomargin-bottom		{ margin-bottom: 0 !important; }
.nomargin-left			{ margin-left: 0 !important; }
.noborder				{ border:0 none !important; }
.noborder-top			{ border-top: none !important; } 
.noborder-right			{ border-right: none !important; }
.noborder-bottom		{ border-bottom: none !important; }
.noborder-left			{ border-left: none !important; }
.align-left				{ text-align: left !important; }
.align-right			{ text-align: right !important; }
.align-center			{ text-align: center !important; }
.float-left				{ float: left !important; }
.float-right			{ float: right !important; }
.hidden					{ visibility: hidden; }
.invisible				{ height: 0; }
.smaller 				{ font-size:90%;}
.clickable 				{ cursor:pointer; }


.spacer-3,
.spacer-5,
.spacer-10,
.spacer-20,
.spacer-30,
.spacer-40,
.spacer-50 {
	font-size: 0;
	clear: both;
	float: none;
}
.spacer	   { height: 20px; }
.spacer-3  { height: 3px; }
.spacer-5  { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-20 { height: 20px; }
.spacer-30 { height: 30px; }
.spacer-40 { height: 40px; }
.spacer-50 { height: 50px; }

.more {
	background-image: url(/images/icons/ico_more.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 12px;
}


/**********************************************
	SHADOWS
**********************************************/

#loginbox {
	-moz-box-shadow: 1px 3px 1px #d5d5d5;
	-webkit-box-shadow: 1px 3px 1px #d5d5d5;
	box-shadow: 1px 3px 1px #d5d5d5;
} 

/**********************************************
	GRADIANTS
**********************************************/

#loginbox {
	background:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(175,175,175,.75)); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.75)), to(rgba(175,175,175,.75))); /* Safari, Chrome */
	z-index: 10001;
}

/**********************************************
	Fonts
**********************************************/

div.photodescription,
div.photocopyright {
	font-size: 90%;
}
div.login.logout {
	font-size:80%;
}

/**********************************************
	MissionMessage & FlexForm
**********************************************/

div.missionmessage,
div.missionmessageerror,
div.missionmessagesuccess,
div.missionmessagehint {
	margin: 0 0 2em 0;
	padding: 5px 8px 5px 8px;
	color: #fff;
	border: 2px solid #d1d1d1;
	background-color: #404040;	
}

div.missionmessagesuccess,
div.missionmessagehint {
	border: 2px solid #d1d1d1;
	background-color: #404040;	
}

div.missionmessage img,
div.missionmessageerror img,
div.missionmessagesuccess img,
div.missionmessagehint img {
	float: left;
}

div.missionmessagehint div.mmtext,
div.missionmessageerror div.mmtext,
div.missionmessagesuccess div.mmtext {
	color: #fff;
	padding: 0 0 0 50px;
}

div.missionmessageerror img,
div.missionmessagesuccess img,
div.missionmessagehint img {
	margin-right: 10px;
}

div.missionmessageerror div.mmclearleft,
div.missionmessagesuccess div.mmclearleft,
div.missionmessagehint div.mmclearleft {
	clear: left;
}

.frame label {
	margin: 0 0 0.2em 0;
}

.frame .showvalue {
	margin: 0 0 0.4em 0;
}

.frame input.button {
	cursor: pointer;
}

input.hidden,
.frame input.hidden { 
	color: transparent;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0px;
	border-color: transparent;
	display:inline;
}

.frame div.fieldsetlist {
	margin-bottom: 0.2em;
}

.frame .tmorderform div.fieldsetcolumnleft,
.frame .tmorderform div.fieldsetcolumn {
	float: left;
	width: 250px;	
	margin: 0 20px 10px 0;
}

.frame .tmorderform div.fieldsetcolumnright {
	float: left;
	width: 250px;
	margin: 0 0 10px 0;
}

.frame div.fieldsetrow {
	clear:both;
	margin-right:13px;
	margin: 0 0 10px 0;
}

.frame div.fieldsetclear {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 0px;
	line-height: 0px;
	font-size:0px;
}

.frame div.fieldsetsep {
	clear:both;
	margin-bottom: 1em;
}

.frame .error,
.frame div.error {
	border-color: red !important;
}

.frame div.triggers {
	clear:both;
	text-align:right;
	margin-right:10px;
}

/**********************************************
	Error
**********************************************/

body.error #content {
	padding: 15px;
}

/**********************************************
	Photos
**********************************************/

/** Ausrichtungen für Photos **/

.content-right img {
	margin: 5px 5px 0 0;	
}

img.photo,
div.photo,
div.photo_ { /* Für Bilder ohne Ausrichtung und Umfluss*/
	display: block;
	margin-bottom: 7px;
	float: none;
}

img.photo_right,
div.photo_right { /* Für Bilder, die rechtsbündig gesetzt werden sollen */
	margin: 0em 0em 7px 14px;
	float: right;
}

img.photo_left,
div.photo_left { /* Für Bilder, die linksbündig gesetzt werden sollen */
	margin: 0em 14px 7px 0em;
	float: left;
}

img.photo_center,
div.photo_center { /* Für Bilder, die linksbündig gesetzt werden sollen */
	text-align:center;
	padding-left:25%;
	padding-right:25%;
	margin: 0em 0em 7px 0em;
}

div.photocopyright {
	color: #333;
	border-bottom: 1px solid #eee;
	padding: 0.1em 0.3em 0.1em 0.3em;
	background-color: #eaeaea;
	font-style:italic;
}

div.photodescription {
	padding: 0.1em 0.3em 0.1em 0.3em;
	background-color: #eaeaea;
}

/**********************************************
	Files
**********************************************/

.inhalt ul.files,
ul.files {
	list-style-type: none;
	margin: 0 0 14px 0;
	display:table;
}

/* IE& only */
 * html b\ody ul.files { zoom:100%; }  

.inhalt ul.files li,
ul.files li {
	padding: 0 0 0 18px;
	text-indent:-18px;
}

.inhalt ul.files li img,
ul.files li img {
	vertical-align:middle;
}

.inhalt ul.files li:before {
	content:""; 
	color: transparent;
	margin-left: 0;	
}

/**********************************************
	Contact
**********************************************/

a.www,
a.tel,
a.fax,
a.email,
div.contact a.www,
div.contact a.tel,
div.contact a.fax,
div.contact a.email {
	display:block;
	background-image: url('/images/icons/ico_phone.png');
	background-repeat: no-repeat;
	background-position: 0px 1px; 	
	padding: 0 0 0 25px;
	line-height:19px;
}

a.email,
div.contact a.email {
	background-image: url('/images/icons/ico_mail.png');
	background-position: 0px 3px; 	
}

a.fax,
div.contact a.fax {
	background-image: url('/images/icons/ico_fax.png');
	background-position: 0px 2px; 	
}

a.www,
div.contact a.www {
	background-image: none;
	background-position: 0px 2px; 
	padding: 5px 0 0 0;
	margin-top:3px;
}

/**********************************************
	Magnify
**********************************************/

.transparent8 {
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity:0.8;		
}

.fll {
	float:left;		
}

.fllGN {
	background-image: url(/images_admin/icons/kr_hl.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 36px; 
	height:72px; 
	float:left;
}

.fllGNib {
	background-image: url(/images_admin/icons/kr_hr.png);
	background-repeat: no-repeat;
	background-position: right top;	
	height:72px; 
	width: 36px;
	float:left;
}

.fllGNCT {
	float:left;
	background-color: #000;
	margin: 1px 0 0 0;
	height:70px; 
}


/**********************************************
	Login
**********************************************/

div.login {
	display:none;
	clear: both;
	margin: 20px 0 20px 0;
	position: absolute;
	top: 5px;
	left: 25px;
	background-color: #ffffff;
	border: 1px solid #EE7F00;
	margin: 0 auto 0 auto;
	padding: 0 0 0 5px;
	border: 1px solid #e6e6e6;
}

div.login input {
	border: 1px solid #000;
	background-color:#fff;
	margin: 0 5px 0 0;
	padding: 3px;
}

div.login input.submit-login {
	padding: 3px;
}

div.login.logout {
	display:none;
	xvisibility:hidden;
	width:200px;
	text-align:left;
	margin: 0 auto;
	text-align:left;
}

div.login.logout span {
	color:#000000;
	display:block;
	margin: 0 5px 5px 0;
}

div.login a,
div.login a:link,
div.login a:visited {
	display:block;
	color: #4a4a4a;
	text-decoration: none;
	background-color:#fff;
	border: 1px solid #000;
	padding: 1px 3px 1px 3px;
	margin: 0 5px 5px 0;
}
div.login a:hover, 
div.login a:active {
	color: #fff;
	background-color:#000;
}

/**********************************************
	InnerWindow of GmapPanel
**********************************************/

.w-content {
	padding:5px;
}

.w-content ul {
	list-style: square outside none;
	margin:5px 10px 5px 10px;
	padding:0;
}

.w-content ul li {
	margin: 0 0 3px 5px;
}

.w-icon,
.w-img {
	float:left;
	margin: 0 10px 5px 0;

	xfloat:right;
	xmargin: 5px 5px 10px 10px;	
}

.w-hr {
	line-height:1px;
	font-size:1px;
	margin: 5px 0 5px 0;
	background-color:#66696b;
	height: 1px;
	clear:both;
}

.w-content p {
	margin: 5px 0 5px 0;
}

.w-content h1 {
	margin: 0px;
}

.w-content a {
	color:#000;
}

/**********************************************
	CAROUSSEL
**********************************************/

.caroussel {
	xheight: 445px;
	xwidth: 700px;
	overflow: hidden;
}
.carousselContainer { visibility:hidden;}
.innerCaroussel .carousselScreen {
	float: left;
	overflow: hidden;
}
.caroussel .carousselNavi {
	text-align: center;
	height: 24px;
}
.caroussel .cl-navi-on,
.caroussel .cl-navi-off {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 5px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.caroussel .cl-navi-on {
	background-image: url(/images/caroussel/cl-navi-on.png);
}
.caroussel .cl-navi-off {
	background-image: url(/images/caroussel/cl-navi-off.png);
}

.phposcontent.caroussel {
	overflow: visible;
}

/**********************************************
	Local Ext
**********************************************/

.ext-el-mask {
    background-color: #ccc;
}

.ext-el-mask-msg {
    border-color:#999;
    background-color:#ddd;
    background-image:url(/javascripts/ext/resources/images/gray/panel/white-top-bottom.gif);
    background-position: 0 -1px;
}
.ext-el-mask-msg div {
    background-color: #eee;
    border-color:#d0d0d0;
    color:#222;
    font:normal 11px Arial, Helvetica, sans-serif;
}

.x-mask-loading div {}

/* TABS */
.content .x-local ul {
	margin:0;
	list-style:none outside none;
}

.x-local .x-fieldset,
.content .x-local .x-fieldset {
	border: none;
	border-color:#ffffff;
}

.content .x-local .x-fieldset legend {
	color:#252525;
	font-weight:normal;
	margin: 12px 0 0 0;
}

.x-local .x-form-item {
}

.x-local .x-tab-panel-body {
	background-color:#FFFFFF;
	border-color:#bbbbbb;
	background-image:url(/local/media/images/bkgrnd/greycontainer-background.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;	
}

.x-local .x-tab-panel-body .x-panel-body  {
	background-color:transparent;
}

.x-local .x-tab-strip span.x-tab-strip-text {
	color:#252525;
	font: 18px VegurLight,tahoma,arial,helvetica;
}

.x-local .x-tab-strip-active span.x-tab-strip-text {
	color:#252525;
	font: 18px VegurRegular,tahoma,arial,helvetica;
}

.x-local ul.x-tab-strip-top {
	background-color:transparent;
	background-image:none;
	background-image:url(/local/media/images/bkgrnd/greycontainer-background.jpg);
}

.content .x-local input {
	border:1px solid #a7a7a7;
	background-color:#FFFFFF;
}  

.search .content .x-local input {
	padding: 1px;
}

.x-local .x-window-mc {
	background-color:#ffffff;
}

.x-cart-ico,
.x-card-ico {
	background-image:url(/javascripts/ext/plugins/img/silk/icons/cart.png) !important;
}



/**********************************************
	Q-TIP
**********************************************/

.x-local .x-tip-tr,
.x-local .x-tip-tc,
.x-local .x-tip-ml,
.x-local .x-tip-mr,
.x-local .x-tip-mc,
.x-local .x-tip-bl,
.x-local .x-tip-br,
.x-local .x-tip-bc,
.x-local .x-tip-tl {
	background-image:none;
	background-color:#363636;
	background:none repeat scroll 0 0 #363636;
	color: #fff !important;
}
.x-local .x-tip-body,
.x-local .x-tip-header-text,
.x-local .x-tip-mc {
    xfont: inherit;
    color:#fff;
}

.x-local .x-tip-body {
	padding: 3px 5px 3px 3px;
}

.x-tip-anchor {
	background-image:url("/javascripts/ext/resources/images/gray/qtip/tip-anchor-sprite.gif");
}

.xnowrap {
	white-space:nowrap;
}


/**********************************************
	Local Ext-Buttons
*********************************************

.x-local .x-btn {

}

.x-local .x-toolbar .x-btn {}

.x-local .x-statusbar .x-btn,
.x-local .x-toolbar .x-local-bt .x-btn,
.x-local .x-panel-btns .x-btn {
	background-color: transparent;
	background-image: url(/local/media/images/bkgrnd/button-background-grey.jpg);
	background-repeat: repeat-x;
	background-position: left 0;
	cursor: pointer;
	color: #fff;
}

.x-local .x-toolbar .x-btn-text { color: #333333; }
.x-local .x-toolbar .x-btn-over button { color: #000; }

.x-local .x-toolbar .x-local-bt .x-btn-text,
.x-local .x-statusbar .x-btn-text,
.x-local .x-panel-btns .x-btn-text {
	font-weight:bold !important;
	color: #fff;
}

.x-local .x-toolbar .x-local-bt .x-btn:hover,
.x-local .x-statusbar .x-btn:hover,
.x-local .x-panel-btns .x-btn:hover{
	color: #ccc; 
	background-position: left -30px;
}

.x-local .x-toolbar .x-local-bt .x-btn:active,
.x-local .x-statusbar .x-btn:active,
.x-local .x-panel-btns .x-btn:active {
	color: #ccc; 
	background-position: left -30px;
}

.x-local .x-toolbar .x-local-bt .x-btn-left,
.x-local .x-toolbar .x-local-bt .x-btn-right,
.x-local .x-toolbar .x-local-bt .x-btn-center,
.x-local .x-toolbar .x-local-bt .x-btn-menu-arrow-wrap .x-btn-center button,
.x-local .x-toolbar .x-local-bt .x-btn-with-menu  .x-btn-center em,
.x-local .x-toolbar .x-local-bt .x-btn-text-icon .x-btn-with-menu .x-btn-center em,
.x-local .x-statusbar .x-btn-left,
.x-local .x-panel-btns .x-btn-left,
.x-local .x-statusbar .x-btn-right,
.x-local .x-panel-btns .x-btn-right,
.x-local .x-statusbar .x-btn-center,
.x-local .x-panel-btns .x-btn-center,
.x-local .x-statusbar .x-btn-menu-arrow-wrap .x-btn-center button,
.x-local .x-panel-btns .x-btn-menu-arrow-wrap .x-btn-center button,
.x-local .x-statusbar .x-btn-with-menu  .x-btn-center em,
.x-local .x-panel-btns .x-btn-with-menu  .x-btn-center em,
.x-local .x-statusbar .x-btn-text-icon .x-btn-with-menu .x-btn-center em,
.x-local .x-panel-btns .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
    background-image:none;
}*/