/**
 * Base style for Bonk.se
 * @author Mikael Berggren <miken@bonk.se>
 */

* { border:none; margin:0; padding:0; text-align:left; }
html { border:none; }

/* Fonts */
body, input, textarea, h1, h2, h3, h4, td, th { font:normal 12px arial,tahoma,verdana; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
.main a { color:#655f54; }
h1 { font-size:1.7em; color:#ed3889; margin-bottom:15px; letter-spacing:-1px; zoom:1; }
h2 { font-size:1.3em; font-weight:bold; margin:9px 0 3px 0; zoom:1; }
p { padding:3px 0 6px 0; }

/* Layout */
body { text-align:center; background:#797265 url(../_res/i/bg.gif) repeat-y center top; margin:0 0 10px 0; }
body > div { width:450px; margin:66px auto 0 auto; }
body > div > a {
	display:block; width:87px; height:35px; margin-bottom:9px;
	background:url(../_res/i/logo.gif) no-repeat;
}
body > div > div {
	border-top:1px solid #c5c2bd; padding-top:8px; background:#fff;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
.menu { background:#655f54; height:28px; text-align:right; overflow:hidden; padding:0 5px; }
.menu ul {
	float:right; line-height:28px; padding:0;
	list-style-image:none; list-style-position:outside; list-style-type:none;
}
.menu ul li { float:left; text-align:center; overflow:hidden; font-size:11px; }
.menu ul a {
	display:inline-block; cursor:pointer; height:28px; padding:0 8px;
	line-height:28px; font-weight:bold; color:#fff;
}
.menu ul a:hover, .kunder .menu ul .m1 a, .kontakt .menu ul .m2 a, .clickTrackr .menu ul .m3 a {
	background:#fff; color:#2aa5d8; text-decoration:none;
}
.breaker { clear:both; height:0; font-size:0px; overflow:hidden; }
.br { height:5px; font-size:0px; overflow:hidden; }

body > div > div .main { padding:30px 30px 80px 20px; }

.box { background:#efefef; padding:3px 6px; margin:3px 0; }
.box p { font-size:1.1em; padding:4px 0; }
.box p.fat { font-size:1.2em; font-weight:bold; border-bottom:1px solid #ccc; }


/* form elements */
input, textarea {
	width:200px; margin-bottom:5px; border:1px solid #c5c2bd; padding:2px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
textarea { overflow:auto; height:100px; }
input.button { text-align:center; background-color:#655f54; color:#fff; font-weight:bold; width:100px; }


/** 2 columns layout */
.columns2 {}
.columns2 .col1, .columns2 .col2 { float:left; width:190px; }

/** Contact page */
.kontakt .col1 { width:200px; }
.kontakt input.button { margin:5px 0 0 100px; }
.kontakt .col2 { width:110px; float:left; margin-left:60px; padding-top:10px; font-size:12px; }
.kontakt .col2 p strong { font-size:14px; }