/* partyskolan.com */

img { behavior: url(/includes/htc/pngbehavior.htc); }	/* IE workaround för genomskinliga png-bilder */
body { background-color:#528749; }
body,td,th,div { font-family: Verdana; color: #333; font-size: 11px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000000; font-weight: bold; float: left; width: 100%; border-bottom: 1px solid #CCC;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color: #555; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #555; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #555; }
hr { height: 1px; border:1px solid #CCC; }
a { color:#990000; text-decoration: none; font-weight:bold; }
a:hover { text-decoration: underline; }

div.spalt1 { width:130px; height: 100%; text-algin: left; float:left; }
div.spalt2 { width:621px; height: 100%; text-algin: left; float:left; overflow:auto; }
div.spalt3 { width:501px; height: 100%; text-align:left; border-right:1px solid #CCC; float:left; }
div.spalt4 { width:249px; height: 100%; text-align:left; float:left; }

div.green-container { background-color:#d7e7d5; border: 1px solid #95ac91; padding:10px; margin-bottom:10px; }
span.small-margins p { margin-top:0px; margin-bottom:13px;}

#margins { margin-top:40px; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; height:400px; }

#button-logout,#button-login { float: right; border: 0px; }

#container-main { width: 800px; margin:0px auto; }
#container-content { width: 752px; background-color: #FFF; float:left; margin: 0; padding: 0; }
#footer { background: url(/img/ner.gif);  width: 752px; height: 28px; float: left; }

/* form prototyp med labels */
form.simpleform { width: 400px; }
form.simpleform label { clear: left; float: left; width: 130px; }
form.simpleform input { float: left; margin-bottom: 4px; }
form.simpleform input.text,input.text-readonly { border: 1px #CCC solid; padding:1px; border-top-color:#999; width: 250px; font-weight:bold;}
form.simpleform input.text-readonly { background-color:#DDDDDD;}
form.simpleform p { float: left; margin-bottom: 20px; }
form.simpleform select { border: 1px #CCC solid; padding:3px; border-top-color:#999; font-family:verdana; font-weight:bold; font-size:11px; width:250px; }

form { margin-bottom:0px; }
input.text { font-family:verdana; border: 1px #CCC solid; padding:1px; border-top-color:#999; font-weight:bold; margin-bottom:7px;}

/* grön submit knapp*/
a.button,
input.button { font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(/img/btngradient.gif); 
		   		color:#FFF; font-weight:bold; border:0px; cursor: pointer; font-size:11px;
		  		 margin:2px; padding:3px; margin-bottom:7px;
		 	  }
a.button:active { background-image:url(/img/btngradient_active.gif); }
a.button:hover { text-decoration: none; }



/* nummer sorterad lista */
ul.ordered-list { list-style:decimal;}

/* topmeny + submenu */
#topmenu { width: 752px; height: 100px; background-repeat:no-repeat; position: relative; float:left; }
#topmenu-items { position: absolute; bottom: 0px; left: 40px; }
#topmenu-items img { margin: 0px; border: 0px; }
#topmenu-logo { position: absolute; top: 30px; left: 40px; }
#submenu { width: 750px; height: 24px; background-color:#299946; float:left; border-left-color:#FFFFFF; border-left-style:solid; border-left-width:1px; border-right-color:#FFFFFF; border-right-style:solid; border-right-width:1px; border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:1px; }

/* sex punkter till höger */
#sixpoints { margin-left:20px; margin-top:50px; font-weight:bold; width:180px; }
#sixpoints-list { list-style:none; padding-left:0; margin-left:0; }
#sixpoints-list li { margin-bottom: 10px; }
#sixpoints-list img { margin-right:10px; vertical-align:middle; cursor:pointer; }

/* Popuplager - 6 punkter till färdigutbildad bartender */
#sixpoints-window-container { display:none;	position:absolute; z-index:99; width:501px; height:400px; padding:0; }
#sixpoints-window-teoriprov { border: 1px solid #999; margin-bottom:10px;}
#sixpoints-window-teori,
#sixpoints-window-praktik { margin-bottom: 10px; }
#sixpoints-window {	position:absolute; left:40px; width: 410px; top:40px; height:325px; }
#sixpoints-window a { font-size:13px; }
#sixpoints-window-header { position:absolute; left:0px;	top:0px; z-index:200;}
#sixpoints-window-number { position:absolute; right:0px; top:0px; z-index:200; }
#sixpoints-window-next { position:absolute;	right: 0px;	bottom: 0px; z-index:200; border:0px; }
#sixpoints-window-close { position:absolute; left:0px; bottom:0px; z-index:200; border:0px; }
#sixpoints-window-text { position:absolute; width: 410px; top:50px; height:150px; }