*{margin: 0;padding-left: 0; margin-top: 0px;}
html,body {color: black; font-size: 12px; font-family: Calibri, Verdana, sans-serif; height:100%;}


#container { border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;  margin: 1px auto; padding: 0; width: 995px; position:relative; }



#header{ height: 120px; background: #FFF url("/images/template/headerbg.jpg") top left repeat-x; }
#logo {position: absolute;  top: 10px; left: 10px;}

.logintext {position: relative; right: 10px; top: 50px; text-align: right;}
.languageselection {position: absolute; right: 10px; top: 105px; text-align: right;}

.menu {position: relative; top: 0px;  border-top: 1px solid #d5d5d5;  height: 48px; width: 994px; }
.menu .content {position: relative; top: 5px; left: 7px;  float:left; text-transform: uppercase; }
.menu .content ul{
	width: 100%;
	height: 43px;
	color: white;
	background: #FFF url("/images/menu/menu3.jpg") top left repeat-x;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.menu .content ul li {
	display: block;
	float: left;
	width: 140px;
	}
.menu .content ul li a {
	text-decoration: none;
	float: left;
	width: 140px;
	color: #FFF;
	height: 25px;
	padding-top: 6px;
	vertical-align: middle;
	}



a {
	color: #2293d1;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

a.border{
	border-bottom:1px dotted #61b77b;
	text-decoration:none;
}



.balloon {width: 199px; text-align: center; }
.balloon .content {
   background: #E41D30;
   color: #FFF;
   font-weight: bold;
   font-size: 16px;
   width: 160px;
   text-align: center;
   border-left: 7px solid #FFF;
   padding-right: 15px;
   padding-left: 5px;
}

.balloon .left{
   background: #d43f3b url('/images/balloons/right.jpg') top right repeat-y;
   background-position: 170px 0px;
}


.balloon .right {
   background: #d43f3b url('/images/balloons/right.jpg') top right repeat-y;
   background-position: 170px 0px;
}

.balloon-top, .balloon-bottom-left {
	background-image: url('/images/balloons/1.gif'); /* CHANGE: path and name of your image */
	background-repeat: no-repeat;
	height: 25px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}

.balloon-top-right {
	background-image: url('/images/balloons/2.gif'); /* CHANGE: path and name of your image */
	background-repeat: no-repeat;
	height: 25px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}


.balloon-bottom-right {
	background-image: url('/images/balloons/2.gif'); /* CHANGE: path and name of your image */
	height: 27px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	width: 186px;
}


.balloon-top {
   background-position: -3px 0;
	margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
}
.balloon-top-right {
   background-position: 3px 0;
	margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
}

.balloon-bottom-left  {
	background-position: -2px -180px;    /* CHANGE: replace second number by negative height of one of your corners */
}

.balloon-bottom-right  {
	background-position: 3px -176px;    /* CHANGE: replace second number by negative height of one of your corners */
}


.balloon .content a {color: white;}



h1 {color:#2293d1;}
h2 {color:#2293d1;}
h3 {color:#2293d1;}
h4 {color:#2293d1;}

.points { color: #2293d1; font-weight: bold;}

span.textlogo_blue {color: #275d8f; font-weight: bold;}
span.textlogo_red {color: #da393b; font-weight: bold;}



#line{border-bottom: 1px solid #99b3cc; position: absolute; top: 60px; left: 0px;width: 950px; height: 1px;}



.box .login {position: absolute; top: 5px; left: 680px; width: 270px;}
.box .login .content{
	font-size:12px;
	padding-left: 5px;
	height: 5px;
	height: 72px;
}

.box .login a{
	font-size: 10px;
}

.box form .text {
   width: 140px;
}

.box .map_small {
   position: relative; left: 15px; width: 410px; height: 500px;
}

.login .content .login_menu .welcome_back {

}
.login .content .login_menu .control {
   position: absolute;
   left: 5px;
   top: 65px;
}
.login .content .login_menu .status {
   font-size: 10px;
   padding-left: 5px;
}


.box{
	background: white;
}

.box.title{

	border-left: 1px solid #d5d5d5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d5d5d5;/* YCC: color & properties of the right-borderline */
	border-bottom: 1px solid #d5d5d5;/* YCC: color & properties of the right-borderline */
   padding-left: 5px;
	color: black;
}

.box.content{
	border-left: 1px solid #d5d5d5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d5d5d5;/* YCC: color & properties of the right-borderline */
	padding-left: 5px;
	background: white;
}

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('/images/corners1280x182.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	}
.top-left, .bottom-left {
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% -0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  {
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}


.main {padding-top: 15px; padding-right: 5px; padding-bottom: 25px;}

.main .menu_container {position: absolute; left: 5px; width: 202px; text-align: center; border-bottom: 1px solid #d5d5d5;  }
.main .menu_left { width: 200px; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;text-align: center; padding-bottom: 5px;}
.main .maincontent {font-size: 12px; position: relative; width: 735px; left: 227px; vertical-align: middle; height:100%;min-height: 750px; }
#textblock {}


/* Footer */
div#footer {
	position: relative;
	border-top: 1px solid #d5d5d5;
	height: 40px;
	background: #FFF url("/images/template/headerbg.jpg") bottom left repeat-x;
	clear: both;
}
div#footer span {
   padding-top: 5px;
	display: block;

	font-weight: bold;
	margin: 0 auto;
	font-size: 12px;text-align: center;
}

div#footer span.footer_menu a {color: black; text-transform: uppercase;}


div#footer div.copyright {
   position: absolute;
   padding-left: 5px;
   padding-top: 5px;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	font-size: 12px;text-align: left;
	}
/* /Footer  */


br{line-height:10px;}

.replace {display:none;}

img{border: 0px;}

.ajax-loading {
	padding: 20px;
	background: url('/images/ajax/ajax-loader.gif') no-repeat left;
}



.PopupScreenContainer{
height: 300px;
width: 700px;
display:none;
position: absolute;
top: 100px;
left: 20px;
background: #FFF;
border: 2px solid #000;
z-index: 1000;

}


.PopupScreen{
height: 180px;
width: 420px;
display:none;
position: relative;

background: #FFF;
border: 2px solid #d5d5d5;
z-index: 1001;
padding: 5px;
margin-left: auto;
margin-right: auto;
top: 0px;
}


.PopupScreenContainer .close { position: absolute; right: 5px; top: 5px;}



.loggedin {
position: absolute;
left: 400px;
top: 20px;
width: 300px;

}

.loggedin .content{
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
text-align: center;
padding: 10px;
}


.my_account { }

.my_account a { color: #000; text-decoration: none; font-weight: normal;}



/* forms */
input { height: 15px; border: 1px solid #d5d5d5; background: #FFF; font-size: 11px;}
textarea {  border: 1px solid #d5d5d5; background: #FFF; font-size: 11px;}
input.button { height: 22px; padding: 1px; border: 2px solid #d5d5d5; background: #FFF; font-size: 12px; text-align: center;}
select {height: 19px; background: #FFF; border: 1px solid #d5d5d5; font-size: 11px; }