/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:calc(100% - 2*1px);
/*margin:20px auto;*/
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
/*border:2px solid #a0a0a0;*/
}

#header{
height:60px;
width:100%;
margin:0 1px 1px 1px;
background:#467aa7;
color:#ffffff;
}

#header h1{
padding:15px 0 0 10px;
font-size:1.6em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:5px 0 0 20px;
font-size:1.2em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:2.2em;
line-height:2.2em;
font-size:80%;
width:100%;
margin:0 1px;
background:#578bb8;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

@media (orientation: landscape) {
	#navigation {
		font-size:120%;
	}
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
/*float:left;*/
width:95%;
font-size: 0.9em;
margin:2.5% 0 0 2.5%;
/*padding:20px 0 0 20px;*/
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
 /*float:right;*/
 width:90%;
 margin:5% 0 0 5%;
/*padding:20px 20px 10px 0;*/
 line-height:1.4em;
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:100%;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:100%;}
.splitcontentright{float:right; width:100%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

#localization a {
    color:#ffffff;
}
#localization { float:right; }

.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}
.white_content {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: calc(100% - 32px);
        padding: 16px;
        /*border: 16px solid orange;*/
        background-color: white;
        z-index:1002;
        overflow: hidden;
        text-align:justify;
        font-size: 60%;
}
	/* ------------------------------------------
	CSS3 FACEBOOK-STYLE BUTTONS (Nicolas Gallagher)
	Licensed under Unlicense
	http://github.com/necolas/css3-facebook-buttons
	------------------------------------------ */


	/* ------------------------------------------------------------------------------------------------------------- BUTTON */

	.uibutton { 
	    position: relative; 
	    z-index: 1;
	    overflow: visible; 
	    display: inline-block; 
	    padding: 0.3em 0.6em 0.375em; 
	    border: 1px solid #999; 
	    border-bottom-color: #888;
	    margin: 0;
	    text-decoration: none; 
	    text-align: center;
	    font: bold 11px/normal 'lucida grande', tahoma, verdana, arial, sans-serif;
	    letter-spacing: 0px;
	    white-space: nowrap; 
	    cursor: pointer; 
	    /* outline: none; */
	    color: #333; 
	    background-color: #eee;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
	    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
	    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
	    background-image: linear-gradient(#f5f6f6, #e4e4e3);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
	    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
	    /* IE hacks */
	    zoom: 1; 
	    *display: inline; 
	}

	.uibutton:hover,
	.uibutton:focus,
	.uibutton:active {
	    border-color: #777 #777 #666;
	}

	.uibutton:active {
	    border-color: #aaa;
	    background: #ddd;
	    filter: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}

	/* overrides extra padding on button elements in Firefox */
	.uibutton::-moz-focus-inner {
	    padding: 0;
	    border: 0;
	}

	/* ............................................................................................................. Icons */

	.uibutton.icon:before {
	    content: "";
	    position: relative; 
	    top: 1px; 
	    float:left;
	    width: 10px; 
	    height: 12px; 
	    margin: 0 0.5em 0 0; 
	    /*background: url("img/fb-icons.png") 99px 99px no-repeat;*/
	}

	.uibutton.edit:before  { background-position: 0 0; }
	.uibutton.add:before  { background-position: -10px 0; }
	.uibutton.secure:before  { background-position: -20px 0; }
	.uibutton.prev:before  { background-position: -30px 0; }
	.uibutton.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }

	/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

	/* ............................................................................................................. Large */

	.uibutton.large {
	    font-size: 13px;
	}
	
	.uibutton.extralarge {
	    font-size: 18px;
		-webkit-transition: margin 1s ease-in-out, padding 1s ease-in-out;
		-moz-transition: margin 1s ease-in-out, padding 1s ease-in-out;
	}

	/* ............................................................................................................. Submit, etc */

	.uibutton.confirm {
	    border-color: #29447e #29447e #1a356e;
	    color: #fff;
	    background-color: #5B74A8;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
	    background-image: -moz-linear-gradient(#637bad, #5872a7);
	    background-image: -o-linear-gradient(#637bad, #5872a7);
	    background-image: linear-gradient(#637bad, #5872a7);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */
	    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
	}

	.uibutton.confirm:active {
	    border-color: #29447E;
	    background: #4F6AA3;
	    filter: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}

	/* ............................................................................................................. Special */

	.uibutton.special {
	    border-color: #3b6e22 #3b6e22 #2c5115;
	    color: #fff;
	    background-color: #69a74e;
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
	    background-image: -moz-linear-gradient(#75ae5c, #67a54b);
	    background-image: -o-linear-gradient(#75ae5c, #67a54b);
	    background-image: linear-gradient(#75ae5c, #67a54b);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b'); /* for IE 6 - 9 */
	    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
	    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
	}

	.uibutton.special:active {
	    border-color: #3b6e22;
	    background: #609946;
	    filter: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}

	/* ............................................................................................................. Disable */

	.uibutton:disabled {
	    z-index: 0;
	    border-color: #c8c8c8;
	    color: #b8b8b8;
	    background: #f2f2f2;
	    cursor: default;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}

	.uibutton.confirm:disabled {
	    color: #fff;
	    border-color: #94a2bf;
	    background: #adbad4;
	}

	.uibutton.special:disabled {
	    color: #fff;
	    border-color: #9db791;
	    background: #b4d3a7;
	}

	.uibutton:disabled.icon:before,
	.uibutton:disabled.icon:after {
	    opacity: 0.5;
	}
	
	.uibutton.bottomRight {
		position:absolute;
		bottom:10px;
		right:10px;
	}
	
	.uibutton.bottomLeft {
		position:absolute;
		bottom:10px;
		left:10px;
	}
	
	.uibutton.bottomMiddle {
		position:absolute;
		bottom:10px;
		left:40%;
	}
	
.omitPhone { display:none; }
#appTeaser { display:none; }
#appDescr { display:inline; }
#MRG-header { display:none; }
#header img { display: none; }
pre {
	white-space: pre-wrap;
}