/* ================================ Global ================================*/

* {
	margin:0;
	padding:0;
	}
	
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF;;
	font-size: 12px;
	line-height: 1.5em;
}

body#background{
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #505050; 	
	letter-spacing: 0.5px;
	background: #ffffff url(../images/header_bg.jpg) top repeat-x; 
	text-align: left;
}

/* Normal link */
a:link, a:visited {
	color: #D92117;
	text-decoration:none;
}

a:hover{
	color: #000000;
	text-decoration:underline;
}

a img {
	border: none;
	text-decoration: none;
}

table.blog {
	border-collapse:collapse;
	margin:0 0 15px;
	padding:0;
	width: 330px;
}

/* Headers */
h1, h2, h3, h4 {
	font: bold 1em/1.5em Arial, Helvetica, sans-serif;
	color: #000;
	padding: 5px 0px;	 
}
h1 { font-size: 150%; font-weight: normal; }
h2 { font-size: 175%; font-weight: bold; }
h3 { font-size: 200%; font-weight: bold; display: none;}
h4 { font-size: 225%; }

/* Lists */
ul, ol {
	margin: 10px 0 10px 20px;
	padding: 0 2px; 
}

ul { list-style: disc; }
ul ul {list-style: circle; }
ol { list-style: decimal; }

p{
	margin-bottom: 10px;
}


/* Images */
img {
	background: #F6F6F6;
    border: 1px solid #CCC;
	padding: 5px;
	margin: inherit;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
} 

.wrapper{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* ================================ Layout ================================*/

/* --- Header --- */

#header_layer{
	background: url(../images/header_layer.jpg) top no-repeat;
	height:305px;
}

#header{
	width: 930px;
	padding: 5px 5px 10px 15px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	overflow: hidden;

}

#logo{
	width: 180px;
	padding-left: 120px;
	display: inline;
	float: left;
	overflow: hidden;
}

#logo-text, #logo-text h1, #logo-text a:link, #logo-text a:visited{
	font: 50px Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	color: #666;
}

#logo-text a:hover{
	text-decoration: none;
	color: #000;
}

#headermodule{
	width: 528px;
	float: right;
	overflow: hidden;
	margin-right: 10px;
}

/* --- Top1 --- */
#top1{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;

}

#navbar{
	width: 900px;
	height: 26px; 

}

#nav{
	width: 700px;
	display: inline;
	float: left;
	overflow: hidden;
}


#nav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
#nav ul li{ margin: 0; padding: 0; height: 45px; float: left; position: relative; }
#nav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 17px 10px 0px 10px; height:36px; display: block; float: left; }
#nav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#nav ul li ul ul { margin: -51px 0 0 11em; }
#nav ul li li { width:auto; height: 35px; }
#nav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#nav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#nav ul li ul { left: -999em; top: 53px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#nav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#nav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }


#searchbox{
	width: 200px;
	display: inline;
	float: right;
	background: transparent url(../images/loupe.gif) no-repeat right center;
	overflow: hidden;
	text-align: right;
	margin-top: 15px;
}
	
/* --- Newsflash --- */
#newsflash{
	width: 410px;
	padding: 0px 500px;
	overflow: hidden;
	height: 155px;
}

#newsflashinside{
	overflow: hidden;
	padding: 10px;
	margin: 0 0 5px 0;
	line-height:1.3em;

}

/* --- Top3 --- */
#top3{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
}

#top3inside{
	width: 940px;
	margin: 0 0 10px 0;
}

.quick{
	width: 235px;
	background: #FFF;
	float: left;
	overflow: hidden;
}

.quickmod1{
	border-top: 8px solid #777;
	padding: 5px;
}

.quickmod1:hover{
	background: #CCC;
}

.quickmod2{
	border-top: 8px solid #333;
	padding: 5px;
}

.quickmod2:hover{
	background: #999;
}

.quickmod3{
	border-top: 8px solid #555;
	padding: 5px;
}

.quickmod3:hover{
	background: #BBB;
}

.quickmod4{
	border-top: 8px solid #888;
	padding: 5px;
}

.quickmod4:hover{
	background: #EEE;
}

/* --- Top4 --- */
#contentcontainer{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#contentinside{
	width: 940px;
	background: #EAEAEA;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#contentleft{
	width: 560px;
	float: left;
	padding: 0px 10px;
	overflow: hidden;
}

.contentleft, .contentleftbottom{
	width: 540px;
	margin: 0px 0px 10px 0px;
	background: #FFF;
	overflow: hidden;
	padding: 10px;
	-moz-border-radius: 5px;
}

.contentleft div, contentleft div.breadcrumb{
	margin: 0 0 5px 0;
	width: 540px;
}

#contentright{
	width: 350px;
	float: right;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
}

.contentright{
	width: 350px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	/*background: #FFF;
	overflow: hidden;
	-moz-border-radius: 5px; */
}

.contentrightleft{
	width: 160px;
	float: left;
	background: #FFF;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px;
}
	
.contentrightright{
	width: 160px;
	float: right;
	background: #FFF;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px;
}

.contentleft table{

}

/* --- Bottom --- */
#bottomcontainer{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#bottominside{
	width: 920px;
	background: #CECECE ;
	overflow: hidden;
	padding: 10px;
}

.bottominsideleft, .bottominsidemid, .bottominsideright{
	width: 291px;
	display: inline;
	float: left;
}

.bottominsideleft, .bottominsidemid{
	margin: 0 9px 0 0;
	padding-right: 9px;
	background: url(../images/bottomseparator.jpg) right repeat-y;
}


/* --- Container --- */
#footercontainer{
	width: 940px;
	padding: 0px 5px;
	overflow: hidden;
	background: #FFF;
}

#footerinside{
	width: 920px;
	background: #555 ;
	border-top: 7px solid #888;
	overflow: hidden;
	padding: 10px;
}

.footerinsideleft, .footerinsidemid, .footerinsideright{
	width: 300px;
	display: inline;
	float: left;
}

.footerinsideleft, .footerinsidemid{
	margin: 0 9px 0 0;
	border-right: 1px dashed #777;
}


/* --- Container --- */
#copyrightcontainer{
	width: 940px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#copyrightinside{
	width: 940px;
	background: #EAEAEA ;
	overflow: hidden;
	padding: 5px 7px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#copyrightinside p{
	float: left;
	display: inline;
}

#copyrightinside p.gotop{
	display: inline;
	padding: 0px 5px;
	background: #808080;
	font-weight: bold;
	margin: 0 0 0 5px;
}
