/* -------------------------------------------------------------
   BordtennisPortalen CLASSES
  ------------------------------------------------------------ */
.desktop .topbar1 .logo a img {
	width: unset;
}

.tablet .topbar1 .logo a img {
	width: 100px;
}

.mobile .topbar1 .logo a img {
	width: 125px;
}

.Toplinks1 {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	color: #FFFFFF;
	font-size: 12px;
}

	.Toplinks1 a:link, .Toplinks1 a:visited, .loginleft a.normalLink:link, .Toplinks1 a.normalLink:visited {
		color: #FFFFFF;
	}

.Pagebottom1 {
	float: left;
	margin: 0px 0 0 25px;
	cursor: pointer;
}

.loginleft {
	width: 210px;
	margin: 0px 10px 0px 0px;
	padding: 15px 0 0 15px;
	height: 320px;
	background-image: url("/Portals/PetanquePortalen/Images/bg_frontpage_left.jpg");
	background-repeat: no-repeat;
	color: #FFFFFF;
}

	.loginleft .validationsummary {
		width: 180px;
	}

	.loginleft a:link, .loginleft a:visited, .loginleft a.normalLink:link, .loginleft a.normalLink:visited {
		color: #FFFFFF;
	}

.bund_indhold {
	font-size: x-small;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 989px;
}

	.bund_indhold a:link, .bund_indhold a:visited, .bund_indhold a.normalLink:link, .bund_indhold a.normalLink:visited {
		color: #FFFFFF;
		font-weight: normal;
	}

.bund_center {
	text-align: left;
	width: 962px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	margin: 0 0 0 13px;
}

.NewsletterList {
	float: left;
	width: 900px;
}

	.NewsletterList img {
		margin: 0 15px 20px 0;
	}

/* -------------------------------------------------------------
   STANDARD CLASSES - this section defines standard html classes
   ------------------------------------------------------------ */
html {
	height: 100%;
}

body {
	background: #ffffff;
	color: #333; /*defines the general text color for the entire site */
	font: 400 15px Lato, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0 3px 0 3px;
}

	body .mobile {
		font-size: 12px;
	}

a:link, a:visited, a.normalLink:link, a.normalLink:visited {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a.normalLink:hover {
	text-decoration: underline;
}

h1 {
	color: #000000;
	font-size: 24px;
	margin: 0 0 0 0;
	text-transform: uppercase;
}

h2 {
	color: #000000;
	font-size: 18px;
	margin: 0 0 0 0;
}

h3 {
	color: #000000;
	font-size: 15px;
	margin: 0 0 0 0;
}

h4 {
	color: #484848;
	font-size: 13px;
	font-weight: bold;
	border: 0px solid #666;
	padding: 4px 2px 2px 2px;
	margin: 0px 0 10px 0;
	height: 19px;
	background-image: url("/Images/h4background.jpg")
}

	h4 img {
		margin: 0 5px 0 5px;
	}

h5 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}

h6 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: 3px solid #000000;
}

	h6 img {
		margin: 0 5px 0 5px;
	}

hr {
	color: #ccc;
	background-color: #ccc;
	border: none;
	height: 1px;
	width: 100%;
}

img {
	border: none;
}

li {
	font-size: 100%;
}

p {
	font-size: 100%;
}

ol {
	list-style-type: decimal;
}

ul {
	color: #626262;
}

table, tr, td {
	border-collapse: collapse;
}
/* collapses any borders from any html tables */

/* --------------------- 
   END Standard Classes 
/* --------------------- */


/* -------------------- 
   LAYOUT Information
   -------------------- */
.wrapper {
	width: 989px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #FFFFFF url(/Portals/PetanquePortalen/Images/PetanquePortalen_header.jpg);
	background-repeat: no-repeat;
}

.wrapperpopup {
	width: auto;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #FFFFFF;
}

.header {
	margin: 0 0 0 0;
	width: 955px;
	height: 200px;
	position: relative;
}


.headerLogo {
	float: left;
	margin: 95px 0 0 23px;
	cursor: pointer;
}

.headerLogo_dpf {
	float: left;
	margin: 12px 0 0 22px;
}

#navigation {
	color: #333;
	font-size: 100%;
	text-align: center;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #999;
}

	#navigation a:link, #navigation a:visited {
		text-decoration: none;
		font-weight: bold;
	}

	#navigation a:hover {
		text-decoration: underline;
		font-weight: bold;
	}

.pageFooter {
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 30px;
	background-color: #f2002f;
	width: 100%;
	color: #FFFFFF;
}

	.pageFooter a {
		color: #FFFFFF;
	}

/* -------------------- 
   Quick Links
   -------------------- */
.QuickLinks {
	margin-top: 15px;
	padding-top: 15px;
	overflow: hidden;
	border-top: solid 1px Silver;
	color: Black;
	clear: both;
}

.QuckButtons {
	background-color: #f3f3f3;
	height: 25px;
	margin-bottom: 10px;
	padding: 7px 0px 0px 15px;
	clear: both;
}

a.QuickHref {
	color: black;
}

	a.QuickHref:hover {
		color: #cc0000;
	}
/* -------------------- 
   Add contact / administrator
   -------------------- */
.linkButtonAdd {
	font-size: 10px;
}
/* -------------------- 
   END Layout Information
   -------------------- */



.login .AgreeWithTerms {
	color: #FFFFFF;
	font-size: 9px;
}

.createuser .AgreeWithTerms {
	font-size: 9px;
}


/* ---------------------- 
   User inputs - USE THIS CLASS FOR STANDARD USER INPUTS
	---------------------- */

.textbox {
	border: 1px solid #999999;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	width: 250px;
}

.textboxSmall {
	border: 1px solid #999999;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	width: 80px;
}

.textboxMultiLine {
	border: 1px solid #999999;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	width: 350px;
	height: 100px;
}

.selectbox {
	border: 1px solid #999999;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

.button, a.button {
	border: none;
	background-color: #cc0000;
	border-radius: 25px;
	color: White;
	margin-bottom: 5px;
	padding: 3px 10px 3px 10px;
	min-width: 75px;
	cursor: pointer;
	text-decoration: none;
}

.PulicRightBackbutton {
	float: right;
	width: 500px;
	display: block;
	text-align: right;
}

.leftLabel {
	width: 80px;
	display: block;
	float: left;
	font-weight: bold;
}

.rightLabel {
	width: 300px;
	display: block;
}

.TableVieweLeft {
	float: left;
	display: block;
	width: 280px;
	padding: 0px 0px;
	margin: 0px 0 0 0px;
	/*color:Blue;*/
}

.googlesearchbutton {
	padding: 0 0 0 0;
	border: 1px solid #546610;
	width: auto;
	height: 22px;
	cursor: pointer;
	background-image: url( "/Images/searchbackground.jpg" );
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.googlesearch {
	background-color: #FFFFFF;
}

.internsearch {
	float: right;
}

.internsearchbutton {
	padding: 0 0 0 0;
	width: 22px;
	height: 22px;
	margin: 0 10px 0 5px;
	vertical-align: top;
}

.internsearchtextbox {
	width: 150px;
	height: 18px;
	margin: 0 0 0 0;
	vertical-align: top;
	border: 1px solid #999999;
}

.internsearchlabel {
	margin-right: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 24px;
	vertical-align: middle;
}

.internsearch {
	/*float:right; */
	/*margin-right:25px; */
	/*margin-top:20px;*/
	margin: 0;
	height: auto;
	width: auto; /*175px;*/
	/*height:23px;*/
	padding: 0;
}

/* ---------------------- 
   END User inputs
	---------------------- */

/* ---------------------- 
   Warnings before delete items
	---------------------- */
.warningbox {
	background-color: #FFFFFF;
	border: 2px solid #999999;
	padding: 5px 5px 5px 5px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	display: none;
	position: absolute;
	width: 400px;
	height: 100px;
	z-index: 100;
	line-height: 30px;
}


/* ---------------------- 
   Help Texts
	---------------------- */
.helpText {
	display: none;
	position: relative;
	border: solid 1px #CCCCCC;
	width: 95%;
	background-color: White;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 10px;
}

/* ---------------------- 
   Message box in master page
	---------------------- */
.messagebox {
	font-size: 150%;
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
}
/* ---------------------- 
   Progress popup in master page
	---------------------- */
.progress_popup {
	padding: 0;
	margin: 0;
	float: left;
	width: auto;
	height: auto;
}

.progress_popup_div {
	background-color: #fdfdfd;
	border: 1px solid #999999;
	text-align: center;
	padding: 60px 0 0 0;
	height: 100px;
	z-index: 500;
	text-align: center;
	display: block;
	font-size: 250%;
	line-height: 30px;
	position: absolute;
	top: expression( (300 + ( ignoreMe3  = document.documentElement.scrollTop  ? document.documentElement.scrollTop  : document.body.scrollTop  ) ) + 'px' );
	left: expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft  ) + (( ignoreMe2 = document.documentElement.clientWidth  ? document.documentElement.clientWidth  : document.body.clientWidth )*20/100) )+ 'px' );
	width: expression( (( ignoreMe4 = document.documentElement.clientWidth  ? document.documentElement.clientWidth  : document.body.clientWidth )*60/100) + 'px' );
	margin: 0;
}

.progress_popup > .progress_popup_div {
	position: fixed;
	top: 300px;
	left: 0;
	width: 60%;
	margin: 0 0 0 20%;
}
/* ---------------------- 
   Largetab's
	---------------------- */
.smallTab, .smallTabSelected {
	margin: 0 3px 0 0;
	border-width: 0px;
	width: 120px;
	height: 18px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 18px;
}


.LargeTab, .LargeTabSelected {
	margin: 0 3px 0 0;
	border-width: 0px;
	width: 135px;
	height: 18px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 18px;
}

.LargeTab, .smallTab {
	background-image: url(/Images/tab_off.jpg );
}

.LargeTabSelected, .smallTabSelected {
	background-color: #cc0000;
	color: #FFFFFF;
}

.LargeTab a, .smallTab a {
	color: #4b4b4b;
	width: 100%;
	height: 100%;
	display: block;
}

.LargeTabSelected a, .smallTabSelected a {
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
}

.LargeTab a:hover, .smallTab a:hover {
	background-color: #cc0000;
	color: #FFFFFF;
	text-decoration: none;
}

.LargeTabSelected a, .smallTabSelected a {
	font-weight: bold;
}

	.LargeTabSelected a:hover, .smallTabSelected a:hover {
		text-decoration: none;
	}

.LargeTabPage {
	border-width: 0px;
	padding: 5px 5px 5px 5px;
	height: auto;
	width: 558px;
	text-align: left;
	margin: 0 0 0 0;
}
/* ---------------------- 
   Disabled background
	---------------------- */
.DisabledBackground {
	position: absolute;
	left: expression( ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft  ) + 'px' );
	top: expression( ( ignoreMe4  = document.documentElement.scrollTop  ? document.documentElement.scrollTop  : document.body.scrollTop  ) + 'px' );
	width: expression( ( ignoreMe1 = document.documentElement.clientWidth  ? document.documentElement.clientWidth  : document.body.clientWidth ) + 'px' );
	height: expression( ( ignoreMe3 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) + 'px' );
	opacity: .4;
	filter: alpha(opacity=60);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color: transparent !important;
	background-color: #000000;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image /**/: url("/Images/maskBG.png") !important;
	// For browsers Moz, Opera, etc. background-image:none;
	background-repeat: repeat;
	z-index: 1;
	display: none;
}

.popupparent > .DisabledBackground {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

BrowserOptimizedInfoBodyIframe {
	position: absolute;
	top: 200px;
	left: 400px;
	width: 390px;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	background-color: White;
}

.BrowserOptimizedInfoBody {
	position: absolute;
	top: 200px;
	left: 400px;
	width: 400px;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	background-color: White;
}

.BrowserOptimizedInfoText {
	width: 300px;
	display: block;
}

/* ---------------------- 
   GridViews (tables)
	---------------------- */
.GridView {
	border: 0px solid #FFFFFF;
	width: 97%;
}

	.GridView th /* header */ {
		border-style: none;
		border-width: 0;
		color: #484848;
		height: 20px;
		background-image: url("/Images/tabletopbackground.jpg");
		text-align: left;
	}

.GridViewTableRowAlt {
	border-style: none;
	border-width: 0;
	border-bottom: 1px solid #b0b0b0;
}

.GridView td, .GridViewTable td, .GridViewTableAlt td {
	border-style: none;
	border-width: 0;
}

.GridView tr /* even rows (starting with 0) */ {
}

.GridView .alt, .GridView .altread, .GridView .altunread, .GridViewTableAlt /* odd rows (starting with 0) */ {
	background-color: #f3f3f3;
}

.GridView .icon {
	width: 16px;
	height: 16px;
}

.GridView .pager {
	font-size: 16px;
	text-align: right;
}
/* specific for inbox:*/
.GridView .altread, .GridView .read {
	color: #404040;
}

.GridView .altunread, .GridView .unread {
	color: #000000;
	font-weight: bold;
}

.GridViewTable td, .GridViewTableAlt td {
	border-style: none;
	border-width: 0;
	border-bottom: 1px solid #b0b0b0;
	overflow: hidden;
}

.validationsummary {
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 5px;
	border-style: double;
	border-color: Red;
	background-color: #FFE1E1;
}

	.validationsummary ul {
		margin: 0 0 0 0px;
		padding: 0;
	}

		.validationsummary ul li {
			color: Red;
			font-weight: bold;
			padding: 0;
			margin: 0 0 0 20px;
			background-color: Transparent;
		}

.validation {
	color: Red;
}

.PlainText {
	color: Black;
	font-weight: normal;
}

.displayBlock {
	display: block;
}

tr.cpRssH1 {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
}

tr.cpRssH2 {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
}

td.cpRssTDH1 {
	font-family: Verdana, Arial;
	padding-left: 0px;
	padding-right: 5px;
}

td.cpRssTD {
	font-family: Verdana, Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-right: 5px;
}

td.cpRssTDFeedInfo {
	font-family: Verdana, Arial;
	padding-left: 0px;
	font-size: 10px;
	padding-right: 5px;
	color: #9b9b9b;
}

td.cpRssTDTop {
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 0px;
	padding-right: 5px;
}

td.cpRssTDTopLink {
	font-family: Verdana, Arial;
	font-size: 10px;
	padding-left: 0px;
	padding-right: 5px;
}

.cpRssTDFeedImage {
	max-width: 100%;
}

.NewsFileUploadLable {
	width: 200px;
}

div.publicBody {
	width: 890px;
}

div.publicBodyLeft {
	padding-left: 20px;
	float: left;
	width: 500px;
}

div.SponsorlinkBodyLeft {
	padding-left: 0px;
	float: left;
	width: 560px;
}

div.publicBodyRight {
	float: right;
}

div.SponsorlinkBodyRight {
	float: right;
	width: 300px;
	border: 1px solid #b0b0b0;
	padding: 6px;
}

.frontpageRNews {
	box-sizing: border-box;
	width: 100%;
	max-width: 600px;
	margin-bottom: 20px;
	padding: 15px 15px 0 15px;
	background: #f3f5f4 url('/Portals/PetanquePortalen/Images/bg_news_top.jpg') repeat-x;
}


div.oneline {
	display: block;
	height: 14px;
	overflow: hidden;
}

.ScriptLogInBody {
	background-color: #DFDFDF;
}

.topmenu2 {
	text-align: center;
	line-height: 54px;
	background-color: #f3f3f3;
}

	.topmenu2 .tmenu ul a {
		font-size: 18px;
		font-weight: bold;
	}

.tablet .topmenu2 .tmenu ul a {
	font-size: 14px;
}

.topmenu2 .tmenu ul a:hover {
	color: #cc0033
}

.topmenu2 .tmenu ul ul a {
	font-size: 14px;
	color: #000000;
}

.tmenu ul li.active a, .tmenu ul ul li.active a, .tmenu ul ul ul li.active a {
	font-weight: bold;
	color: #cc0033
}

.tablet .topmenu2 .tmenu ul ul a {
	font-size: 10px;
}

.mobile a.menu-burger {
	color: #ffffff;
	border: 0px solid #ffffff;
}

.topbar1 .headertitle a, .topbar1 .headertitle a:hover, .topbar1 .headertitle a:visited {
	font-size: 24px;
	color: #FFFFFF;
	margin-left: 10px;
}

.tablet .topmenu1.tmenu ul li a {
	height: 22px;
	line-height: 24px;
}

.topmenu2R {
	color: #ffffff;
}

	.topmenu2R .tmenu ul a {
		color: #ffffff;
		font-size: 20px;
		margin-right: 10px;
	}

.tablet .topmenu2R .tmenu ul a {
	font-size: 14px;
}

.topmenu2R .tmenu ul li.active a {
	color: #ffffff;
	font-weight: bold;
}

.topmenu2R .tmenu ul ul li.active a, .topmenu2R .tmenu ul ul ul li.active a {
	font-weight: bold;
	color: #cc0033
}

.topmenu2R .tmenu ul a:hover {
	font-weight: bold;
}

.desktop .pageFooter .f1 {
	text-align: left;
}

.pageFooter .f2 {
	text-align: center;
}

.pageFooter .f3 {
	text-align: center;
}

.desktop .pageFooter .f4 {
	text-align: left;
	float: right;
}

.pageFooter .f1, .pageFooter .f2, .pageFooter .f3, .pageFooter .f4 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	padding: 0 4% 0 4%;
	margin-bottom: 20px;
}

.desktop .pageFooter .f1, .desktop .pageFooter .f2, .desktop .pageFooter .f3 {
	width: 33%;
	float: left;
}

.mobile .pageFooter .f1, .mobile .pageFooter .f2, .mobile .pageFooter .f3, .mobile .pageFooter .f4, .tablet .pageFooter .f1, .tablet .pageFooter .f2, .tablet .pageFooter .f3, .tablet .pageFooter .f4 {
	text-align: center;
	padding-bottom: 15px;
}

.pageFooter .f1 ul {
	list-style: none;
	padding-left: 0;
}

.pageFooter .f4 ul {
	list-style: none;
	padding-left: 0;
}

.mobile .pageFooter .f1 ul li, .tablet .pageFooter .f1 ul li {
	display: inline-block;
	margin-right: 10px;
}

.mobile .pageFooter .f4 ul li, .tablet .pageFooter .f4 ul li {
	display: inline-block;
	margin-right: 10px;
}