html, body { margin: 0; padding: 0; height:100%; }
html { overflow-y: scroll; }
body {
    background: #cbcdaa url(img/global/background-gradient.gif) repeat-x;
    font: 12px "Trebuchet MS", sans-serif;
    line-height: 1.5;
    color: #3a2d1b;
    text-align: center;
}

/* inhalt */
#squeeze {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
#widewidetrees {
    background: url(img/global/background-wood.jpg) repeat top left;
    margin-top: 10px;
    height: 818px;
    width: 100%;
}
#widewidelines {
    background: url(img/global/background-wood-line.png) repeat top left;    
    margin-top: 0;
    width: 100%;
    height: 14px;
}

.content, .nav, .imagebar {
    margin: 20px 0;
}

.content {
    background: #fcf8ee;
    border: 1px solid #9e937b;
    border-top: 0;
    float: right;
    min-height: 320px;
    width: 620px;
}
* html .content { height: 300px; }
#cT {
    background: url(img/global/content-top.png) no-repeat left top;
    position: absolute;
    height: 73px;
    width: 586px;
    margin: -67px -1px;
}

#btn-newer, #btn-older {
    background: url(img/startseite/btn_aelter.png) no-repeat left top;
    display: block;
    height: 26px;
    width: 123px;
    text-indent: -9999em;
    outline: none;
}
#btn-newer {
    background-image: url(img/startseite/btn_neuer.png);
}
#btn-older:hover {
    background-position: -123px 0;
}
#btn-newer:hover {
    background-position: -124px 0;
}






#btn-back, #btn-forward {
    background: url(img/album/btn_aelter.png) no-repeat left top;
    display: block;
    height: 26px;
    width: 123px;
    text-indent: -9999em;
    outline: none;
}
#btn-back {
    background-image: url(img/album/btn_neuer.png);
}
#btn-forward:hover {
    background-position: -123px 0;
}
#btn-back:hover {
    background-position: -124px 0;
}

/* global classes */
.date {
    color: #7a510f;
    font-size: .9em;
}
.red {
    color: #690b0b;
}

/* nav */
.nav {
    float: left;
    width: 160px;
}
* html .nav { height: 300px; }

.nav ul {
    border: 1px solid #9e937b;
    background: #fcf8ee;
    margin: 0;
    padding: 6px 0;
}

.nav ul li {
    display: block;
    list-style: none;
}
.nav ul li.last a {
    background-image: none;
}

.nav ul li a {
    background: #eedfbd url(img/global/line-menu.gif) repeat-x left bottom;
    display: block;
    color: #3a2d1b;
    font-family: Helvetica, Arial, sans-serif;
    padding: 6px 10px;
    text-decoration: none;
}
.nav ul li a:hover, .nav ul li a.active {
    background-color: #cfbc92;
    color: #690b0b;
}
.nav ul li ul {
    background: #f4eee0;
    border: 0;
}
.nav ul li ul li {
    border: none;
    display: list-item;
    margin: 0 0 0 24px;
}
.nav ul li ul li a {
    background: none;
    padding: 5px 0;
}
.nav ul li ul li a:hover, .nav ul li ul li a.active {
    background: none;
    color: #690b0b;
}

/* sbr login */
.loginbox {
    background: #fcf8ee;
    border: 1px solid #9e937b;
    margin: 10px 0 0;
    padding: 4px 0 4px;
}

/* side image bar */
.imagebar {
    float: right;
    width: 196px;
}
.imagebar p {
    background: url(img/global/polariod-mask.png) no-repeat top left;
    margin: 0 0 0 20px;
    padding: 4px;
    height: 212px;
    width: 196px;
}
.imagebar p img {
    display: block;
    margin: 12px 0 0 12px;
    z-index: 1;
}
.imagebar p img.decoration {
	position: absolute;
	margin: -12px 0 0 65px;
	z-index: 2;
}
.imagebar p img.tesa {
	margin-top: -40px;
}

/* header */
#header {
    background: url(img/global/ruf-logo.gif) no-repeat left 10px;
    height: 164px;
    margin: 0 auto;
    width: 1000px;
}
#header h1 {
    padding: 40px 0 0 140px;
    float: left;
}
#header h1 a {
    text-decoration: none;
}
#header h1 span {
    display: block;
    color: #000;
    font-size: .6em;
}
#header p {
    background: url(img/global/header-bg.png) no-repeat top left;
    float: right;
    margin: 0;
    height: 164px;
    width: 601px;
}
#header p img {
    display: block;
    margin: 10px auto;
}

/* footer */
#footer {
    clear: both;
    margin: 15px auto 0;
    text-align: center;
    width: 1000px;
}
#footer p {
    margin: 8px 10px;
}
#footer a {
    text-decoration: none;
}

/* allgemeine elemente und klassen */
h1 {
    color: #690b0b;
    font-size: 1.6em;
    margin: 8px 10px 0;
}
h2 {
    color: #690b0b;
    font-size: 1.6em;
    margin: 10px 10px 0;
}
h3 {
    color: #7a510f;
    font-size: 1.4em;
    margin: 12px 10px 0;
}
h4 {
    margin: 8px 10px 0;
}
h1 a, h2 a, h3 a, h4 a { color: inherit; }
p {
    margin: 5px 10px 8px;
}
a {
    color: #690b0b;
}
a img {
    border: 0;
}
pre {
    display: block;
    overflow: auto;
    opacity: 0.2;
    margin: 10px;
}

hr {
    border: 0;
    border-top: 1px solid #7a510f;
    clear: right;
    display: block;
    margin: 4px 10px;
    height: 0;
    padding: 0;
}
* html hr { color:#ebe9ea; height: 1px; margin: -10px auto -4px; } /* IE6 fix */
*+html hr { height: 1px; margin: -10px auto -4px; } /* IE7 fix */


/* kontaktformular */
.form, .adminForm {
    margin: 10px;
}
.form p, .adminForm p {
    display: block !important;
    position: static !important;
    speak: normal !important;
}
.form label, .adminForm label {
    float: left;
    width: 120px;
}
.form input, .adminForm input, .form textarea, .adminForm textarea {
    background: #fff;
    border: 1px solid #9e937b;
    font: 1em "Verdana Regular", Verdana, sans-serif;
    padding: 2px;
    margin: 0 0 5px;
    width: 200px;
}

.form textarea, .adminForm textarea {
    border: 1px solid #ccc;
    height: 110px;
}
.form input.submit, .adminForm input.submit {
    color: #c00;
    text-decoration: underline;
    width: auto;
}
.form input.submit:hover, .adminForm input.submit:hover {
    background: #eedfbd;
    cursor: pointer;
}
.adminForm label {
    float: none;
    width: auto;
}
.checkbox input {
    width: auto;
}

/* admin swf upload */
#swfUploadUI { display: none; }
.swfupload {
	position: absolute;
	z-index: 1;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(acp/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

#gallery { clear:both; list-style:none; padding:0; }
#gallery li { margin:5px 10px; float:left; text-align:center; }
#gallery li img { border:2px solid #2d1105; display:block; padding:8px; }
#gallery li span img { border:none; padding:2px; display:inline; }

#fileCategories {
    background: #f4eee0;
    margin: 10px;
    padding: 1px 0 1px;
}
#fileCategories h2 {
    font-size: 1.1em;
    margin: 5px 10px;
}
#fileCategories ul {
    padding: 0;
    margin: 10px 10px 5px;
}
#fileCategories ul li {
    display: inline;
    list-style: none;
    margin-left: 10px;
}

ul.downloads {
    padding: 0;
    margin: 10px;
    list-style: none;
}
ul.downloads h2 {
    font-size: 1.1em;
}
ul.downloads li {
    clear: both;
}

.person {
    margin: 0 10px;
    background: url(img/global/line-wood.gif) repeat-x top left;
    padding-top: 20px;
}

/* some useful classes */
.error, .notice, .success { padding: .8em; margin: 10px; border: 2px solid #ddd; padding-left: 26px; }
* html .error, * html .notice, * html .success { zoom: 1; }
.error a, .notice a, .success a { text-decoration: underline; }
.error      { background: #FBE3E4 url(img/global/error.png) no-repeat 6px 11px; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF url(img/global/notice.png) no-repeat 6px 11px; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2 url(img/global/success.png) no-repeat 6px 11px; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.left { float: left; margin: 0 10px 0 0; }
.right { float: right; margin: 0 0 0 10px; }
.nowrap { white-space: nowrap; }
.b { border: 1px solid red; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */