/* Fontänhuset */

* { margin: 0; padding: 0; list-style: none; }

body { background: #333 url(images/bg.gif) center repeat-y; color: #333; text-align: center; font-size: 12px; font-family: Verdana, Arial, Helvetica sans-serif; }

a { color: #712740; text-decoration: none; }
a:hover { text-decoration: underline; }

.logo a img{ border: 0; text-decoration: none; border-right: 1px solid #CCC; }

#menu a.active{ background: #712740; color: #FFF; padding: 1px 3px; }

#container { margin: 0 auto; width: 920px; text-align: left; }

.logo { float: left; }

#topnav { float: left; width: 580px; }
#topnav ul li{ display: inline; border-right: 1px solid #CCC; padding: 6px 10px 0 0; margin: 5px 10px 0 0; }
.topnav { text-align: left; padding: 6px 0 0 0; }
.topnav a { text-decoration: none; color: #333; font-size: 11px; }
.topnav a:hover { color: #712740; }

#search { float: right; width: 190px; text-align: right; padding: 6px 3px 6px 7px; margin: 0; }
.search { background: #FFF url('images/sok.gif') no-repeat; padding: 3px 5px 3px 20px; border: 1px solid #999; font-size: 11px; }

#menu { padding: 20px 0 10px 0; float: left; width: 920px; margin: 0 0 10px 0; color: #3A525D; }
.meny ul li{ float: left; width: 125px; padding: 0 10px; border-right: 1px solid #CCC; height: 80px; text-align: center; } 
.meny input{ margin: 4px 0 0 0; border: 0; text-decoration: none; }
.meny a input{ border: 0; text-decoration: none; }
#menu ul li { display: inline; }
#menu ul li a { color: #712740; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: -1px; margin: 0 0 10px 0; }
#menu ul li a:hover { text-decoration: none; }

#sidebar { float: left; width: 169px; margin: 10px 10px 10px 0; color: #333; border-right: 1px solid #CCC; /* min-height ska bort */ min-height: 500px; }

.undermeny_1 { margin-bottom: 20px}
.undermeny_1 ul { padding: 0; margin: 0; }
.undermeny_1 li a { display: block; padding: 6px 2px 6px 10px; margin: 0; border-bottom: 1px solid #CCC;  }

.undermeny_2 ul { padding: 0; margin: 0;  }
.undermeny_2 li a { display: block; padding: 6px 2px 6px 20px; margin: 0; border-bottom: 1px solid #CCC;   }

.undermeny_3 ul { padding: 0; margin: 0; }
.undermeny_3 li a { display: block; padding: 6px 2px 6px 30px; margin: 0; border-bottom: 1px solid #CCC;  }

.undermeny h2 { font-size: 16px; margin: 10px 0 0 0; padding: 0;  color: #333; }

#sidebar h1{ font-size: 16px; margin: 5px 0 0 0; padding: 2px 0 2px 10px;  color: #333;  }
#main h1 { font-size: 16px; margin: 10px 0 5px 0; padding: 0;  color: #333; }
h6 { font-size: 12px; display: block; cursor: default; }
.sponsorer img { margin: 5px 0; }
.sponsorer ul li { padding: 2px }

.logincontainer { background: url('images/postit.gif') no-repeat; height: 128px; padding: 15px 17px; font-style: italic; }
.logincontainer ul li { width: 125px; margin: 0 0 3px 0; }

.sponsorer { padding: 10px; }
.login { width: 90%; padding: 3px 5px; border: 1px solid #999; font-size: 11px; }
.loginbtn { margin: 6px 0; }
.logintext { font-size: 11px; }

#front { float: left; background: #712740; padding: 5px; }
#front p{ font-size: 120%; color: #FFF; }
#front h1 { font-size: 200%; color: #FFF; }

#welcome { float: left; width: 500px; margin: 15px 0 0 0; }
#welcome h1, #welcome h2, #welcome h3, #welcome h4, .post h2 { font-size: 18px; font-weight: lighter; letter-spacing: -1px; color: #333;  margin: 0; padding:0}
#welcome h1 { font-size: 24px; }
.welcome { padding: 0 10px; }
#main { float: left; width: 229px; margin: 10px 0 0 0; padding: 0 0 0 10px; border-left: 1px solid #CCC; /* min-height ska bort */ min-height: 500px; }

.post h2{ font-size: 18px; font-weight: lighter; letter-spacing: -1px; color: #333;  }
.post h2 a{ color: #333; text-decoration: none; }
.post h2 a:hover{ text-decoration: underline; } 
.post { padding: 0; margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #CCC; }
.post p { padding: 5px 0 10px 0; font-size: 11px; }

.meta { font-size: 11px; padding: 2px; }

.tf { border: 1px solid #333; padding: 20px 5px; }

.ui-accordion-header { display: block; background: #E8E8E8; padding: 3px 6px; color: #333; }
#accordion p { padding: 5px; }

#footer { float: left; width: 920px; }
.footer { padding: 10px; margin: 10px 0 0 0; border-top: 1px solid #CCC; }

.undermeny_1 { background: #712740; color: #FFF;}
.undermeny_1 a { color: #FFF; }
.undermeny_2 a, .undermeny_3 a{ color: #712740; }
.undermeny_2 { background: #EEE; color: #712740; }
.undermeny_3 { background: #FFF; color: #712740; }

.main_button1, .main_button2, .main_button3, .main_button4, .main_button5 { border: 0; margin: 3px 0 0 0; }

.info_box { margin: 30px 0 0 25px; background: #EEE; color: #333; padding: 10px; border-bottom: 3px solid #CCC; border-right: 3px solid #CCC; }