/* Folk&Fag mobil, Arild Garde og Heine V. Kristensen @ SHRPA 2010 */

html 		{}
body 		{ margin: 0; padding: 6px 0; min-width: 176px; max-width: 480px; background-color: #fff; font: normal small Arial, sans-serif; }
h1,h2,h3 	{ margin: 0; padding: 0; }
h2	{ clear: both; }
h1 			{ font: bold large Arial; color: #444; padding: 5px 5px 2px; margin: 5px 0 0; 
			background: url(../Images/grad-down-20-hi.gif) left bottom repeat-x; border-bottom: 1px solid #aaa; }
.vis 		{ text-align: right; }
img			{ border: none; }
label		{ font-weight: bold; color: #444; }
a			{ color: #003457; text-decoration: none; }
a:hover		{ text-decoration: underline; }
p			{ margin: auto 0 .6em; }
.clr		{ height: 1px; overflow: hidden; clear: both; display: block; }

/* midlertidigt */
#temp		{ color: #060; background-color: #fdf; margin: 20px; border: 4px double red; padding: 10px; }
#temp p		{ margin: 0; }
/**/

/* top */ 
#topbar			{ text-align: center; padding-top: 5px; }
div.search		{ background: url(../Images/grad-down-40.gif) left bottom repeat-x; border-bottom: 1px solid #aaa; padding: 5px 3px; }
.sub .xBreak	{ display: none; }
.front div.search	{ text-align: center; background: url(../Images/grad-down-60.gif) left bottom repeat-x; border-bottom: 1px solid #aaa; padding: 20px 5px; }
.sub div.search label	{ font-size: small; } 
.front div.search	{}
div.search		{ text-align: center; }
.sub div.searchH		{ text-align: left; width: 170px; margin: 0 auto; }
/* large phone: .sub div.searchH		{ text-align: left; width: 230px; margin: 0 auto; } */

/* profil / person */
#profil, .person		{}
.profilH, .printH, .routeH, .holdit, .pageH		{ margin: 10px 5px; }
#profil img { margin: 0; }
#profil p	{ margin: .8em 0; }
#profil ul, #profil li, #profil dl, #profil dt, #profil dd	{ margin: 0; padding: 0; list-style: none; }
#profil li, #profil dd	{ margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
#profil dt	{ margin-top: 10px; padding-bottom: 3px; display: block; font-weight: bold; border-bottom: 1px solid #ddd; }
#profil ul { border-top: 1px solid #ddd; }
.url a, .mail a, .tel a, .map a, .rejs a, .print a	{ background: url(../Images/ico-info.gif) 0 center no-repeat; padding: 5px 0 4px 22px; width: auto; display: block; }
.mail a		{ background-image: url(../Images/ico-mail.gif); }
.tel a		{ background-image: url(../Images/ico-mobil.gif); }
.map a		{ background-image: url(../Images/ico-map.gif); }
.rejs a		{ background-image: url(../Images/ico-rp.gif); }
.print a	{ background-image: url(../Images/ico-hand.gif); }

/* result */
.vis		{ background: url(../Images/grad-up-20.gif) left -8px repeat-x; /*border-top: 1px solid #aaa;*/ padding: 5px 10px; }
.res ol, .res ol li	{ margin: 0; }
.res ol li			{ border: 1px solid #bbb; border-width: 1px 0 0; margin: 0 10px 0 0; padding: 3px; }
.res ol li.work	{ background: url(../Images/grad-up-60-hi.gif) left -20px repeat-x; }
.res ol li.home { background: url(../Images/grad-up-60.gif) left -20px repeat-x; }
p.shoMore, .resH p	{ padding: 5px 10px; margin: 0; border-bottom: 1px solid #bbb; }
p.noRes	{ font-weight: bold; color: #900; border: none; }

.res ul, .res ul li	{ margin: 0; padding: 0; list-style: none; }
.res ul				{}
.res ul li			{ border-top: 1px solid #bbb; clear: both; padding: 3px; height: auto; display: block; }
.res ul li.work, .res ul li.work2	{ background: url(../Images/grad-up-60.gif) left -20px repeat-x; }
.res ul li.home, .res ul li.home2 	{ background: url(../Images/grad-up-60.gif) left -20px repeat-x; }
.res li a			{ display: block; padding: 0 10px 0 0; }
.res li.work2 .ico { background: url(../Images/ico-fag.gif) 5px 10px no-repeat; padding: 0; }
.res li.home2 .ico { background: url(../Images/ico-folk.gif) 5px 10px no-repeat; padding: 0; }
.res li img			{ display: none; }
span.contact 		{ display: block; background: url(../Images/profi-arrow.gif) right center no-repeat; margin-left: 40px; }

/* -- kort -- */
.routeH label { font-weight: bold; color: #000; float: left; width: 36px; }
.routeH .ip-M { font: normal small Arial; width: 110px; margin: 1px 0 3px; }
.routeH dl { display: block; }
.routeH dt { font-weight: bold; float: left; width: 36px; }
.routeH dt label { margin: 0; }
.routeH dd { margin: 0 0 10px; padding: 0; list-style: none; float: left; }
.routeH .ipb-M { font: bold small Arial; width: 69px; margin: 0 3px 10px 0; clear: both; display: block; }
#gMap		{}
.gMapRoadDirection { display: block; height: 330px; clear: both; margin-right: 20px; }
/*.gMapRoadDirection { display: block; height: 330px !important; overflow: hidden; clear: both; width: 85% !important; text-align: center; margin: 10px auto 0 auto !important; }*/
p.helper	{ clear: both; margin: 7px 0 2px 35px; font-weight: bold; color: #900; }
ul.ruteList, ul.ruteList li	{ margin: 0; padding: 0; list-style: none; }
ul.ruteList		{ border-top: 1px solid #bbb; margin-left: 35px; }
ul.ruteList li	{ border-bottom: 1px solid #bbb; clear: both; padding: 3px; height: auto; display: block; }

/* -- print -- */
#pa { paddingX: 10px 0; text-alignX: center; }


/* foot */
#foot ul, #foot li	{ margin: 10px 0; padding: 0; list-style: none; }
#foot li	{ margin: 0 5px 5px 10px; }
#foot li a	{ background: url(../Images/bullit.gif) left center no-repeat; padding-left: 10px; }
#foot		{ margin: 10px 0 0; background: url(../Images/grad-down-60-hi.gif) left bottom repeat-x; border-bottom: 1px solid #aaa; }
#foot h2	{ background: url(../Images/grad-up-20-hi.gif) repeat-x; /*border-bottom: 1px solid #ccc;*/ border-top: 1px solid #aaa; 
			font: bold small Arial; padding: 3px 5px; color: #333; }
.author		{ font-size: x-small; color: #222; padding: 0 5px 5px; margin: 0; text-align: center; }
.backie	a	{ padding: 5px; display: block; }

/* forms */
.ip-S	{ font: normal small Arial; width: 200px; margin: 1px 0 3px; }
.front .search .ip-S	{ width: 155px; }
.sub .search .ip-S	{ width: 90px; }
/* large phone: .sub .search .ip-S	{ width: 150px; } */
.ips-S	{ font: normal small Arial; width: 94px; margin: 0; }
.ipb-S	{ font: bold small Arial; width: 49px; margin-right: 3px; color: #000; }
.ipb-XS	{ font: bold small Arial; width: 39px; color: #000; }
/*.ipb-S	{ font: bold small Arial; width: 59px; margin-right: 3px; background: transparent url(../Images/knap.gif) no-repeat; 
			color: #fff; height: 22px; border: none; }*/
.ipb-SS	{ font: bold small Arial; width: 49px; margin-right: 3px; background-color: transparent; 
			color: #000; height: 22px; border: none; display: inline; }
code	{ font-size: 12px; }