/* Start CSS-reset */
@import "/smt/user/styles/classes/classes.css";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img,hr { border: none; }
img { vertical-align:top; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

html > body { width:100%; height:100%; }

/* PAGE STRUCTURE */
#body { 
}

	#wrapper { 
	overflow:hidden;
	width:870px;
	margin:20px auto;
	position:relative;
	}	

		#content {
		margin:0px 0px 20px 0px;
		width:100%;
		height: 600px;
		float:left;
		clear:both;
		padding:15px 0px 0px 0px;
		display:inline;
		}
		
		html > body #content {
		min-height:600px;
		height:auto;
		}

			#content-right {
			}
			
				#content-main {
				overflow:hidden;
				
				}
						
			.col1 {
			}

				.col1 #content-related {
				display:none;
				}			

				.col1 #content-left {
				display:none;
				}
			
			.col3 {
			}
			
				.col3 #content-right {
				float:right;
				overflow:hidden;
				width:648px;
				}
	
					.col3 #content-main {
					float:left;
					width:426px;
					overflow:hidden;
					margin-right:17px;
					display:inline;
					}	
					
					.col3 #content-related {
					float:right;
					width:205px;
					overflow:hidden;
					}	
																							
	
				.col3 #content-left {
				float:left;
				width:205px;
				overflow:hidden;
				}
								
		#header {
		height:130px;

		width:870px;
		clear:both;
		}

		#footer {
		clear:both;
		height:30px;
		width:100%;
		}
			
/* PAGE DESIGN */
a:link,a:visited,a:active,a:hover {
color:#2B639A;
text-decoration:none;
}

a:hover {
color:#ff0000;
}

hr {
}

h1 {
font-size:18px;
font-weight:bold;
margin-bottom:5px;
}

h2 {
font-size:16px;
font-weight:bold;
}

p {
margin-bottom:5px;
}

td {
vertical-align:top;
text-align:left;
}

strong {
font-weight:bold;
}

body { 
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}

	#wrapper {
	text-align:left;
	}
		
		#content {
		background-image:url(/smt/user/images/dots.gif);
		background-repeat:repeat-x;
		background-position: top left;
		}
		
			#content-right {
			}
			
				#content-main {
				line-height:18px;
				}

				#content-related {
				}				
									
			#content-left { 
			}

								
		#header {
		background-image:url(/smt/user/images/dots.gif);
		background-repeat:repeat-x;
		background-position: top left;
		}
		
		#footer {
		background-image:url(/smt/user/images/dots.gif);
		background-position:left top;
		background-repeat:repeat-x;
		color:#2B639A;
		font-size:10px;
		line-height:30px;
		}
			
/* GENERAL CLASSES */
.dots-bottom {
background-image:url(/smt/user/images/dots.gif);
background-repeat:repeat-x;
background-position: bottom left;
}

div.dots-bottom,
div.dots-top,
span.dots-bottom,
span.dots-top {
height:3px;
margin:0px;
display:block;
}



.dots-top {
background-image:url(/smt/user/images/dots.gif);
background-repeat:repeat-x;
background-position: top left;
}

.col-header-small {
background-image:url(/smt/user/images/col-header-small.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:17px;
height:80px;
margin-bottom:10px;
padding:5px;
width:195px;
}

.col-header-main {
width:426px;
height:90px;
color:#FFFFFF;
font-size:14px;
margin-bottom:10px;
}

.forms .input {
background-color:#DFDFDF;
border:none;
clear:left;
height:21px;
width:100%;
}

.forms label {
clear:left;
display:block;
font-size:10px;
height:20px;
}

.forms .textarea {
background-color:#DFDFDF;
border:none;
clear:left;
height:100px;
width:100%;
}

.versturen,
.herstellen {
cursor:pointer;
background-image:url(/smt/user/images/dots.gif);
background-repeat:repeat-x;
background-position: top left;
background-color: transparent;
float:left;
width:205px;
height:30px;
line-height:30px;
color:#2B639A;
border:none;
text-align:left;
font-size:12px;
}

.herstellen {
background-image:url(/smt/user/images/dots.gif);
float:right;
}
	.versturen:hover,
	.herstellen:hover {
	color:#FF0000;
	}

/* COMPONENTS */

/***** Main menu  *****/
#main-menu {
position:absolute;
top:2px;
left:0px;
width:300px;
height:120px;
}

/***** Header logo  *****/
#header-logo {
height:120px;
left:475px;
position:absolute;
top:4px;
width:170px;
}

/***** Random *****/
#random {
float:left;
width:425px;
margin-bottom:20px;
}

/***** Home intro *****/
#home-intro {
float:right;
width:425px;
margin-bottom:20px;
}

/***** Home sub *****/
#home-sub {
clear:both;
height:390px;
}

	#home-sub td {
	vertical-align:top;
	text-align:left;
	}
			
		#home-sub td .dots {
		background-image:url(/smt/user/images/dots.gif);
		background-repeat:repeat-x;
		background-position: bottom left;
		display:block;
		padding-bottom:20px;
		padding-top:10px;
		width:200px;
		font-size:smaller;
		}
		
		#home-sub td .dots a {
		font-size:16px;
		text-decoration:none;
		}
		
/***** Content left text *****/
#content-left-text {
font-size:10px;
line-height:18px;
}

/***** Content related text *****/
#content-related-text {
font-size:10px;
line-height:18px;
}

/***** Content main text *****/
#content-main-text {
margin-top:4px;
}
	
	#content-main-text h1 {
	color:#2B639A;
	}