/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
	wsx.dk
	media="screen"
	Henning Hoffmann
	style_shared.css
	loebepigerne.dk/anna
	loebepigerne.dk/anne
	loebepigerne.dk/sara
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
	Body
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:small;
	font-weight:normal;
	line-height:1.4em;
	margin:0;
	color:#000;
	background-color:#000;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

hr {
	margin:1em 33px 1em 38px;
	border:0;
	height:1px;
	color:#474747;
	background-color:#474747;
	clear:both;
}

a {
	color:#06b;
	background:inherit;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:200%;
	font-weight:lighter;
	line-height:1.2;
	padding:0 0 0 10px;
	margin:6px;
}

h2 {
	font-weight:normal;
}

h3 {
	margin:0 0 .25em 0;
	padding:0 0 0 14px;
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:160%;
	font-weight:normal;
	line-height:1.4em;
	color:#333;
	background-color:transparent;
}

.center {
	text-align:center;
}

ul {
	padding:0;
	margin:0;
}

li {
	list-style-type:none;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Content
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#content {
	position:relative;
	margin:20px auto;
	padding:0;
	width:960px;
	border:10px solid #fff;
	background-color:#f7e3c7;
	z-index:1;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Contentphoto
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#contentphoto {
	clear:both;
	height:350px;
	width:960px;
	margin:0;
	background-repeat:no-repeat;
	background-position:right top;
	border-bottom:10px solid #fff;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Images
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

a img {
	border:none;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Main
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#main {
	width:565px;
	clear:both;
	margin:0;
	padding:0 10px 0 385px;
	background-color:#f7e3c7;
	background-image:url(systemimages/main-background.png);
	background-position:top;
	background-repeat:repeat-x;
}

#text {
	background-color:#f7e3c7;
}

#main h2 {
	margin:0 0 .25em 0;
	padding:4px 0;
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:230%;
	font-weight:normal;
	line-height:1.4em;
	color:#333;
	background-color:transparent;
	border-bottom:1px solid #474747;
	clear:both;
}

#main h3, #text h3 {
	margin:0 0 .25em 0;
	padding:4px 0;
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:160%;
	font-weight:normal;
	line-height:1.4em;
	color:#333;
	background-color:transparent;
}

#main p.center, #text p.center {
	text-align:center;
}

#main p.photo, #text p.photo {
	font-style:italic;
	text-align:center;
	clear:both;
}

#mainphotobox {
	display: inline;
}

#main p.date, #text p.date {
	font-style:italic;
	font-weight:bold;
	text-align:right;
	padding-right:30px;
	color:#333;
}

#main a:link, #text a:link {
	text-decoration:underline;
}

#main a:visited, #text a:visited {
	text-decoration:underline;
}

#main h2 a:link {
	text-decoration:none;
	color:#333;
}

#main h2 a:visited {
	text-decoration:none;
	color:#333;
}

#main em, #text em {
	font-style:italic;
}

#main adresse, #text adresse {
	font-style:italic;
}

#main li, #text li {
	list-style-type:circle;
	margin:6px;
}

#main blockquote, #text blockquote {
	border:1px solid #474747;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	color:#3e3e3e;
	background-color:#f7e3c7;
	background-image:url(systemimages/main-background.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:0 10px;
	clear:both;
}

#main img, #text img {
	border:1px solid #474747;
}

#main img.inline, #text img.inline {
	margin:0 4px;
}

#main img.floatright, #text img.floatright {
	float:right;
	margin:10px 25px 10px 10px;
}

#main img.floatleft, #text img.floatleft {
	float:left;
	margin:10px 10px 10px 25px;
}

#main a img, #text a img {
	border:none;
}

#main table {
	width:550px;
}

#paginator {
	border-top:1px solid #474747;
	text-align:center;
}

#paginator img {
	border:none;
	vertical-align:middle;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Calendar
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#calendar div {
	clear:both;
}

#calendar ul {
	padding:0;
	margin:10px 0;
	width:560px;
	clear:both;
}

#calendar li {
	margin:2px;
	list-style-type:none;
	display:block;
	float:left;
	/* hack pga. IE6 - START */
	min-height:200px; /* W3C */
	height:auto !important;  /* overtrumfer koden til IE6 */
	height:200px;  /* til IE6 */
	/* hack pga. IE6 - END */
}

#calendar div.month {
	width:180px;
	border:1px solid #b5b5b5;
}

#calendar div.monthname {
	padding:2px 0;
	text-align:center;
	font-weight:bold;
	background-image:url(../shared/systemimages/main-background.png);
	background-position:top;
	background-repeat:repeat-x;
}

#calendar div.monthtext {
	padding:0 4px;
	overflow:hidden;
}

#calendar p {
	padding:2px 0;
	margin:0;
}

#calendar img {
	height:100px;
	width:180px;
	border:none;
}

#calendar hr {
	padding:0;
	margin:0;
	visibility:hidden;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Sidebar - Menu, Kategorier, kommentare og artikler
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#sidebar {
	position:absolute;
	top:280px;
	left:33px;
	clear:none;
	float:left;
	z-index:2;
	width:334px;
	margin:0;
	border:1px solid #b5b5b5;
	background-color:#fff;
	background-image:url(systemimages/sidebar/sidebar-background.gif);
	background-position:center;
	background-repeat:repeat-y;
}

#sidebar .box {
	padding:0 25px 43px 25px;
	background-image:url(systemimages/sidebar/sidebar-hr-background.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#sidebar img {
	border:1px solid #b5b5b5;
}

#sidebar .imageslinks img {
	width:95px;
	height:100px;
	margin:4px 0;
	border:1px solid #b5b5b5;
}

#sidebar img.imageslinks1 {
	width:95px;
	height:100px;
	margin:4px 0;
	border:1px solid #b5b5b5;
}

#sidebar img.imageslinks2 {
	width:205px;
	height:44px;
	margin:4px 0;
	border:1px solid #b5b5b5;
}

#sidebar img.imageslinks3 {
	width:205px;
	height:67px;
	margin:4px 0;
	border:1px solid #b5b5b5;
}

#sidebar img.imageslinks4 {
	width:205px;
	height:57px;
	margin:4px 0;
	border:1px solid #b5b5b5;
}

#sidebar img.imageslinks5 {
	width:205px;
	height:71px;
	margin:4px 0;
	border:1px solid #b5b5b5;
}

#sidebar .imageslinks ul {
	margin:20px 0 0 0;
	text-align:center;
}

#sidebar .imageslinks li {
	margin:0 4px 0 4px;
	display:inline;
}

#sidebar ul {
	margin:0 0 0 10px;
}

#sidebar ul.imageslinks {
	margin:0;
}

#sidebar p.photo {
	font-style:italic;
	text-align:center;
}

#sidebar .boxphoto {
	padding:0 25px 43px 25px;
	background-image:url(systemimages/sidebar/sidebar-hr-background.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	font-style:italic;
	text-align:center;
}

#sidebar .boxphoto h1 {
	visibility:hidden;
	display:none;
}

#sidebar h1 {
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:140%;
	font-weight:lighter;
	line-height:1.2;
	padding:0;
	margin:0 0 6px 0;
	clear:both;
}

#sidebar h1.headline {
	font-size:230%;
	font-weight:normal;
	text-align:center;
}

#sidebar h2 {
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:120%;
	line-height:1.2;
	padding:0;
	margin:0;
	clear:both;
}

#sidebar a:link {
	color:#58a;
	background-color:inherit;
	text-decoration:none;
}

#sidebar a:visited {
	color:#58a;
	background-color:inherit;
	text-decoration:none;
}

#sidebar a:hover {
	color:#f63;
	background-color:inherit;
	text-decoration:underline;
}

#sidebar input.searchfield {
	color:#222;
	background-color:#eee;
	margin:0;
	padding:2px;
	width:110px;
	border:1px solid #ccc;
}

#sidebar input.searchfield:hover {
	border:1px solid #eee;
}

#sidebar input.searchbutton {
	color:#222;
	background-color:#eee;
	margin:0;
	padding:1px;
	border:1px solid #ccc;
	font-weight:bold;
}

#sidebar input.searchbutton:hover {
	color:#bcd;
	cursor:pointer;
	background-color:#ddd;
	border:1px solid #eee;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Sidebar Top
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#sidebartop {
	height:33px;
	background-image:url(systemimages/sidebar/sidebar-top-background.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Sidebar Bottom
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#sidebarbottom {
	height:33px;
	background-image:url(systemimages/sidebar/sidebar-bottom-background.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Search in Sidebar
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#search {
	padding:0 25px 43px 25px;
	background-image:url(systemimages/sidebar/sidebar-hr-background.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#search span {
	visibility:hidden;
	font-size:0;
}

#search p {
	text-align:center;
	padding:0;
	margin:0;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Footer in Sidebar
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

#footer {
	margin:0 25px;
	clear:both;
	text-align:center;
}

#footer img {
	height:15px;
	width:90px;
	border:none;
}

#footer ul {
	margin:0;
}

#footer li {
	margin:0 4px 0 4px;
	display:inline;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
sNews
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

fieldset {
	border:1px solid #ccc;
	padding:10px 8px;
	margin:0 0 8px 0;
	background-color:#efe;
	color:#000;
	clear:both;
}

.comment {
	padding:10px;
	margin:0 0 10px 0;
	border-top:1px solid #ccc;
}
.commentsbox {
	padding:10px;
	margin:0 0 10px 0;
	border-top:1px solid #ccc;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Textarea
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

textarea {
	width:97%;
	height:20em;
	padding:3px;
}

textarea.text {
	height:150px;
	width:90%;
	border:1px solid #ccc;
	background-color:#fff;
	color:#000;
}

textarea.text:hover {
	border:1px solid #eee;
	background-color:#fff;
	color:#000;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
Input
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

input {
	padding:3px;
	margin:0;
}

input.search {
	border:1px solid #ccc;
	padding:4px;
	width:160px;
}

input.field {
	border:1px solid #ccc;
	background-color:#3c3c3c;
	width:100px;
	color:#000;
}

input.field:hover {
	border:1px solid #eee;
	background-color:#ccc;
	color:#000;
}

input.text {
	margin:0;
	width:110px;
	border:1px solid #ccc;
	background-color:#fff;
	color:#000;
}

input.text:hover {
	border:1px solid #eee;
}
