body{
    background: #cccccc;
	leftmargin:0px;
	margin: 0;
	width: 100%;
	padding: 0;
	padding-top:75px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	}

#transp {
    position:relative;
    left:0;
    top:0;
    background: rgba(144, 198, 149, 0.2);
    width:50%;
    height:50%;
	 border-radius: 25px;
}

.selectedMenu {
border: 1px solid black;
}

.anonymstemmersize {
font-size:20px;
}


.abitbigger
{
    font-size:1.2em;
}

.spinner {
  box-sizing: border-box;
  height: 48px;
  width: 48px;
  margin: 64px;
  border: 0px solid #941E2D;
  border-radius: 50%;
  box-shadow: 0 -16px 0 17px #941E2D inset;
  animation: rotate 1s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

	
 textarea
{
  width:100%;
}
.blivder {
    vertical-align: top;
}
.sexwriterlogotop{
	content:url("/img/logo.png");
	height: 40px;
}

.sexwriterlogo{
	content:url("/img/logo_icon.png");
}


.ikkevalgt
{
text-decoration: none;
}
.valgt{
text-decoration: underline;
}	
	
body	a:link{text-decoration: none;color:#941E2D}
body	a:visited{text-decoration: none;color:#941E2D}
body	a:active{text-decoration: none;color:#941E2D}
body	a:hover{text-decoration: none;color:#941E2D}


	.tabelle{
		width:100%;
		 padding: 1px;
		 border-spacing: 1px;
		 
	}

	@media (max-width: 960px) {
	.tabelle{
	font-size:10px;
	}

	}

.storknap
{
  font-size: 110%;
  min-width: 16%;
  padding: 5px 15px;
	
}	

#forfatteroverskriftrow 
{
background-color:#941E2D;
color:white;
}

#prevpagelink 
{
	color:white;
	float:center;
}
.centerrulle
{
	text-align: center;
}

.tdright
{
	text-align: right;
}
.tdleft
{
	text-align: left;
}

	.tdcenter
{
	text-align: center;
}

.menutabel
{
display: inline-table;
padding: 1;
border-spacing: 0px;
}
.menutd
{
vertical-align: middle;
text-align:center;
}


.knaps {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  cursor: pointer; cursor: hand;
  
  }
 

.historiedele
{
	font-size:14px;
	line-height:22px;
}


#forsidetekstfarve
{
 text-align:left;
 color:white;
}


#forsidetekstfarveOverskrift
{
	color:white;
	opacity:1;
}





#chatfaetter
{
cursor:hand;
position:fixed;
bottom:10px;
right:10px;
width:30%;
border-style:solid;
border-width:3px;
border-color:#941E2D;
display:none;	
}
  
 
#kommentarer
{
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  

    border:0px solid black;
    padding:0.2em 0.5em;
    color:black;
    border-color:rgba(0,0,0,0.3);
    margin:0.5em;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
  
	
			
#body_content{

      padding: 10px 15px 0px 15px;
leftmargin:10px;
rightmargin:10px;
}


#top_content {
    width: 100%;
    height: 0px;
    background-color: #2185C5;
    position: fixed;
	top:0px;
	z-index:1000;
}

#top_container {
    height: 90px;
    margin: 0 auto;
	top: -15px;
    padding: 5px;
    position: relative;
    background-color: #cccccc;
	text-align:center;
}


footer {
	text-align: center;	
	color:white;
	height:30px;
	width:100%;
	margin:0 auto;
	background:#941E2D;
	max-width:1024px;
	vertical-align: middle;
	line-height: 30px; 
}

.textwrapper
{
  border:1px solid #999999;
  margin:5px 0;
  padding:3px;
}


	#hoptiltop
	{
	text-align: right;	
	height:30px;
	width:100%;
	margin:0 auto;
	bottom:-50px;
	max-width:1024px;
	vertical-align: middle;
	line-height: 30px; 
	}

	
	
	p{
	color:#414042;
	display:inline;	
	}
	
  .broedtekst{
	color:#414042;
	font-size:16px;
	}


	h2, h3
	{
	min-width: 100%; 
	display:inline;
	color:#941E2D;
	}


	h4
	{
	font-size:16px;
	display:inline;
	color:#941E2D;
	}

	h5
	{
	font-size:16px;
	display:inline;
	color:#414042;
	}

	
	/* ---------PAGE CONTENT --------------- */

	
.sideoverskrift
{
	min-width:780px;
	
}
	
.forsidemellemrum
{
	height:5px;
}  
.forsideskrevetaf
{
	float:right;color:#941E2D;font-size:12px
}  

.hrdivider{
	border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.hrdividersmall{
	border: 0;
    height: 1px;
    width: 100px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}


.hrstreg{
	max-width:1024px;
	border: none;
	height: 1px;
	color: #333; 
	background-color: #333;
	position:relative;
	right: 15px;
}

#beskedtekstTop {
background-color:#cccccc;
border:0px;
color:#941E2D;
}


#toptekst {
color:#941E2D;
padding-top: 10px;    
padding-right: 10px;    
padding-bottom: 0px;    
padding-left: 0px;"
}

#topmail {
color:#941E2D;
padding:10 10 0 10px;
}


.forsidebillede{
	
text-align:left;
background-color:#cccccc;
max-width:1024px;
  background: 
    linear-gradient(
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)
  ),
  url('../img/mandkvindelogo.jpg'); 
 background-size: cover;
  margin: 10px 0 0 10px;

  	margin: 0 auto;
    text-align: left;
  


}


.tc{
	text-align:center;
	padding: 15px 15px 0px 15px;
	}
 
 .leftcontent
	{
	/*display:inline-block; max-width:780px; *display:inline; *zoom:1;*/
	display:inline-block; max-width:780px; width:67%; *display:inline; *zoom:1;
    vertical-align: top;
	text-align:left;
	background-color:#cccccc;
	/*background-color:#b0b0b0; */
	}




@media (max-width: 960px) {

    .leftcontent {
        /*display:inline-block; max-width:780px; *display:inline; *zoom:1;*/
        display: inline-block;
        max-width: 100%;
        width: 100%;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        text-align: left;
        background-color: #cccccc;
        /*background-color:#b0b0b0; */
    }
}

.rightcontent
	{
	color:#414042;
	background-color:#cccccc;
    vertical-align: top;
	display:inline-block; min-width:190px;max-width:190px; *display:inline; *zoom:1;
/*		background-color:#bebe88; */
	}

	
	
	/* ---------Kasser --------------- */

	
	
.sidekassetekst
{
text-align:left;
background-color: #fefefe;
font-size: 0.8em;
}	

.sidekassetekst a
{
color:#BE1E2D;
text-decoration:none;
}



@media screen and (max-width: 960px) {
    .sidekassetekst {
font-size: 1.1em;
    }
.sidekassetekst a{
font-size: 1.1em;

    }

    
 
}




a.kategorilinkOverskrift:link{text-decoration: none;color:#941E2D}
a.kategorilinkOverskrift:visited{text-decoration: none;color:#941E2D}
a.kategorilinkOverskrift:active{text-decoration: none;color:#941E2D}
a.kategorilinkOverskrift:hover{text-decoration: none;color:#941E2D}



a.kategorilink:link{text-decoration: none;color:#414042}
a.kategorilink:visited{text-decoration: none;color:#414042}
a.kategorilink:active{text-decoration: none;color:#941E2D}
a.kategorilink:hover{text-decoration: none;color:#941E2D}

 
	
.sidekasse {
    display:inline;
    left:0;
    padding-left: 0px;
    top:0;
    list-style: none;
    background-color: #ccc;
    color:black;
}



.sidekasse ul {
    list-style: none;
    padding-left:0px;
}

.sidekasse a {               
    text-decoration:none;
    color:black;
	padding:5px;
	display:inline-block;
	font-weight:lighter;

	}
.sidekasse li { background: #fefefe; }
.sidekasse li:nth-child(odd) { background: #F2F2F2; }
.sidekasse li:hover {opacity: 0.8;}



	
.kassetekst
{
text-align:left;
background-color: #fefefe;
padding:5px;
font-size:16px;
}	


.sidekasseoverskrift
{
	text-align:left;
	padding:10px;
	background-repeat:repeat-x;
	background-color:#941E2D;
	font-size: 14px;
	font-weight:bold;
	color: #fefefe;
	text-decoration:none;
}

.sidekasseoverskriftReklame
{
	text-align:center;
	padding:1px;
	background-repeat:repeat-x;
	background-color:red;
	font-size: 14px;
	font-weight:bold;
	color: #fefefe;
	text-decoration:none;
}

	
.kasseoverskrift
{
	text-align:left;
	padding:10px;
	background-repeat:repeat-x;
	background-color:#941E2D;
	font-size: 16px;
	font-weight:bold;
	color: #fefefe;
	text-decoration:none;
}

.onlinebrugere
{
    display:inline;
	  float: left;
	width: 145px;
	padding:3px;
	 border: 1px black solid;
}


	
		/* ---------END Kasser --------------- */

    
	
	/* ---------NAV Bar--------------- */

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  background-color:#fff;
  text-align: center;
  padding: 5px 13px;
  text-decoration: none;
  border: 1px solid #cccccc;
  font-size: 20px;
}

.topnav a:hover {
      border: 1px solid black;
      background: #cccccc;
}

.active {
  color: white;
}


@media screen and (max-width: 960px) {
  .topnav a:not(:first-child) {display: none;}
 
}

.topnav {
  position: ;
  
}
@media screen and (max-width: 960px) {

    .onlinebrugere
{
    display:inline;
	  float: left;
	width: 155px;
	padding:3px;
	 border: 1px black solid;
}

 
.topnav {

vertical-align:center;
	   text-align: center;
 
}
  .topnav.responsive {
	  position: ;
	
  }
 
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

   nav {
	display: block;
     width: 100%;
      text-align: center;
    }
    nav ul {
      list-style: none;
    }
    nav li {
      display: inline;
    }

    nav a {
      display: inline-block;
      background: #fefefe;
      color: black;
      padding: 5px 10px;
      border: 1px solid white;
      text-decoration: none;
    }
    nav a:hover {
      border: 1px solid black;
      background: #cccccc;
    }
    nav a:active {
      background: black;
    }
    nav select {
      display: none;
    }
	
	#toptabel {
	display:none;
	}

	
/* ---------END NAV Bar--------------- */

   .reklame {
    width: 100%; 
    height:auto;
    max-height:900px;
    } 
/* ---------START REKLAME--------------- */


.responsivead {
    max-width: 100%;
    height: auto;
    max-height:125px;
}

.responsiveadbanner {
    max-width: 100%;
    height: auto;
}


.product-titlen{
	text-align:center;
  color:#222;
  font-size:0.7em:
  font-weight:400;
  top:3px;
  left:5px;
  max-width: 100%;

}



#image-container img{ 
    width: inherit;
}

.product-glpris {
  color:#7d7d7d;
  font-size:0.8em;
  	text-align:center;
  font-weight:400;
  font-family:'helvetica neue';
  right:10px;
  text-decoration: line-through;
  top:14px;
}

.product-nypris {
  color: #e74c3c;
  text-align:center;
  font-size: 1em;
  font-weight: 700;
  font-family: 'helvetica neue';
}
@media (max-width: 960px) {

.priskasse {
	text-align:center;
}

}




/* ---------END REKLAME--------------- */


	
   @media (max-width: 960px) {
	
.tc{
	text-align:center;
	padding: 10px 10px 0px 10p0x;
	}

	
		#chatfaetter
		{
		position:fixed;
		top:50px;
		width:95%;
		border-style:solid;
		border-width:3px;
		border-color:#941E2D;
		display:none;	
		}
	
	
	nav ul     { display: none; }

		.reklame {
		width: 99%; 
		height:auto;
		} 
		

	.leftcontent
	{
	margin-right:0px;
	}
.sideoverskrift
{
	min-width:190px;
	
}
    .broedtekst {
        font-size:1.2em;
    }
    .kasseoverskrift {
font-size:1.4em;
    }
    .kategorilinkOverskrift
    {
        font-size:1.2em;
    }
.sidekasseoverskrift
{
	font-style: italic;
    font-size:1.4em;
}
 .kassetekst
{
    font-size:1.2em;
}   	
		.fa-stack[data-count]:after{
		position:absolute;
		right:0%;
		top:1%;
		content: attr(data-count);
		font-size:30%;
		padding:.6em;
		border-radius:99999px;
		line-height:.75em;
		color: white;
		background:red;
		text-align:center;
		min-width:2em;
		font-weight:bold;
		}

		.fa-stack.fa-5x{
		.badge{
		font-size:2rem;
		}
		}


	
	
.forsidebillede{
text-align:left;
max-width:100%;
color:white;
background: 
    linear-gradient(
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)
  ),
background-image:url('../img/mandkvindelogo.jpg');
/*background-image:url('http://dummyimage.com/1020x240');*/
background-position:right;
	@media (max-width: 960px) {
	background-position: -960px -0px;
	}

}

 
   
   	.rightcontent
	{
	min-width:100%;
	
	}
	footer 
	{
	left:0px;
	bottom:0px;
    position:fixed;
	display:block;
	}

	#hoptiltop
	{
	left:0px;
	bottom:30px;
    position:fixed;
	display:block;
	}

	
   body{
      background: #cccccc;
	/* gammel: background: #D1D3D4; */
	}
	
	#toptabel {
	Display: inline-block;
	}
	
	.menuselectbox
	{
	font-size:30px;
	}

	.loginbox
	{
	font-size:25px;
	max-width:100%;

	}

	body{
	padding-top:40px;
	}

	#top_content {
    width: 100%;
    height: 40px;
    background-color: #2185C5;
    position: fixed;
	top:0px;
	z-index:1000;
	}

	#top_container {
    height: 30px;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    background-color: #faf6f1;
	text-align:center;
	}

} 
/* END: @media (max-width: 960px) */
}