address, blockquote, dl, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre { margin:0; padding:0; }
body, input, textarea, select { color: #2f2f2f; }
body, table, input, div, textarea, select { font-size: 12px; }
body, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; border: none; min-height: 100%; margin-bottom: 1px; text-align: center; background-color: #333333; }
div { padding: 0px; border: none; font-size: 100%; }
table { margin: 0px; border-collapse: collapse; border-spacing: 0px; border: none; font-size: 100%; }
td { padding: 0px; border: none; text-align: left; vertical-align: top; }
hr { border: none; height: 1px; background-color: #e2eaed; color: #e2eaed; padding: 0px; margin: 1em 0em; background-position: center center; background-repeat: repeat-x; }
li { list-style-type: none; }
p { margin: 1em 0px; }
form { margin: 0px; }
pre, code {	font-family: "courier new", monospace; font-size: 90%; }
img { padding: 0px;	margin: 0px; border: none; }
a { text-decoration: underline; color: #333333; font-size: 12px; line-height: 18px; }
a:hover { color: #0000FF; text-decoration: none; font-size: 12px; line-height: 18px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0em 0; }
h1 { font-size: 160%; font-family: Franklin Gothic Book,Franklin Gothic Book,Arial, Helvetica, sans-serif; color:#333333; font-weight: bold; line-height: 1.2em; letter-spacing: -0.5px; margin: 0 0 0.3em 0; }
h2 { font-size: 15px; font-family: Franklin Gothic Book,Franklin Gothic Book,Arial, Helvetica, sans-serif; letter-spacing: -0.5px; color:#333333; line-height: 1.4em; margin-bottom: -0.5em; font-weight: bold; }
h3 { font-family: Franklin Gothic Book,Franklin Gothic Book,Arial, Helvetica, sans-serif; color:#333333; font-weight: bold; line-height: 1.2em; letter-spacing: -0.5px; margin: 0 0 0.3em 0; }


/* CONTAINER */
	
#container { margin: 0px auto; text-align: center; margin-top: 0px; width: 1080px; /* mandatory to be centered */ height: auto !important; }
	
/* HEADER */

#top { background: url("/bilder/backgroundWhiteToGray.jpg") repeat-y; height: auto; width: 1000px; position:relative; margin: 0px auto; }

#loginbar { position: absolute;height: 35px; width: 1000px; position:relative; margin: 0px auto; background: #AA0432;}
#login_div { padding: 5px; width: auto; height: 35px; float: right; margin-right: 5px; }

#login_div .link { color: #FFF; text-decoration: none; border: none; float: left; font-size: 14px; margin-left: 10px; }
#login_div .alt { color: #FFF; padding: 5px 10px 5px 10px;  float: left; text-decoration: none; border-right: 1px solid #666; }

#login_fancybox { width: 200px; background: #AA0432; color: #FFFFFF; padding: 20px;	}
#login_fancybox h1 { color: #FFFFFF; text-align: center; }

#header { height: 150px; width: 1000px; background: url("https://gumo.se/bilder/topbackgroundRedWave.jpg") no-repeat; position:relative; text-align: center; margin: 0px auto; }
#logotype { width: 260px; height: 65px; float:left; margin: 0px; padding: 0px; margin-left: 115px; margin-top: 35px; }

#navbar { height: 25px; width: 850px; repeat-y; position:relative; margin: 0px auto; text-align: center; border-bottom: 1px solid #777; }
#subnavbar { height: 25px; width: 850px; repeat-y; position:relative; margin: 0px auto; text-align: center; }
#navbar a, #subnavbar a, #subnavbar p { text-decoration: none; color: #000000; font-size:14px; font-family: Franklin Gothic Book,Franklin Gothic Book; /*margin: 0px 8px;*/ color: #5B5A55; }
#navbar a:hover, #subnavbar a:hover { text-decoration:underline; }

/* CONTENT - Recept, kartor, sida */

.inputsubmit {width: auto; min-width: 180px; height: 30px; background: #AA0432; color: #FFF; font-weight: bold; border-radius: 10px; }

#content { width: 1000px; height: auto !important; background: url("/bilder/backgroundWhiteToGray.jpg") repeat-y; margin: 0px auto; padding: 0px; height: 1000px; min-height: 1000px; position:relative; z-index: 1;}
#content h1 { color: black; text-align: left; padding-left: 90px; padding-top: 10px; }
#content h3 { color: black; text-align: left; padding-left: 90px; padding-top: 10px; font-size: 20px; }


#content .infobox { width: 850px; height: auto; background: #E8E8E8; border: 1px solid #CCCCCC; border-radius:15px; text-align: left; margin: 0px auto; margin-bottom: 20px; box-shadow: 0px 2px 10px #777;  }
#content .infobox-expandable-w-scroll { width: 850px; height: auto !important; max-height: 500px; height: 200px; overflow-x: hidden; overflow-y: auto; }
#content .infobox-stiff { width: 850px; height: 500px; background: #E8E8E8; border: 1px solid #CCCCCC; border-radius:15px; text-align: left; margin: 0px auto; margin-bottom: 10px; }
#content .infobox p,#content .infobox h1,#content .infobox h2,#content .infobox h3,#content .infobox h4 { padding: 0px 10px; }
#content .infobox img { border: 5px solid #FFF; }
#content .infobox form { padding: 10px; }
#content .infobox table { width: 100%; }
#content .infobox .table-w-border td { border-bottom: 1px solid #CCC; }
#content .infobox .table-w-border .brod { margin: 2px 0px; }
#content .infobox input, select { padding: 2px;}

.h1-in-infobox { padding-left: 10px;}
/* Boka tabeller */
#content .infobox .boka { margin-top: 15px; }
#content .infobox .boka td { border: 1px solid #CCC; }
#content .boka input, select { margin: 4px; }
/* Kartor */
#content .infobox .maps { text-align: center; }
/* Recept */
#content .infobox .img_recept { width: 450px; margin-left: 10px; }
/* Enskild stuga */
#content .infobox .enskildstuga { width: 800px;}
#content .infobox .enskildstuga img { margin-left: 15px; margin-top: 45px; }
#content .infobox .enskildstuga_bilder { margin-left: 10px; margin-top: 5px; }
/* Enskild stuga tillgänglighet */
#content .infobox .tillganglighet { width: 780px; margin-top: 10px; margin-left: 10px; }
/* Visa alla stugor */
#content .listastugor { width: 850px; }
#content .listastugor h1 { margin-top: 16px; }
#content .listastugor img { margin-right: 15px; margin-top: 16px; }

/* SÖKA STUGA */
#sokastuga { width: 850px; height: auto; margin: 0px auto; position:relative; }
.bokalanksql { text-decoration: none; text-align: center; }
.bokaknapp { background: #EEE; border-radius: 5px; border: 1px solid #666; max-width: 250px; width: auto; padding: 3px; margin: 0 auto; }



.vecka_td { background: #D28888; text-align: center; border-bottom: 1px dotted #FFF; } /* #D7ebff */
.vecka { background: url("/bilder/mod_shadow_20px.png") 20px repeat-x #F99; color: #333; } /* #0FF */
.vecka:hover { background: url("/bilder/mod_shadow_20px.png") 20px repeat-x #F66; color: #FFF; } /* #0CF */

.halvvecka1_td { background: #DCB4B4; text-align: center; border-right: 1px dotted #FFF; } /* #A4D4BC */
.halvvecka1 { background: url("/bilder/mod_shadow_20px.png") 20px repeat-x #F99; color: #333; } /* #3C9 */
.halvvecka1:hover { background: url("/bilder/mod_shadow_20px.png") 20px repeat-x #F66; color: #FFF; } /* #096 */

.halvvecka2_td { background: #DCB4B4; text-align: center;} 
.halvvecka2 { background: url("/bilder/mod_shadow_20px.png") 20px repeat-x #F99; color: #333; }
.halvvecka2:hover { background: url("/bilder/mod_shadow_20px.png") 20px repeat-x #F66; color: #FFF; }

.bokaknapp span { font-size: 15px; }

#sokrutan { width: 850px; height: auto; background: #E8E8E8; margin-bottom: 5px; border: 1px solid #CCC; border-radius:10px; box-shadow: 0px 2px 10px #777; overflow:hidden;}
#sokrutan { text-align: center; }
#sokrutan table p { padding: 2px; margin: 0; }
#sokrutan table select { padding: 0; margin: 0; }
#sokrutan table h3 { padding: 0; margin: 10px; color: #FFF; }

#sokastuga .sokalternativ { background: #E8E8E8; width: 850px; border-collapse:collapse; }
#sokastuga .sokalternativ input { margin-left: 10px; }
#sokastuga table { width: 850px; height: auto; margin-bottom: 10px; }	
#sokastuga td { padding: 5px; }

.smastugor img { margin: 8px 10px 0px 10px; width: 140px; height: auto !important; max-height: 95px; height: 95px; border: 5px solid #FFF; border-radius: 5px; }
.smastugor p { padding: 0px; margin: 0px; color: #FFF; text-align: center; }

/* MINA SIDOR 	*/

.minasidor { width: 801px; height: auto; top: 20px;	position:relative; text-align: left; margin: 0px auto; }
.minasidor h1 { padding-left: 10px; }
.minasidor h2 { padding-left: 10px; }
.minasidor a { padding-left: 10px; }
.minasidor .infobox { width: 800px; height: auto; background: #E8E8E8; border: 1px solid #CCCCCC; border-radius:15px; text-align: left; margin: 0px auto; }
.minasidor .infobox p { padding-left: 10px; }
.minasidor table { width: 801px; height: auto; background: #E8E8E8; border: 1px solid #CCCCCC; }
.minasidor td { padding: 5px; border: 1px solid #CCCCCC; }

/* MINA SIDOR - TA BORT BOKNING - FANCYBOX */
	
#minasidor_tabortbokning { background: #AA0432; color: #FFFFFF; padding: 20px; text-align: center; width: 180px; }
#minasidor_tabortbokning a, h1 { text-decoration: none; color: #FFFFFF; }

/* BOKA STUGA */
#content .infobox .stadtext { margin-top: 5px; }

/* STARTSIDAN */

#startLinks { width: 890px; height: 100px; margin: 0px auto; margin-top: 30px; margin-bottom: 15px; text-decoration: none; }
#startLinks .lank { float: left;  border-radius: 15px; width: 270px; height: 100px; margin-left: 20px; box-shadow: 0px 2px 10px #777;  }
#startLinks h3 { float: left; color: #FFF; padding: 15px 110px 0 20px; text-shadow: 2px 2px 8px #000; }
#startLinks img { float: right;}

/* TINYSLIDER */

* {margin:0; padding:0}
#slideshow_wrapper {width:100%; margin:0px auto; }
#slideshow {position:relative; padding:20px; height:160px; }
#slider {margin: 0px auto; position:relative; overflow:auto; width:850px; height:141px; border: 1px solid #999; border-radius: 15px; box-shadow: 0px 2px 10px #777;  }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:850px; height:141px; border-radius: 15px;}

.pagination { margin: 0px auto; position:relative; top:10px; margin-left: 420px; list-style:none; height:25px; }
.pagination li { float: left; cursor:pointer; height: 10px; width: 10px; background:#ccc; margin:0 4px 0 0; border:1px solid #999; }
.pagination li:hover, li.current { background: #FFF; }

/* FOOTER */

#footer { width: 1000px; height: auto; position:relative; text-align: center; }