/*
Theme Name: SUSI
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Thomas Katavic
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

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

body {
	/*
	background-image:url('img/bg.jpg');
	background-position:bottom center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	*/
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.bg {
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
}

#container {
	position:relative;
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
}

#logo {
	margin-top: 40px;
	margin-bottom: 2px;
	height:60px;
}

.lol {
	float:left;
}

#menu {
	width:980px;
	height:30px;
	background-image:url('img/menubg.jpg');
	position:relative;
	clear:both;	
}

#menu ul {
	list-style-type: none;
	font-size:12px;
	font-weight:bold;
}

#menu ul li {
	float: left;
}

#menu ul.children li {
	float: none;
}

#menu ul li a {
	text-decoration:none;
	color:white;
	display:block;
	height:30px;
	padding: 7px 20px 0 20px;
	background-image:url('img/menusep.jpg');
	background-position: top right;
	background-repeat:no-repeat;
}

#menu ul li a:hover {
	color:#d2a984;
}

#menu ul li.page-item-37 {
	float:right;
}

#menu ul li a.menulogin, #menu ul li.page-item-16 a {
	padding: 7px 20px 0 20px;
	background-image:url('img/menusep.jpg');
	background-position: top left;
	background-repeat:no-repeat;
}

#menu li.page-item-16 ul.children, #menu li.page-item-25 ul.children {
	position:absolute;
	background-color:#310e00;
	padding: 20px;
	top:30px;
	visibility: hidden;
}

#menu li.page-item-25 ul.children {
	left:100px;
}

#menu li.page-item-16:hover ul.children, #menu li.page-item-25:hover ul.children {
	visibility:visible;
}

#menu li.page-item-16 ul.children li a, #menu li.page-item-25 ul.children li a {
	background-image: none;
	float: none;
	padding: 0;
	height:auto;
}

#menu li.page-item-16 ul.children li:last-child a, #menu li.page-item-25 ul.children li:last-child a {
	float:none;
}

#content {
	clear:both;
	margin-top:20px;
}

#spotlight {
	float: left;
	width:600px;
}

#news {
	float: left;
	margin-left:20px;
	padding-top:9px;
	width:358px;
}

#newscontrol {
	padding-right:20px;
	padding-top:5px;
	text-align:right;
}


#containertop {
        width:980px;
        height:9px;
        background-image:url('img/tshadow2.png');
        background-repeat:no-repeat;
        background-position: bottom center;
}

#containermid {
        width:980px;
        overflow:hidden;
        background-image:url('img/mshadow2.png');
        background-repeat:repeat-y;
        background-position: top center;
}




#containerbot {
        clear:both;
        width:980px;
        height:9px;
        background-image:url('img/bshadow2.png');
        background-repeat:no-repeat;
        background-position: top center;
}

#containercontent {
        width:962px;
        margin: 0 auto;
        background-image:url('img/bg.png');
}



body#narrow #containertop {
	width:600px;
	height:9px;
	background-image:url('img/tshadow.png');
	background-repeat:no-repeat;
	background-position: bottom center;
}

body#narrow #containermid {
	width:600px;
	overflow:hidden;
	background-image:url('img/mshadow.png');
	background-repeat:repeat-y;
	background-position: top center;
}




body#narrow #containerbot {
	clear:both;
	width:600px;
	height:9px;
	background-image:url('img/bshadow.png');
	background-repeat:no-repeat;
	background-position: top center;
}

body#narrow #containercontent {
	width:582px;
	margin: 0 auto;
	background-image:url('img/bg.png');
}

.containercenter {
	padding:20px;
	overflow: hidden;
}

.containercenter2 {
	padding:20px;
}

.containercenter2 li {
	list-style-type: none;
}

h1 {
	font-size:22px;
	letter-spacing:2px;
	font-smoothing: always;
	color:#356117;
}

h1.brown {
	color:#62442a;
}

.containercenter ul, p {
	padding-top:15px;
	font-size:15px;
	letter-spacing:1px;
	font-smoothing:always;
	line-height:18px;
}

#footer {
	clear:both;
	padding-top:10px;
	font-size:12px;
	overflow:visible;
}

.footermenugroup { position:relative; text-transform:uppercase; }

.footermenugroup {
	padding-top:5px;
	padding-right:20px;
	padding-left:20px;
	float: left;
}

.footermenugroup li {
	list-style-type: none;
}

.footermenugroup li:first-child {
	font-weight:bold;
}

.specialmenu li {
	font-weight: bold;
}


/*
.footermenugroup ul.children li {
	float:none;
	padding:0;
}
*/

.footermenugroup a {
	text-decoration: none;
	color: #62442a;
}

.footermenugroup a:hover {
	text-decoration: underline;
}

.footermenulinks {
	float:right;
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
}

table {
	margin-top: 15px;
}

p a, #susimenu a {
	color: #356117;
	text-decoration: none;
}

p a:hover, #susimenu a:hover {
	text-decoration: underline;
}

img.alignleft {
	padding-right:10px;
	float:left;
}

iframe {
	float: left;
	padding-right: 10px;
	padding-bottom:10px;
}

#news .containercenter {
	height:353px;
	overflow:hidden;
}

#arrowup, #arrowdown {
	cursor: pointer;
}

ul#susimenu {
	margin-top:15px;
}

.langselect ul {
	list-style-type: none;
margin-top:30px;
}

.langselect ul li {
	float:left;
}


.qtrans_flag_de {
	background-image:url('http://www.sustainable.lu/wp/wp-content/uploads/2012/03/ch2.png');
	width:32px;
	height:32px;
	display:inline-block;
	margin:5px;
}

.qtrans_flag_en {
	background-image:url('http://www.sustainable.lu/wp/wp-content/uploads/2011/07/en.png');
	width:32px;
	height:32px;
	display:inline-block;
	margin:5px;
}

.containercenter ul {
	margin-top: 10px;
	list-style-position:outside;
	margin-left:12px;
}

#mask {
	position:absolute;
	background-color:white;
	width: 100%;
	height: 100%;
}

#disclaimer {
	position: absolute;
	top:100px;
	width:600px;
	background-color:#356117;
	padding:20px;
	right:190px;
	border: 5px solid #310E00;
	color:white;
	z-index:4;
}

.leftimg {
	border-right: 1px solid gray;
}

.botimg {
	border-top: 1px solid gray;
}