/*
----------------------------

        Tooltp Start
          
----------------------------
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #6694a9;
	background-color: #edf5f9;
	color: #000;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 { font-family: Tahoma; font-size: 12px; font-weight: normal; }

h1 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
}

h2 {
font-size: 15px;
font-weight: bold;
margin-bottom: 0px;
}

h3 {
font-size: 14px;
margin-bottom: 0px;
}

h4 {
font-size: 12px;
margin-bottom: 0px;
}

/*
----------------------------

        Tooltp End
          
----------------------------
*/

/*
------------------------------------

    Model Facebox Start

------------------------------------
*/

div.modelfacebox
{
float: left;
width: 617px;
}

div.modelfacebox table
{
/* border-spacing: 0px; */
border-collapse: collapse;
padding: 0px;
text-align: center;
font-family: Tahoma;
font-size: 11px;
}

div.modelfacebox td
{
padding-right: 35px;
padding-bottom: 10px;
vertical-align: top;
}

div.modelfacebox div.phone
{
width: 197px;
/* height: 280px; */
border: 1px solid #8fb7ca;
text-align: center;
margin-left: 0px;
padding: 5px;
/* padding-bottom: 15px; */
}

div.modelfacebox img.phone
{
/* width: 187px; */
/* height: 270px; */
/* vertical-align: middle; */
}

div.modelfacebox div.phone_thumbs
{
float: left;
width: 44px;
height: 40px;
border: 1px solid #8fb7ca;
text-align: center;
padding-top: 2px;
margin-right: 5px;
cursor: pointer;
/* padding-bottom: 15px; */
}

div.modelfacebox img.phone_thumbs
{
height: 35px;
/* vertical-align: middle; */
}

/*
------------------------------------

    Model Facebox End

------------------------------------
*/

/* ------------------------------- */


/* HEADER */


/* ------------------------------- */

body, html {
		font-family: "Verdana";
		font-size: 12px;
		background-color: #f3f3f3;
		/* background-image: url("images/site_background.gif") repeat-y; */
		margin: 0px;
		height: 100%;
}

.bold {font-size: 13px; font-weight: bold; color: #000000;}
.subtext {color: #293030;}
.subtextbold{color: #293030; font-weight: bold;}

.clear {font-size: 0px; height: 0px; clear: both; overflow: hidden;}
.orange {color: #ff7f00;}
img {border: 0px;}
a {color: #0a6698; text-decoration: none;}
a:hover {color: #0a6698; text-decoration: underline;}
.floatleft {float: left;}

#allSite {
background-image: url("images/site_background.jpg");
background-repeat: repeat-y;
width: 1140px;
margin: auto;
overflow: hidden;
padding: 0px;
min-height:100%;
}

#leftOfSite {
float: left;
width: 91px;
 /*background-image: url("images/site_background_left_12.gif");
background-repeat: repeat-y;
margin-bottom: -10000px; padding-bottom: 10000px;  */
}

#site {
float: left;
width: 930px;
background: #FFFFFF;
margin-top: 3px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
border-left: 4px solid #0a6698;
border-right: 4px solid #0a6698;
border-top: 0px;
margin-top: 0px;

margin-bottom: -10000px; padding-bottom: 10000px; /* Hack for equal height divs */
}



#rightOfSite {
float: left;
width: 91px;
/*background-image: url("images/site_background_right_12.gif");
background-repeat: repeat-y;

margin-bottom: -10000px; padding-bottom: 10000px; */
}


/*
#leftOfSite {
    float: left;
    width: 91px;
    background-image: url("images/site_background_left.gif");
    background-repeat: repeat-y;
    margin-bottom: -2000px; padding-bottom: 2000px; 
}

#rightOfSite {
    float: right;
    width: 91px;
    background-image: url("images/site_background_right.gif");
    background-repeat: repeat-y;
    margin-bottom: -2000px; padding-bottom: 2000px; 
}


#site {
    width: 930px;
		margin: auto;
		background-color: #FFFFFF;
		margin-bottom: -2000px; padding-bottom: 2000px; 
}
*/

div.menu {
		height: 103px;
		border-bottom: 1px solid #0a6698;
		background-image: url("images/menu_background.gif");
}

div.menu div.menu_items, div.menu div.menu_fade {
		margin-top: 81px;
		height: 22px;
		float: right;
}

div.menu div.menu_items {
		background-color: #0a6698;
		padding-right: 6px;
}

div.menu div.menu_items a {
		color: #FFFFFF;
}

div.menu div.menu_items div {
		margin-top: 4px;
		color: #FFFFFF;
		font-size: 12px;
		font-family: "Arial";
		font-weight: bold;
}

div.menu div.menu_logo {
		padding-top: 25px;
		padding-left: 30px;
}

div.tpt_banner {
		background-image: url("/images/beregn_banner.gif");
		height: 186px;
		text-align: center;
}
div.tpt_banner a {
		text-decoration: underline;
}


/*div.tpt_banner {
		font-weight: bold;
		font-size: 25px;
		padding-top: 116px;
}*/

div.status {
		height: 23px;
		background-image: url("images/status_background.gif");
		font-weight: bold;
		font-size: 11px;
		border-top: 1px solid #0a6698;
		border-bottom: 1px solid #0a6698;
		color: #0a6698;
		padding-left: 8px;
		margin-bottom: 30px;
}



div.status div {
		margin-top: 5px;
}




/* ------------------------------- */


/* FOOTER */


/* ------------------------------- */

div.footer {
		margin-top: 30px;
		border-top: 1px solid #0a6698;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: right;
		color: #ff7f00;
		font-weight: bold;
		font-size: 11px;
}


/* ------------------------------- */


/* MOBILEPHONE MENU */


/* ------------------------------- */

.PhoneTeaserBox {
float: left;
width: 247px;
height: 275px;
margin-left: 12px;
margin-bottom: 12px;
background-image: url("images/PhoneTeaserBoxBg.png");
background-repeat: no-repeat;
}

.PhoneTeaserBoxHeadline {
margin-left: 10px;
margin-right: 10px;
}

.PhoneTeaserBoxHeadline h3{
padding: 0px;
margin: 0px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
color: black;
border: solid 0px black;
}

.PhoneTeaserBoxImageAndOfferLinks {
margin-left: 10px;
margin-right: 10px;
height: 155px;
overflow: hidden;
border: solid 0px black;
}

.PhoneTeaserBoxImageAndOfferLinksLeft {
float: left;
width: 130px;
border: solid 0px black;
}

.PhoneTeaserBoxImage {
width: 125px;
height: 149px;
overflow: hidden;
border: solid 1px #90bdd5;
background-color: #FFFFFF;
}

.PhoneTeaserBoxImageAndOfferLinksRight {
float: right;
width: 90px;
color: #e08a21;
font-weight:  bold;
font-size: 13px;
border: solid 0px black;
}

.PhoneTeaserBoxImageAndOfferLinksRight a {
color: #0f5174;
font-size: 12px;
text-decoration: none;
}

.PhoneTeaserBoxImageAndOfferLinksRight a:hover {
text-decoration: underline;
}

.PhoneTeaserBoxFunctions {
height: 65px;
overflow: hidden;
margin-left: 10px;
margin-right: 10px;
font-size: 11px;
border: solid 0px black;
}

.PhoneTeaserBoxFunctionsCategory {
margin-bottom: 4px;
}


.PhoneTeaserBoxReadMore {
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
text-align: right;
font-size: 11px;
color: #0f5174;
border: solid 0px black;
}

.PhoneTeaserBoxReadMore a {
font-weight: bold;
color: #0f5174;
}


/* ------------------------------- */


/* MOBILEPHONE PRESENTATION		   */


/* ------------------------------- */



.PhonePresentationMain {
margin-top: 2px;
border: solid 0px black;
}

.PhonePresentationLeft {
float: left;
margin-left: 10px;
width: 156px;
border: solid 0px black;
}

.PhonePresentationLeftPhoneBox {
width: 156px;
padding-bottom: 2px;
margin-bottom: 5px;
background-color: #90bdd5;
}

.PhonePresentationLeftPhoneBox:hover {
width: 156px;
padding-bottom: 2px;
margin-bottom: 5px;
background-color: #4a88a9;
}

.PhonePresentationLeftPhoneBox img {
border: solid 1px white;
}

.PhonePresentationLeftPhoneBoxImage {
text-align: center;
padding-top: 2px; 
max-height: 177px;
overflow: hidden;
}




.PhonePresentationLeftLi ul {
margin: 5px;
padding: 0px;
list-style: none;
}

.PhonePresentationMiddle {
float: left;
margin-left: 10px;
width: 430px;
border: solid 0px black;
}

.PhonePresentationMiddle p{
margin: 0px;
margin-bottom: 10px;
padding: 0px;
}

.PhonePresentationMiddle h3{
margin: 0px;
margin-bottom: 2px;
padding: 0px;
}

.PhonePresentationMiddle h4{
margin: 0px;
margin-bottom: 2px;
padding: 0px;
}


.PhonePresentationRight {
float: left;
margin-left: 10px;
width: 160px;
border: solid 0px black;
}

.PhonePresentationRightOfferBox {
width: 158px;
padding-bottom: 5px;
background-image: url(images/PhoneOfferBg.png);
background-repeat: no-repeat;
}

.PhonePresentationRightOfferBoxBottom {
width: 158px;
height: 4px;
margin-bottom: 5px;
background-image: url(images/PhoneOfferBottomBg.png);
background-repeat: no-repeat;
}

.PhonePresentationRightOfferBoxHeadline {
text-align: center;
}

.PhonePresentationRightOfferBoxHeadline h3{
padding: 0px;
padding-top: 10px;
margin: 0px;
font-size: 13px;
font-weight: bold;
color: #ff8535;
border: solid 0px black;
}

.PhonePresentationRightOfferText {
padding-top: 140px;
margin-top: 9px;
margin-left: 9px;
margin-right: 9px;
font-size: 10px;
font-weight: bold;
border: solid 0px black;
}

.PhonePresentationRightOfferModelText {
margin-top: 2px;
margin-left: 9px;
margin-right: 9px;
font-size: 12px;
font-weight: bold;
font-style: italic;
border: solid 0px black;
}

.PhonePresentationOfferLinks {
margin-top: 4px;
margin-left: 9px;
margin-right: 9px;
color: #ff8535;
font-weight:  bold;
font-size: 12px;
border: solid 0px black;
}

.PhonePresentationOfferLinksText {
margin-top: 10px;
margin-bottom: 6px;
}

.PhonePresentationOfferLinksPadding {
margin-bottom: 2px;
}

.PhonePresentationOfferLinks a {
color: #0f5174;
font-size: 12px;
text-decoration: none;
}

.PhonePresentationOfferLinks a:hover {
text-decoration: underline;
}


/* ------------------------------- */


/* CONTENT */


/* ------------------------------- */

form {
margin: 0px;
}

#menu_left {
		float: left;
		width: 150px;
}

#menu_right {
		/* padding-left: 2px; */
		/* padding-right: 0px; */
    float: left;
		width: 150px;
}

#menu_right img {
		padding-left: 2px;
}

#menu_content {
		float: left;
		width: 628px;
		border-right: 0px solid #badcf6;
		border-left: 0px solid #badcf6;
}

#menu_content_calc {
		float: left;
		width: 628px;
		border-right: 0px solid #badcf6;
		border-left: 0px solid #badcf6;
}

#menu {
		margin-left: 0px;
		margin-top: 14px;
}

#menu td {
		padding-bottom: 5px;
}

#menu td a  {
		font-size: 10px;
		color: #0a6698;
		font-weight: bold;
		letter-spacing: 1px;
}

.news {
		/* float: left; */
		width: 279px;
		padding-left: 23px;
		margin-bottom: 32px;
}

.news div.subject {
		font-size: 17px;
		font-weight: bold;
		line-height: 18px;
		margin-bottom: 10px;
		height: 38px;
}

.news div.datetime {
		width: 165px;
    border-top: 1px solid #0a6698;
		padding-top: 10px;
		margin-right: 0px;
    float: left; 
		font-size: 10px;
		color: #0a6698;
}

.news div.image {
		border-top: 1px solid #0a6698;
		padding-top: 40px;
		margin-left: 0px;
    float: right;
}

.news div.text {
		float: left; 
		width: 160px;
		font-size: 11px;
		margin-top: 13px;
		line-height: 15px;
}

.news div.links {
		font-size: 11px;
		/* float: left; */
		width: 150px;
		margin-top: 2px;
}

.news div.links a {
		text-decoration: underline;
}


#news_site {
		width: 580px;
		margin: auto;
}

#news_site div.header {
		font-size: 26px;
		color: #0a6698;
		font-weight: bold;
}

#news_site div.datetime {
		margin-top: 13px;
		color: #0a6698;
		font-size: 10px;
}

#news_site div.text {
		float: left;
		width: 450px;
		font-size: 11px;
		margin-top: 13px;
		line-height: 15px;
}

#news_site div.image {
		margin-top: 13px;
		float: right;
}

#news_site div.links {
		margin-top: 13px;
		font-size: 11px;
}

#news_site div.links a {
		font-weight: bold;
		text-decoration: underline;
		font-size: 15px;
}



/* ------------------------------- */


/* DATEINPUT */


/* ------------------------------- */

#datainput {
		font-size: 11px;
		font-family: "Arial";
		margin: 0px;
		width: 740px;
		margin: auto;
}

#datainput div.header {
		background-color: #0a6698;
		height: 23px;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px;
		line-height: 23px;
		background-image: url("images/header_fade.gif");
		background-repeat: repeat-y;
		background-position: right center;
		width: 320px;
}

#datainput div.header img {
		float: left;
		margin-right: 6px;
}

#datainput div.blueline {
		height: 2px;
		background-color: #0a6698;
		overflow: hidden;
		font-size: 0px;
		clear: both;
}

#datainput div.whiteline {
		height: 3px;
		background-color: #FFFFFF;
		overflow: hidden;
		font-size: 0px;
		clear: both;
}

#datainput div.content {
		background-color: #f1f1f1;
}

#datainput div.form {
		margin-top: 4px;
		float: right;
		text-align: right;
border: solid 0px black; 
width: 250px;
}

#datainput div.form input {

}

#datainput div.infotext {
float: left;
margin-bottom: 10px;
}

#datainput div.padding {
		padding: 10px;
}

#datainput div.spacer {
		height: 16px;
}

#datainput div.end {
		padding-top: 10px;
		vertical-align: top;
}

#datainput div.end div.text {
		font-size: 12px;
		font-weight: bold;
		color: #0a6698;
		margin-left: 20px;
		margin-top: 1px;
}

#datainput div.end div.arrow {
		margin-left: 40px;
		margin-top: -5px;
}

#datainput div.end input {
		float: right;
		margin-right: 38px;
		width: 150px;
}


#results {
		font-family: "Arial";
		width: 890px;
		margin: auto;
}

#results h1 {
		font-size: 31px;
		color: #0a6698;
		margin: 0px;
}

#results h2 {
		font-size: 21px;
		color: #0a6698;
		margin: 0px;
}

#results h3 {
		font-size: 16px;
		color: #0a6698;
		margin: 0px;
}

#results h4 {
		font-size: 14px;
		color: #0a6698;
		margin: 0px;
}


#results div.info_box {
		background-color: #f6fbfe;
}

#results tr.yellowline {
		background-color: #ffff01;
		text-align: center;
		font-weight: bold;
}

#results tr.yellowline2 {
		background-color: #ffffcd;
		font-size: 11px;
		text-align: left;
}

#results tr.whiteline  {
		background-color: white;
		text-align: center;
		font-weight: bold;
}

#results tr.whiteline2 {
		background-color: #e4f1fa;
		font-size: 11px;
		text-align: left;					
}

#results tr.whiteline3  {
		background-color: #f2faff;
}

#results tr.headline {
		background-color: #006599;
		color: white;
		font-weight: bold;
		text-align: center;
}

table#results {
		width: 890px;
}

table#results a {
		color: #000000;
}

div.other_sub {
		background-color: #fff1cc;
}

div.other_sub div.teaser {
		padding: 10px;
		font-weight: bold;
		color: red;
}

div.other_sub div.text {
		padding: 10px;
		float: left;
		font-weight: bold;
}

div.other_sub div.form {
		float: right;
		width: 195px;
}

div.filter {
		background-color: #fff9f0;
		width: 738px;
}

div.filter img.text {
		margin-left: 5px;
		margin-bottom: 5px;
}

div.filter input {
		margin-left: 5px;
}

div.filter div.filter_box {
		float: left;
		margin-left: 5px;
}

div.filter div.filter_box .filter_button {
		height: 25px;
		width: 235px;
		padding: 0px;margin: 0px;
}

div.filter div.filter_box div.filter_text {
		width: 230px;
		height: 40px;
		font-size: 10px;
		padding: 2px;
}

#b_1, #b_2, #b_3, #b_4, #b_5, #b_6 {
		border: 2px solid transparent;
}

table.rating_list {
		border-collapse: collapse;
}

table.rating_list td {
		padding: 3px;
}

/*
-------------------------------------------


          Models
          
          
-------------------------------------------
*/

div.models
{
float: left;
width: 617px;
/* padding-left: 20px; */
}

div.models table
{
/* border-spacing: 0px; */
border-collapse: collapse;
padding: 0px;
text-align: center;
font-family: Tahoma;
font-size: 11px;
}

div.models td
{
padding-right: 23px;
padding-bottom: 10px;
vertical-align: top;
}

div.models div.phone
{
width: 125px;
height: 208px;
*height: 218px;
/*height: 188px;*/
/* height: 170px; */
/* When Colors Disabled */
/* height: 158px; */
border: 1px solid #8fb7ca;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
/* padding-bottom: 15px; */
}

div.models div.image
{
/* width: 125px;
height: 170px;
border: 1px solid #f78509;
text-align: center;
padding-top: 5px;
cursor: pointer;
/* padding-bottom: 15px; */
}

div.models div.colorcontainer
{
height: 12px;
width: 114px;
/* padding: 0px; */
padding-top: 2px;
padding-left: 5px;
/* padding-right: 5px; */
/* background: #e2f2fa; */
/* background: #bbd2de; */
/* background: #c4d7e9; */
background: #e6f4fb;
/* background: #f9c185; */
font-size: 0px;
border: none;
margin: 0px;
margin-left: 3px;
margin-right: 3px;
/* margin-top: -9px; */
margin-top: 1px;
z-index: 10;
position: absolute;
/* -moz-opacity:0.5;filter:alpha(opacity=50); */
}

div.models div.color
{
width: 10px;
height: 10px;
font-size: 0px;
margin-right: 5px;
float: left;
padding: 0px;
border: none;
/* -moz-opacity:0.99;filter:alpha(opacity=99); */
}

div.models img
{
/*height: 150px;*/
/* vertical-align: middle; */
}

div.abomessage
{
display: none;
margin: auto;
width: 870px;
background-color: #fff1d6;
border: solid 2px #f3c380;
color: #654f2b;
margin-bottom: 15px;
}