/* "Reset CSS" Rules inspired by Eric Meyer*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none 0; font-size: 100%; font-weight: normal; font-style: normal; vertical-align: baseline; background: transparent; text-decoration: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles!
:focus { outline: 0; }
/* remember to highlight inserts somehow!
ins { text-decoration: none; }
del { text-decoration: line-through; } 
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}


/* DADA PETROLE BASIC CSS*/
html { background-color: #0a0a0a; }
body { color: #7d7d7d; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; font-smooth: never;}
#body-1 { width: 900px; margin: 30px auto; border-top-style: solid; border-top-width: 1px; padding-top: 14px;  }
#MenueSpalte { float: right; max-width: 210px; margin-left: -15px; position: relative;}
/* #MenueSpalte { position: fixed; width: 171px; padding-left:729px; margin: 0 auto;}*/
#ContentSpalte { float: left; }
#MainContent { width: 700px; min-height: 465px; margin-bottom: 15px; padding-bottom: 15px; border-bottom-style: solid; border-bottom-width: 1px; position: relative;}
.Menue { text-transform: uppercase; line-height: 11px; margin-top: 17px; padding-top: 14px; border-top-style: solid; border-top-width: 1px; }
.Sub.Menue { font-size: 9px; line-height: 10px; }
a:link, a:visited { text-decoration: none; color: #7d7d7d;}
#Signet { color: white; font-size: 22px; line-height: 16px; text-transform: uppercase; white-space:nowrap;}
h1 { color: white; line-height: 9px; text-transform: uppercase; margin-bottom: 22px; }
p { padding-bottom: 16px; }
strong { color: white; }
a { color: #7d7d7d; }
a:hover { color: white; }
li.activePage a { color: white !important; }
ul.News { width: 100px; margin-bottom: 25px; padding-bottom: 9px; border-bottom: 1px dashed #737373; }
ul.News.last { margin-bottom: 0; padding-bottom: 0; border-style: none; }
ul.News li { width: 700px; margin-right: -600px; margin-bottom: 18px; }

div#slidemenue { position:relative; width: 700px; height: 80px; overflow:hidden;}
div#thumbs { position: absolute; width:700px;}
#scrolllinks, #scrollrechts { position:absolute; width:100px; height: 80px; cursor: e-resize; background-color: #fff; opacity: 0; filter: alpha(opacity=0);}
#scrollrechts {right:0;}

img#dasbild, #thumbs img { display: block;}
img#dasneuebild {display:none; position:absolute;}
#thumbs a {border-right: 1px solid #000; display: block; width:120px; float:left; opacity: .5; filter: alpha(opacity=50);}
#thumbs a:hover {opacity: 1; filter: alpha(opacity=100);}

#galeriecontrols { font-size: 9px; position: absolute; top: 551px; line-height:14px; text-transform: uppercase;}
#bildnummer {color:white;}
#info, #diashow {cursor: pointer;}
.off #diashowaus, .on #diashowan, #info.on {color: white;}

#infotext { height:50px; color:white; position: absolute; bottom: 15px; width: 700px; font-size: 10px;}
#infotexttext {  position: relative; color:#fff; padding: 5px 10px; z-index: 50;}
#infotextback { position: absolute; width: 700px; height:50px; opacity: .7; filter: alpha(opacity=70); background-color: #000;}

.ausgeblendet {display:none;}
.csc-loginform p {width:150px;}

.js #MainContent #thumbs {display:none;}

label {float:left; width:140px;}
.csc-mailform-field {padding-bottom:6px; float:left; width:90%}
.csc-mailform-submit {margin:10px 0 0 140px; float:left;}