@import url(/styles/live/treeinspired/articles.css);
@import url(/styles/live/toolbox.css);
@import url(/styles/live/thickbox.css);
@import url(/styles/live/formmanager.css);
@import url(/styles/live/treeinspired/navigation.css);
@import url(/styles/live/livetranslate.css);
@import url(/styles/live/jquery-ui-theme.css);
@import url(/styles/live/treeinspired/pikachoose.css);
@import url(/styles/live/jquery-ui-theme.css);
@import url(/styles/live/ratings.css);
@import url(/styles/live/jquery.droppy.css);
@import url(/styles/live/treeinspired/uniform.default.css);





/* Structure */

html {
    background-color: white;
    background-image: url(/images/treeinspired/bg_raster.png);
}

body {
    margin : 0;
    padding : 0;
    font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size : 12px;
    line-height: 160%;
    color : #36393d;
    text-align : left;

    
    
    background-image: url(/images/treeinspired/holz.png);
    background-position: center;
    background-repeat: repeat-y;
}

.mceVisualAid {
    border : 1px dashed #ffbbbb;
}

p {
    margin: 0;
}

input {
    margin: 0;
}

input.button {
    height: 21px;
    padding: 0 6px;
}

/* Images */
img {
    border: 0;
}

.headimage {
	margin-left: 136px;
}


/* Links */
a {
    text-decoration: none;
    color: #81A136;
}

a:hover {
    text-decoration: none;
    color: #93B929;
}

/* remove dashed boxes from around links in firefox */
a:focus {
    user-focus: none;
    outline: none;
    -moz-user-focus: none;
    -moz-outline: none;
}

/* Headings */
h1 {
    margin: 0;
    font-weight: bold;
    font-size: 15px;
}

h2 {
    margin: 0;
    font-weight: bold;
    font-size: 13px;
}

h3 {
    font-weight: normal;
    font-size: 13px;
    margin: 0;
    padding: 0;
}


/* Body - Container */

#blaetterView {
	clear: both;
	background-image: url(/images/treeinspired/blaetter.png);
	background-repeat: repeat-x;
	height: 89px;
}

#container_tb {
    margin: 0 auto;
    width: 960px;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#header {
    height: 169px;
	margin: 0 auto;
    background-image: url(/images/treeinspired/header_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
}

#headerContent {
	width: 960px;
	margin: 0 auto;
}

.sideBoxWrapper {
	width: 276px;
	float: right;
	padding: 0px 0px 20px 0px;
	border: 4px solid #9F9F9F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
	margin: 0px 0px 20px 0px;
}

.sideBoxView {
	padding: 10px 20px;
}


#topnav {
    width: 960px;
	position: absolute;
	top: 144px;
}

#logoView {
	position: absolute;
	right: 0px;
	top: -85px;
}

#langView {
	position: absolute;
	top: -10px;
	right: 140px;
}

#langView a {
	color: white;
	text-shadow: none;
}

#langView a:hover {
	color: black;
}

#schildView {
	position: absolute;
	top: -150px;
	left: 402px;
}

#sidenav {
    width: 230px;
    min-height: 480px;
    height: auto !important;  /* for modern Browsers */
    height: 480px;  /*for IE */
    float: left; 
}

#content {
    width: 960px;
    min-height: 480px;
    height: auto !important;  /* for modern Browsers */
    height: 480px;  /*for IE */
    float: left;
    padding: 30px 20px 0px 0px;
    position: relative;
}

.shopItemWrapper {
	padding: 10px 10px 20px 10px;
	margin: 0 auto;
	width: 590px;
	position: relative;
	float: left;
	background-color: white;
	margin: 0px 0px 20px 0px;
	border: 4px solid #9F9F9F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.shopItemWrapper h2 {
	border-bottom: 4px solid #9F9F9F;	 
	margin: 0px -10px 10px -10px;
	padding: 0px 0px 10px 10px;
	font-size: 16px;
	font-weight: normal;
}

.shopItemWrapper h3 {
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	text-align: right;
	margin: -40px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
}

.submitButton {
	float: right;
	border: 0px;
}

.bannerView {
	padding: 20px 10px 40px 10px;
	margin: 0 auto;
	width: 940px;
	position: relative;
	float: left;
	background-color: white;
	margin: 0px 0px 20px 0px;
	border: 4px solid #9F9F9F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.bannerImage {
	float: left;
	width: 500px;
	position: relative;
}

.bildunterschrift {
	float: left;
}

.bannerActionView {
	width: 130px;
	min-height: 80px;
	height: auto !important; /* for modern Browsers */
	height: 80px; /*for IE */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #B4B4B4;
	-moz-opacity: 0.9;
	opacity: 0.9;
	padding: 10px 20px;
	position: absolute;
	right: 20px;
	top: 140px;
}

.bannerActionView img {
	position: absolute;
	right: 240px;
	top: 0px;
}

#contentView {
	width: 610px;
	float: left;
}



#sidenav {
	width: 240px;
	float: right;
}

#footer {
    height: 585px;
    clear: both;
	text-shadow: none;
    background-image: url(/images/treeinspired/footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#footer ul li {
	list-style: none;
	background-image: url(/images/treeinspired/forward.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
}

#grassView {
	background-image: url(/images/treeinspired/bg_overlay.png);
	background-repeat: repeat-x;
	clear: both;
	height: 227px;
}

#footerContent {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

#addressView {
	float: left;
	padding: 20px;
	margin: 15px 0px 0px 0px;
	color: white;
	height: 100px;
}

#planzeView {
    position: absolute;
    right: 200px;
    bottom: -280px;
}

#zweiBlaetterView {
    position: absolute;
    left: 50px;
    bottom: -240px;
}

#metaNavView {
	float: left;
	padding: 20px;
	margin: 15px 0px 0px 0px;
	height: 100px;
}



#otherStuffView {
	float: right;
	padding: 20px;
	margin: 15px 0px 0px 0px;
	color: white;
}



.label {
    display: block;
}

input.field {
    background-color: #CDCDCD;
    border: 1px solid #A0AEC0;
    padding:2px;
}

input {
    background-color: white;
    border: 1px solid #A0AEC0;
    padding:2px;
    margin: 0px 0px 5px 0px;
}

ul	{
	margin: 0px;
	padding: 0px 0px 0px 15px;
}


a.buttonLink {
    display:block; width:82px; height:22px; padding-left:24px; padding-top:4px; margin-bottom:15px; background:url(/images/treeinspired/newsletter/button.jpg); background-color:#464c58; background-color:#464c58; background-repeat:no-repeat; color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:13px;
}

/* validator icons */
#xhtml {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px 5px 5px 0;
	background-image: url(/images/default/xhtml_valid.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#xhtml:hover {
	background-position: -16px 0px;
}

#css {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px;
	background-image: url(/images/default/css_valid.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#css:hover {
	background-position: -16px 0px;
}

#sitemap {
	display:block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 5px;
	background-image: url(/images/default/sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sitemap:hover {
	background-position: -16px 0px;
}

a.sitemaptop {
	display: block;
	background-image: url(/images/default/sitemapline.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 300px;
}

a.sitemaplow {
	display: block;
	padding-left: 20px;
	width: 280px;
}

div.userimg{
width:90px;
float:left;
}