/*************** CSS DOCUMENT SVENSKA WELLPAPPFÖRENINGEN ***************/
/********** Webdesign by: Carnelo Design www.carnelodesign.se **********/

body {
	background: #7b796e; 
	font: 75%/100% Verdana,Arial,Helvetica,Geneva,sans-serif; 
	color: #434343; 
} 

p { 
	font-size: 1em;
}


/********** Headers **********/
.big {
	font-size: 1.5em; 
	font-weight: bold;
	color: #393939; 
} 

h1 {
	font: 1.4em Arial, Verdana, Helvetica, Geneva, sans-serif; 
	font-weight: bold;
	margin: 0;
	padding: 0; 
	color: #393939;
} 

h2 {
	font-size: 1em; 
	font-weight: bold;
	color: #393939; 
	margin-bottom: 2px; 
} 


/********** Links **********/
a:link {
text-decoration: none; 				/* unvisited link */
color: #434343; 
}

a:visited {		
text-decoration: none; 				/* visited link */
color: #434343; 
}

a:active {	
text-decoration: none; 				/* selected link */
color: #434343; 
}

a:hover {	
text-decoration: underline; 			/* mouse over link */
color: #434343; 
}


/********** Bordered links **********/
a.dotted:link {
color: #434343;
text-decoration: none;
border-bottom: 1px dotted #434343;
}

a.dotted:visited {
color: #434343;
text-decoration: none;
border-bottom: 1px dotted #434343;
}

a.dotted:active {
color: #434343;
text-decoration: none;
border-bottom: 1px dotted #434343;
}

a.dotted:hover {
color: #434343;
text-decoration: none;
border-bottom: 1px dotted #434343; 
}

.dotted {
padding-bottom: 1px;
}


/********** Copyright links **********/

a.copy:link {
text-decoration: none; 				/* unvisited link */
color: #fff; 
}

a.copy:visited {		
text-decoration: none; 				/* visited link */
color: #fff; 
}

a.copy:active {	
text-decoration: none; 				/* selected link */
color: #fff; 
}

a.copy:hover {	
text-decoration: underline; 			/* mouse over link */
color: #fff; 
}


/********** Lists **********/
ul {
	margin: 17px; 
	padding: 0; 
	list-style-image: url(../bilder/arrow.png); 
} 

li {
	margin-bottom: 10px; 
} 

.spacebottom {margin-bottom: 30px;}


/********** Form **********/
.fields {
	border: 1px solid #434343; 
	color: #434343;
	background-color: #e9e9e9;
}


/********** Tables **********/
.form {
	width: 232px;
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: left;
}

.tdform {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}


table {
	width: 400px;
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

td {
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 0.9em; 
	text-align: left; 
}


.tbl .a {
	padding: 10px 15px 8px 15px;
	color: #444;
	background: #F5F5F5;
	background-repeat: repeat-x;
	background-image: url(../img/bg_ta.gif);
}

.tbl .b {
	padding: 0 0 0 20px;
}

.tbl .c {
	padding: 10px 15px 8px 15px;
	color: #444;
	background: #fff;
}

.tbl .d {
	padding: 10px 15px 8px 15px;
	color: #444;
	background: #F3F3F3;
}

.tbl .e {
	padding: 0;
	height: 2px;
	border-bottom: 1px solid #ccc;	
}

.tbl .f {
	padding: 0;
	width: 2px;
	height:1px;
	background: url(../img/bg_tf.gif);
	background-repeat: repeat-y;
}

.grey {
	color: #999;
}


/********** Layout Containers **********/
#main {
	position: relative; 
	left: 0; 
	top: 0; 
	width: 700px; 
	height: 597px;
	margin: 0 auto; 
	text-align: center; 
} 

#top {
	position: absolute; 
	left: 6px; 
	top: 5px; 
	width: 688px; 
	height: 44px; 
} 

#marg_left_lbrown {
	position: absolute; 
	left: 6px; 
	top: 49px; 
	width: 12px; 
	height: 546px; 
} 

#banner {
	position: absolute; 
	left: 18px; 
	top: 49px; 
	width: 664px; 
	height: 105px; 
	background-image: url(../images/banner.jpg); 
} 

#marg_right_lbrown {
	position: absolute; 
	left: 682px; 
	top: 49px; 
	width: 12px; 
	height: 546px; 
} 

#topmenu {
	position: absolute; 
	left: 18px; 
	top: 154px; 
	width: 664px; 
	height: 1px; 
} 

#MenuPos {
	position: absolute;
	left: 18px;
	top: 155px;
	width: 664px;
	height: 20px;
	background-image: url(../images/bglinks.jpg);
	visibility: visible;
} 

#content {
	position: absolute; 
	left: 18px; 
	top: 175px; 
	width: 664px; 
	height: 420px;
	background-color: #fff;
	overflow: auto; 	
} 

#rub1 {
	position: absolute; 
	left: 10px; 
	top: 15px; 
	width: 420px; 
	height: 20px; 
	z-index: 1; 
	text-align: left; 
} 

#text {
	position: absolute; 
	left: 10px; 
	top: 40px; 
	width: 395px; 
	height: 201px; 
	z-index: 2; 
	text-align: left; 
	line-height: 18px; 
} 

#bgbottom {
	position: absolute; 
	left: 0; 
	top: 595px; 
	width: 700px; 
	height: 25px; 
	visibility: visible; 
	background-color: #7b796e; 
} 

#copyright {
	position: absolute; 
	left: 17px; 
	top: 595px; 
	width: 666px; 
	height: 20px; 
	visibility: visible; 
	background-color: #7b796e; 
	text-align: left; 
} 

#postaddress {
	position: absolute; 
	left: 0px; 
	top: 170px; 
	width: 190px; 
}

#visitaddress {
	position: absolute; 
	left: 225px; 
	top: 170px; 
	width: 190px; 
}


/* Indexpage */

#rub1_indexpage {
	position: absolute;
	left: 2px;
	top: 10px;
	width: 640px;
	height: 380px;
	text-align: left;
} 

#intro {
	position: absolute;
	left: 0;
	top: 0;
	width: 640px;
	height: 380px;
	text-align: left;
}

/* End Indexpage */


/********** Image Containers **********/

#text_imgleft {
	position: absolute; 
	left: 10px; 
	top: 35px; 
	width: 600px; 
	height: 201px; 
	z-index: 2; 
	text-align: left; 
	line-height: 18px; 
} 

#img_container {
	position: absolute; 
	top: 25px; 
	width: 210px; 
	background-color: #fff; 
	left: 415px; 
} 

#img_tryck {
	position: absolute; 
	top: 115px; 
	width: 205px; 
	height: 205px; 
	background-color: #fff; 
	left: 300px; 
}


/********** Image classes **********/
.img {border: 0;} 

.padding {padding-top: 15px;}

.img_position {
	position: absolute;
	width: 210px;
	background-color: #fff;
	left: 405px
}

.float {
	float: left;
	padding: 5px 15px 0px 0px;
}


/********** Copyright Area classes **********/
.copyright {
	color: #fff; 
	margin: 3px 0 0; 
	float: left; 
	height: 25px; 
	font-size: 0.8em; 
} 

.imgxhtml {
	float: left; 
	margin: 2px 5px 0 0; 
} 

.imgcss {
	float: left; 
	margin: 2px 5px 0 0; 
} 


/********** Dividers **********/
.divider {
	border-top: 1px dotted #666;
	margin-bottom: 2px;
	border-bottom: 1px dotted #666;
}