body { font-family: "Trebuchet MS", Verdana, serif; font-size: 12px; background: #b1b1b1  url(/img/design/baggrund/baggrund.png)  ; color: #222;}

#left {float: left; width: 220px; border: solid 0px #777777; overflow: auto ; padding-bottom: 5px; }

#midt { margin-top: 10px; margin-left: 230px; width: auto; margin-right: 230px; padding-left:0px; padding-right:0px; background-color: #c9b090; border: solid 1px #222; padding-bottom: 5px; -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #333; -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #333;}


#right {float: right; width: 220px; border: solid 0px #777777; overflow:visible; padding-bottom: 5px;}

#what {padding-left: 5px; padding-right: 5px; padding-bottom: 5px; border: solid 1px #777777; width: 100%; height: 150px; }

.fixe:after{content:".";display:block;height:0;visibility:hidden}
.fixe{display:inline-block}*
html .fixe{height:1%}
.fixe{display:block}*

@font-face {
	font-family: HarryPotter;
	src: url('../fonts/harrypotter.ttf');
}

#boksen {
    left: 0px;
    right: 0px;
    margin: auto;
    width: 1250px;
    border: solid 1px #111;
    background-color: #a7895e;
    padding: 5px;
}

.clear { clear: both; }
.clearleft { clear: left; }
.floatnone { float: none;}

#opslagleft {
    width: 550px;
    margin: 5px 5px 5px 5px;
    height: auto;
    border: solid 1px #000000; 
    overflow:visible; 
    background-color: #c9b090; 
    -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #333; 
    -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #333;
}

#opslagrigth {
    float:right;
    width: 200px;
    margin: 5px 5px 5px 5px;
    height: auto;
    border: solid 1px #000000; 
    overflow:visible; 
    background-color: #c9b090; 
    -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #333; 
    -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #333;
    display: block;
}

.grayunder {
    padding: 3px;
    width: auto;
    height: auto;
    background-color: #ba9e8b ;
}

.bund_links { padding-left:15px;padding-right:15px; width: auto; padding-top:6px; padding-bottom: 8px; border-left: solid 1px #777; display: block; height: auto; }

#user_bund {
position: fixed;
bottom: 0px;
left: 2.5%;
margin: 0px;
width: 95%;
height: 30px;
background: url(/img/bg/trans.png);
color: #fff;
z-index: 2000;
}
#user_bund ul {list-style:none; margin:0; padding: 0;  }
#user_bund ul li {	float: left;margin: 0;padding: 0; border-right: solid 1px #777;   }
#user_bund ul li a { display: block;height: 30px;float: left; font-size: 14px;color: #fff;text-decoration: none; }
#user_bund ul li a:hover { background-color: #888; }
#user_bund li:hover, li:active { background-color: #888; }


#links {
position: absolute;
bottom: 30px;
height: auto;
background: url(/img/bg/trans.png);
display: none;
left:0;
}

#tings {
position: absolute;
bottom: 30px;
left: 180px;
height: auto;
background: url(/img/bg/trans.png);
display: none;
}

#things {
display: block;
height: 20px;
width: 132px;
color: #fff;
padding-top: 5px;
padding-left: 15px;
padding-right: 5px;
}

#fron {
position: absolute;
bottom: 30px;
right: 0px;
height: auto;
background: url(/img/bg/trans.png);
display: none;
}

#fronline {
display: block;
height: 20px;
width: 160px;
color: #fff;
padding-top: 5px;
padding-left: 15px;
padding-right: 5px;
}


#things:hover {
background: #888;
}

#tings a {
color: #fff;
text-decoration: none;
font-size: 14px;
}

#testlol {
background: url(/img/icons/favorites.png);
width: 14px;
height: 14px;
}

#nice {
border-bottom: solid 1px #111; }

#linker {
display: block;
height: 25px;
width: 160px;
color: #fff;
padding-top: 5px;
padding-left: 15px;
padding-right: 5px;
}

#linker:hover {
background: #888;
}

#linker a {
color: #fff;
text-decoration: none;
font-size: 14px;
}


.tread_over:hover {
background: #7F560B;
border:1px solid #BF9A06;
color: #fff;
}

.hover:hover {
background-color: #7F560B;
border:1px solid #BF9A06;
color: #fff;
}

.post_over {
border-bottom: solid 1px #444;
padding: 5px;
margin-bottom: 2px;
}

.post_over:hover {
background: #7F560B;
border:1px solid #BF9A06;
color: #fff;
}

#news_for {
padding-left: 3px;
}

#news_for a {
cursor: pointer;
padding-bottom: 3px;
padding-left: 2px;
text-decoration: none;
display: block;
width:100%;
}
#news_for a:first-letter {
text-transform:uppercase;
}
#news_for a:hover {
background: #ba9e7b;
color: #111;
}

/* Top navigation den nye menu */

#topnav { 
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
width:100%;
height: 36px; 
left: 0px;
right: 0px; }

.topmenu { 
border-right: solid 1px #111; 
border-bottom: solid 1px #111;
background-color: #ba9e7b; 
width: 196.25px; 
float:left; 
/* padding-left: 10px;
padding-right: 10px; */
font-size:14px; 
color: #111; 
text-align:center; 
height: 45px;
 }
 
.tabbing { padding: 5px 10px 5px 10px; margin: 0px 5px 5px 5px; border: solid 1px #555; float: left; background-color: #ba9e7b; border-top: solid 0px #222; height: auto;}
.tabbing:hover, tabbing:active {
    background-color: #c9b090;
    box-shadow: 0px 2px 4px 1px #ba9e7b inset;
    }
 
img { border: 0px solid #000;}
#contents { margin-top: 36px;  }

a.topmenu:hover { border-right: solid 0px #111; border-bottom: solid 1px #111; background-color: #c9b090; color: #111; }
a.topmenu:link, a.topmenu:visited { border-right: solid 0px #111; border-bottom: solid 1px #111; text-decoration: none; color: #111; }
a.topmenu:hover, a.topmenu:active { background-color: #c9b090; border-right: solid 0px #111; border-bottom: solid 1px #111; text-decoration: none; color: #111; }

a  { color: #111; }
a:hover { text-decoration: underline; background-color: #ba9e7b; }
a.table { display:block; text-decoration: underline; }
table a:hover { text-decoration: underline; background-color: #ba9e7b; }
a.link { display: block; height:15px; }
a.link:hover { background-color: #ba9e7b; text-decoration: none; color: #111; }
a.conent:hover { background-color: #ba9e7b; text-decoration: none; color: #111; }
.men1 { display: none; }

input.blur { color: #444;}
input:focus , input:hover{background-color: #aa9172; color: #000; }
input {  font-size: 11px; margin-bottom: 3px; padding: 2px 0px 2px 0px; size: 1px; border: solid 1px #aa9172; background: #ba9e7b; overflow: auto; }
select {  font-size: 11px; margin-bottom: 3px; padding: 2px 0px 2px 0px; size: 1px; border: solid 1px #938a79; background: #ba9e7b; overflow: auto; }
input.checkbox { border: 0px; }
input.image { border: 0px; font-size: 11px; margin-bottom: 3px; padding: 2px 0px 2px 0px; border: solid 0px #aa9172; background: none; overflow: auto; }

textarea {  font-size: 12px; border: solid 0px; background-color: #ba9e7b; }

input.file { }

table { margin: 0; padding: 1px; font-size: 11px; width: 100%; overflow:visible; border-collapse:collapse; border: 0px; caption-side: top; vertical-align:top;  }
.td {padding: 3px;}

h2 {  font-size: 12px; margin: 0; margin-bottom: 5px; color: #222; padding-bottom: 2px; border-bottom: solid 1px #222;}
h3 { font-size: 16px; margin: 0; margin-bottom: 0px; color: #000; padding: 3px; border-bottom: solid 1px #000; background-color: #ba9e7b; overflow:hidden;}
h4 { font-size: 12px; text-align: center; }
h1 { font-size: 16px; margin: 0; margin-bottom: 0px; color: #000; padding: 3px; border-bottom: solid 1px #000; background-color: #ba9e7b; overflow:hidden;}
h6 { font-size: 11px; margin: 0; margin-bottom: 5px; color: #fff; padding-bottom: 2px; border-bottom: solid 2px #fff; overflow:hidden;}

h3 .paddin {font-size: 16px; margin: 0; margin-bottom: 0px; color: #000; padding: 3px; border-bottom: solid 1px #000; overflow:hidden;}

h3 a {}

#hovede{ padding: 0cm;}
#hovede h1 { margin: 0; padding: 0.25cm; color: #fff;}
#hovede a {  }
#hovede a:hover { background-color: transparent; }

#menu {width: auto; padding: 6px; overflow: visible; }
#menu a { display: block; height:15px; margin: 0; padding:0px 0px 2px 0px; border: solid 0px #000; text-decoration: none; color: #000; width: 100%;}
#menu a:hover { border: solid 0px #777; background-color: #ba9e7b; color: #111; width: 100%;}

#fod {width: auto; margin-bottom: 0px; margin-top: 10px; text-align: center; overflow:visible; color: #000;}
#fod h5 { font-size: 12px; color: #000; margin: 0; padding-right: 2px;}
#fod a {  color: #000; }

.boks { width: auto; border: solid 1px #000000; overflow:visible; margin: 5px; background-color: #c9b090; -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #333; -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #333; }
.boks a { text-decoration: none; }
.boks ul { display: block;  margin: 0; padding-left: 0.75cm; list-style: square;}
.boks p { /*padding: 5px;*/ margin: 0; }

.padding { padding: 5px; }
.padding h3 {font-size: 16px; margin: 0; margin-bottom: 0px; color: #000; padding: 3px; border-bottom: solid 1px #000; overflow:hidden;}
.padding h1 {font-size: 16px; margin: 0; margin-bottom: 0px; color: #000; padding: 3px; border-bottom: solid 1px #000; overflow:hidden;}

.tab1 { 
width: auto; 
padding: 5px;  
  }


.h3 {
	background-color: #000000;
                color: #fff;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
                border-bottom: solid 2px #fff;

	 
	 
	 }
	 
	 #tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #987d00;
	background-color: #ba9e7b;
	padding: 5px;
	opacity: 0.95;
	color: #111;
}
#tooltip h3, #tooltip div { margin: 0; color: #111; border: solid 0px #000; }

.fejl {
	padding: 5px 10px 5px 30px;
	margin-bottom: 10px;
	border: 2px solid #EE0000;
	background: #DB9EA6 url(/img/icons/warning.png) no-repeat scroll 5px 5px;
	color: #000;
	font-size: 14px;
	
}

.fejl a {
    color: #000;
}

.succed {
	padding: 5px 10px 5px 30px;
	margin-bottom: 10px;
	border: 2px solid #0D8000;
	background: #9CF692 url(/img/icons/success.png) no-repeat scroll 5px 5px;
	color: #000;
	font-size: 14px;	
 }
 
 .succed a {
    color: #000;
 }
 
#profil-baggrund { background: #ba9e7b; width: 100%; border: #000 solid 1px; } 

#profil-top {
    background: #ba9e7b; 
    padding:  5px; 
    margin: 0px 10px 10px 10px; 
    border: #000 solid 1px;  border-top: 0px; 
    -webkit-box-shadow: 0px 0.5px 0.5px 0.5px #000; -moz-box-shadow: 0px 0.5px 0.5px 0.5px #000; 
    min-height: 200px;
}

#profil-avatar {
    -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #000; 
    -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #000; 
    float: left;
    width: 11%; 
    min-width: 140px;
    margin-right: 1%; 
    height: 185px; 
    border: #000 solid 1px;
}

#profil-info {
    padding: 4px; 
    float:left;
    width: 77%; 
    margin-right: 1%; 
    height: 175px; 
    border: #000 solid 0px;
}

.profil-understreg { border-bottom: #a48b6b solid 2px; }

#profil-venner {
    -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #000; 
    -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #000; 
    float: left; 
    height: 185px; 
    width: 17%; 
    border: #000 solid 1px;
}

.profil-venner-div { padding: 2px; border-bottom: 2px #a48b6b solid; font-size: 14px; }

#profil-venner-h3 {
    background: #a48b6b; 
    color: #000; 
    padding: 4px; 
    font-size: 15px;
}

.profil-venner-boks { float:left; width: 235px; height: auto; text-align: center; border: 1px solid #666; background: #999 url(http://hogwartsschool.dk/img/ven/venbag.png) repeat-x; margin: 5px; position:relative; }

#profil-menu {
    height: 39px;
    width: 100%;
    margin: 0px;
    padding:  0px;
    display: block;
    z-index: 0;
}

#profil-baggrund-h3 {
    font-size: 14px; 
    background: #a48b6b; 
    padding:  5px 10px 5px 10px; 
    margin-top: 10px; 
    margin-bottom: 0px; 
    margin-right: 15px; 
    border: #000 solid 1px; 
    border-bottom: 0px;  
    -webkit-box-shadow: 0.5px 0px 0.5px 0px #000; 
    -moz-box-shadow: 0.5px 0px 0.5px 0px #000; 
    width: auto;
    float: left;
    z-index: 0;
}

#profil-baggrund-h3:hover, #profil-baggrund-h3:active {
    background-color: #c9b090;
    box-shadow: 0px 2px 4px 1px #ba9e7b inset;
    }
 

#profil-tekst-container {
    background: #ba9e7b; 
    padding:  5px; 
    margin: 10px; 
    margin-top: 0px; 
    border: #000 solid 1px; 
    -webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px #222; 
    -moz-box-shadow: 0.5px 0.5px 0.5px 0.5px #222;
    z-index: 10;
    overflow: auto;
}

#profil-header-container { background: #a48b6b; margin: 10px 10px 0px 10px; padding:5px; height: auto; border: solid 1px #111; -webkit-box-shadow: 0px 0.5px 0.5px 0.5px #000; -moz-box-shadow: 0px 0.5px 0.5px 0.5px #000;  }

.profil-venstre {
    width: auto;
    height: auto;
    float: left;
}

.profil-hojre {
    width: auto;
    height: auto;
    float: right;
}

#profil-navn {
    font-size: 19pt;
    color: #fff;
    font-weight: bolder;
}

.tagwall-container { height: auto; width: auto; padding: 5px; }

.tagwall-billed { width: 130px; float: left; margin-right: 5px; border: solid 1px #111; }

.tagwall-besked { width: 530px; float: left; border: solid 1px #111; overflow: auto; }

	#slidere {
		margin: 0 0 0 0;
	}
	
	#slidere div {
		width: 1240px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		color: #000;
		
	}
    
#indbakke { float: right; width: 250px; margin: 5px; height: 408px; border: 1px #5b5b5b solid; }

#indbakke-head { padding-top: 5px; height: 25px; text-align: center; background: #ba9e7b; }

#indbakke-beskeder { padding: 3px; overflow: auto; height: 372px; }

#sidste-svar { float:left; width: 500px; height: 200px; margin: 5px; }

#svar-head { padding-top: 5px; background: #ba9e7b; height: 30px; overflow: hidden; border: 1px solid #5b5b5b; }

#avatar-besked { height: 165px; width: 135px; float: left; }

#besked-svar { height: 165px; width: 357px; overflow: auto; margin-left: 3px; float: left; border: 1px #5b5b5b solid; border-top: 0px; padding-left: 3px; }

#besked-tr { border-top: 1px #000 solid; border-bottom: 1px #000 solid; }

#besked-tr:hover { border-top: 1px #000 solid; border-bottom: 1px #000 solid; background-color: #a7895e; }

#svar-besked { float:left; width: 500px; height: 200px; margin: 5px; border: 0px #333 solid; }

#til-nybesked { float: left; width: 244px; padding-top: 5px; background: #ba9e7b; height: 25px; border: 1px #5b5b5b solid; margin-right:2px; }

#til-ny { border: 0px #111 solid; height: 13px; width: auto; background: url(/img/bg/blank.png); }

#emne-ny { border: 0px #111 solid; width: auto; height: 13px; background: url(/img/bg/blank.png); }

#emne-nybesked { float: left; width: 245px; padding-top: 5px; background: #ba9e7b; height: 25px; border: 1px #5b5b5b solid; margin-left:2px; }

#beskeden-svar { height: 165px; width: 495px; overflow: auto; float: left; border: 1px #5b5b5b solid; border-top: 0px; }

#besked { width: 485px; height: 150px; background: url(/img/bg/blank.png) repeat; border: 0px; color: #fff; }

#send-svar { width: 175px; height: 30px; margin: 5px;float:left; background: #ba9e7b; border: 1px #5b5b5b solid; }

#gamle-svar { width: 175px; height: 30px; margin: 5px; float: left; background: #ba9e7b; border: 1px #5b5b5b solid; }

#ny-besked-submit { width: 175px; height: 30px; margin: 5px; float:left; background: #ba9e7b; border: 1px #5b5b5b solid; }

#alle-read { width: 165px; height: 30px; margin: 5px; background: #ba9e7b; border: 1px #5b5b5b solid; }

.bold {
    font-weight: bolder;
    font-size: 1.2em;
}

/* Gæstebog slet-knap styling */
.delete-guestbook-btn {
    background: #7F0909;
    color: #ba9e7b;
    border: 1px solid #5a0606;
    border-radius: 1px;
    padding: 4px 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
}

.delete-guestbook-btn:hover {
    background: #9F0B0B;
    border-color: #7F0909;
    transform: scale(1.05);
}

.delete-guestbook-btn:active {
    background: #5a0606;
    transform: scale(0.95);
}

.delete-guestbook-btn img {
    filter: brightness(0) invert(1);
}