/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* General */
a:link { color: #99f; text-decoration:none; }
a:visited {color: #b8f; text-decoration:none;  }
a:active {color: #ff0000; text-decoration:none;  }
a:hover {color: #ff0000; text-decoration:none; }

body {
	
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


blockquote {margin-left: 50px; font-size:90%} 

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* global */


body {
	background: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ddd;
    font-size: 80%;
}

h1,h2,h3,h4,h5 { 
color: #fff; font-family: Arial, Helvetica, sans-serif;  
font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 { font-size: 1.8em; font-weight: normal; margin-bottom:1em;}
h2 { font-size: 1.5em;  font-weight: normal; margin: 1.2em 0em 0.5em 0em; }
h3 { font-size: 1.2em; 	font-weight: bold; 	margin: 0.7em 0em 0.2em 0em; }
h4 { font-size:  1.0em;; font-weight: bold; margin: 0.4em 0em 0.2em 0em; }
hr { color: #333333 }



input.text {
 	color: #000;
	background-color:#fff;
 	border: 1px solid #555;
	font-size: 0.9em;
	font-family: verdana, sans-serif;
	height:1.3em;
   	
}
input.button {
 	color: #000;
	background-color:#ddd;
 	border: 1px solid;
	border-color: #ccc #ccc #444 #444;
	border-style: outset;
	font-size: 0.9em;
	font-family: verdana, sans-serif;
	height:1.7em;
   	
}

input.button2 {
 	color: #000;
	background-color:#ddd;
 	border: 1px solid;
	border-color: #ccc #ccc #444 #444;
	border-style: outset;
	font-size: 0.9em;
	font-family: verdana, sans-serif;
	  	
}
input.checkbox {
	background-color:#eee;
	border: 1px solid #555;
	font-size: 0.8em;
	margin-right:4px;
}

input.button:hover {
 	background-color:#eee;
 	color:  #f00;
}

li {
	list-style-type: none;
}

p {font-size: 1em; color: #dddddd ; margin-bottom:1em; line-height:1.6em}

.preview { margin:0.1em; padding:0.1em}

table {  }

.border{border:1px solid #333; background-color:#444; padding:2px; }
.border{border:1px solid #333; padding:2px }


#priser td{border:1px solid #333; padding:2px }
#priser th{border:1px solid #333; background-color:#444; padding:2px; }


/* ID */
/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #555;
margin-top:20px;
}

/* -----------------content--------------------- */
#contents { padding: 20px; }

#contents-index {
padding: 0px;
margin-left: 220px;
margin-right: auto;
padding-left:20px;
padding-right:20px;
padding-top:20px;

}

#contents-index li {
display:block;
background-color:#444;
border:1px solid;
border-color:#999 #444 #444 #999;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding:5px;
text-align:center;
}

#contents-index  li:hover {
background-color:#888;
}






/* -----------------content andre sider--------------------- */
#contentskategori {
background-color: #555;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
padding:1em; 
}

#contents-gallery { padding: 20px; }

.antal {
float:right;
width:300px;
text-align:right;
}


#contents-gallery .sider {
float:left;
/* width:300px; */
}

#contents-gallery .link {
background-color:#4a4a4a;
padding:2px;
padding-right:4px;
padding-left:4px;
margin-right:2px;
/* width:300px; */
}

#contents-gallery .nonlink {
color:#888;
padding:2px;
padding-right:4px;
padding-left:4px;
margin-right:2px;

/* width:300px; */
}

/* indhold på sider kun med tekst  */
#contents-text {
background-color: #555;
padding: 0px;
margin-left: 0px;
margin-right: 200px;
padding:1em; 
}



/* -----------footer--------------------------- */
#footer1 {
clear: both;
margin-top: 10px;
padding: 0px;
background-color: #808080;
height:20px; }


#gallery {}

#gallery p {font-size:0.8em; margin:0px 0px 5px 0px; padding:0px; line-height:1.1em}

/*
#gallery a:link { color: #fff; text-decoration:none; }
#gallery a:visited { color: #fff; text-decoration:none; }
#gallery a:active { color: #ff0; text-decoration:none; }
#gallery a:hover { color: #ff0; text-decoration:none; }
*/

a.link-hvid:link { color: #fff; text-decoration:none; }
a.link-hvid:visited { color: #ff9; text-decoration:none; }
a.link-hvid:active { color: #ff0; text-decoration:none; }
a.link-hvid:hover { color: #f00; text-decoration:none; }

#header
{
	height: 100px;
	width: 100%;
	background-color:#808080;
}

#header .text {float: right; width:200px; margin-top:4px; }	

#header p{
	font-size: 0.7em;
	margin-right: 0em;
	margin-top: 0px; 
	margin-bottom:0px;
	}

	
#header3 {
clear: both;
margin-top: 0px;
padding-top: 5px;
padding-left: 20px;
padding-bottom:5px;
background-color: #aaa;
height:auto; }

#lightbox {}

#lightbox .billede-lightbox {
	float:left;
	width:140px;
	height:250px;
	padding:5px;
	overflow:auto;
}

#lightbox .billede-lightbox p {font-size:0.8em; margin:0px 0px 3px 0px; padding:0px; line-height:1.1em}

#lightbox a:link { color: #fff; text-decoration:none; }
#lightbox a:visited { color: #ffd; text-decoration:none; }
#lightbox a:active { color: #ff0; text-decoration:none; }
#lightbox a:hover { color: #ff0; text-decoration:none; }

#lightbox a:link .normal { color: #09f; text-decoration:none; }
#lightbox a:visited .normal { color: #09f; text-decoration:none; }


#logo {float:left; margin-top:20px; margin-left:15px;}

#logo img{border: none;}

#main {
width:100%; 
margin:0px;
}

#menu
{
	float: left;
	width: 200px;
	padding: 20px;
	font-size: 0.9em; 
	line-height:1.1em;
	position:relative;
    margin-top:10px;
}



#menu a:link { color: #99f; text-decoration:none; }
#menu a:visited {color: #99f; text-decoration:none;  }
#menu a:active {color: #ff0000; text-decoration:none;  }
#menu a:hover {color: #ff0000; text-decoration:none; }

#menu li {
font-size:100%;
font-weight:bold;
line-height:1.3em;
display:block;
background-color:#666;
border:1px solid;
border-color:#999 #444 #444 #999;
margin:0px;
padding:5px; 
width:180px;
margin-bottom:10px;
text-align:center;

}

#menu li:hover {
background-color:#888;
}

#menu .form {
margin-bottom:10px;
margin-top: 10px;
width:180px;
background-color:#666;
padding:5px;
text-align:center;

}
#menu .p {
margin-bottom:5px;
margin-top: 5px;
}

#spalte1 {
 float: left;
 width: 170px;
 margin-right:15px;
}

#spalte1 p {
font-size:14px;
font-weight:bold;
margin-bottom:2px;
color:#ce8;
}

#spalte1 ul {
font-size:11px;
margin-bottom:5px;
}

#spalte1 li {
margin-bottom:1px;
}

#spalte1 a:link { color: #ccf; text-decoration:none; }
#spalte1 a:visited { color: #caf; text-decoration:none; }
#spalte1 a:active { color: #ff0; text-decoration:none; }
#spalte1 a:hover { color: #f00; text-decoration:none; }


/* -----------class--------------------------- */

.adressefelt {
	font-size: 0.7em;
	float: right;
	margin-right: 0em;
	margin-top:10px;	
	width:20em;
}
.adressefelt p { margin-top: 0px; margin-bottom:0px; }

.bestilling {
margin-bottom:10px;
margin-top:5px;
font-size:12px;
padding:5px;
border: 1px dotted #ddd;
}

.bestillingen input {font-size:12px; width:200px; }


.billede {
	float:left;
	width:140px;
	height:180px;
	padding:5px;
	overflow:auto;
}

.billede-uden-tekst {
	float:left;
	width:124px;
	height:124px;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
	text-align:center;
	padding-left:auto;
	padding-right:auto;
	background-color:#999999;
}

.billedramme {border:1px solid black}

.billede-lightbox {
	float:left;
	width:130px;
	height:22em;
	padding:5px;
	overflow:auto;
    border:1px solid #444;
	margin-right:1px;
	margin-bottom:1px;
}



.billede-lightbox_no_edit {
	float:left;
	width:130px;
	height:16em;
	padding:5px;
	overflow:auto;
    border:1px solid #444;
	margin-right:1px;
	margin-bottom:1px;
}

.button ul {clear:both;}
.button li { 
font-size:11px;
float:left;
background-color:#666;
border:1px solid;
border-color:#aaa #444 #444 #aaa;
padding:4px; 
width:auto;
margin-right:4px;
text-align:center
} 
.button li:hover { background-color:#777; }


.button-header ul { clear:both; }
.button-header li { 
font-size:11px;
float:left;
background-color:#666;
border:1px solid #555;
border-style: outset;
padding:3px; 
width:auto;
margin-right:4px;
text-align:center;
} 
.button-header li:hover { background-color:#ddd; }


.button2 ul { clear:both; }
.button2 li { 
font-size:11px;
background-color:#ddd;
border:1px solid #555;
border-style: outset;
padding:3px; 
width:auto;
margin-right:4px;
text-align:center;
} 
.button2 li:hover { background-color:#eee; }

.button2 a:link {color:#000}
.button2 a:visited {color:#000}
.button2 a:active {color:#ff0}
.button2 a:hover {color:#f00}

.foto {margin: 0px; margin-bottom:15px}
.preview {font-size:0.9em; line-height:1.2em}
.billedtitel {font-size:1.2em}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.contain {clear:both}

.container-element {}



.toolbar1 {margin-bottom:8px}

.toolbar1 li { 
font-size:90%;
line-height:1.0em;
display:block;
background-color:#666;
border:0px solid;
border-color:#999 #444 #444 #999;
margin:0px;
padding:2px; 
width:180px;
margin-bottom:2px;
margin-left:auto;
margin-right:auto;
text-align:center
} 


#contents-index1 {
padding: 0px;
margin-right: auto;
padding-left:20px;
padding-right:20px;
padding-top:20px;
float: right;
width: 500px;
}

#menu1
{
    width: 200px;
	padding: 20px;
	font-size: 0.9em; 
	line-height:1.1em;
	position:relative;
    margin-top:10px;
}

#menu1 a:link { color: #99f; text-decoration:none; }
#menu1 a:visited {color: #99f; text-decoration:none;  }
#menu1 a:active {color: #ff0000; text-decoration:none;  }
#menu1 a:hover {color: #ff0000; text-decoration:none; }

#menu1 li {
font-size:100%;
font-weight:bold;
line-height:1.3em;
display:block;
background-color:#666;
border:1px solid;
border-color:#999 #444 #444 #999;
margin:0px;
padding:5px; 
width:180px;
margin-bottom:10px;
text-align:center;
}

#menu1 li:hover {
background-color:#888;
}

#menu1 .form {
margin-bottom:10px;
margin-top: 10px;
width:180px;
background-color:#666;
padding:5px;
text-align:center;

}
#menu1 .p {
margin-bottom:5px;
margin-top: 5px;
}


.liste1 {margin:0px;font-size:9px}