body, p, table, td {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:140%;
}
#header h1 {
color:#FFFFFF;
font-size: 50%;
}
h1 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:140%;
}
h2 {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:140%;
}
a:link, a:visited {
color:#333333;
text-decoration:underline;
}
a:active, a:hover {
color:#333333;
text-decoration:none;
}
div.hr {
border-bottom:1px solid #CCCCCC;
border-color:#CCCCCC;
height:1px;
}
.body {
padding:0px;
text-align:center;
}

div#container {
background:white none repeat scroll 0%;
border:0px solid #FFFFFF;
margin:170px auto;
padding: 0 0 0 5pt;
text-align:left;
width:850px;
}
div#content {
border-top:0px solid #CCCCCC;
float:left;
margin-top:0px;
width:599px;
}
div#navigation {
border-top:0px solid #8B8B8B;
float:right;
margin-top:0px;
width:225px;
}
div#footer {
clear:both;
width:100%;
}
div#content .gutter {
padding:10px 10px 0pt;
}
div#navigation .gutter {
padding:10px;
}
div#footer .gutter {
padding:10px;
}
ul#mainNav1 {
margin:15px 0pt 0pt;
padding:0pt;
text-align:left;
}
ul#mainNav2, ul#mainNav3 {
margin:0pt;
padding:0pt;
}
ul#mainNav2 {
font-size:85%;
}
ul#mainNav3 {
font-size:100%;
}
ul#mainNav1 li, ul#mainNav2 li, ul#mainNav3 li {
display:inline;
margin:0pt;
padding:0pt;
}
ul#mainNav1 li a, ul#mainNav1 li a:visited, ul#mainNav2 li a, ul#mainNav2 li a:visited, ul#mainNav3 li a, ul#mainNav3 li a:visited {
border-bottom:1px solid #CCCCCC;
color:#333333;
display:block;
text-decoration:none;
}
ul#mainNav1 li a, ul#mainNav1 li a:visited {
padding:5px 4px 5px 15px;
}
ul#mainNav2 li a, ul#mainNav2 li a:visited {
padding:4px 3px 4px 23px;
}
ul#mainNav3 li a, ul#mainNav3 li a:visited {
padding:4px 3px 4px 31px;
}
ul#mainNav1 li a:hover, ul#mainNav2 li a:hover, ul#mainNav3 li a:hover {
background:#EEEEEE none repeat scroll 0%;
color:black;
}
ul#mainNav1 li a.current, ul#mainNav2 li a.current, ul#mainNav3 li a.current {
background:#EEEEEE none repeat scroll 0%;
color:black;
font-weight:bold;
}
div.n, div.flexmodul {
padding:5px;
}
div.hover_n, div.hover_flexmodul, div.hidden {
background-color:#F5F7F7 !important;
border-color:#E0DFE3 rgb(181, 181, 181) rgb(181, 181, 181) rgb(224, 223, 227);
border-style:solid;
border-width:1px;
color:black !important;
cursor:pointer;
display:block;
padding:4px;
}
* html div.n, * html div.hover_n {
height:1%;
}
div.hover_n a, div.hover_n * {
color:black !important;
}
.hidden {
display:none !important;
}
html, body {
height:100%;
}
.body {
background:#000000 none repeat scroll 0%;
background-image : url(http://www12.jimdo.com/usertemplates/14106/img/fond.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
}
body, p, h1, h2, h3, h4, h5, h6 {
margin:0pt;
padding:0pt;
}
img, a img {
border:0pt none;
}
img {
display:block;
}
blockquote {
margin:0pt 0pt 0pt 20px;
padding:0pt;
}
ul, dl, ol {
margin-bottom:0.5em;
margin-top:0.5em;
}
address {
font-style:normal;
}
.small {
font-size:80%;
}
.caption {
font-size:81%;
}
form, .inline {
display:inline;
}
.c {
clear:both;
}
.clearover {
overflow:hidden;
}
* html .clearover {
height:1%;
overflow:visible;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
* html > body .clearfix {
width:100%;
}
* html .clearfix {
height:1%;
}
.imgleft {
display:inline;
float:left;
margin:4px 20px 4px 0pt;
}
.imgright {
display:inline;
float:right;
margin:4px 1px 4px 15px;
}
div.thumb_sq1, div.thumb_sq2, div.thumb_sq3 {
float:left;
}
div.thumb_sq1 {
margin:0pt 5px 5px 0pt;
}
div.thumb_sq1 a img {
background:white none repeat scroll 0%;
border:1px solid #CCCCCC;
display:block;
padding:3px;
}
div.thumb_sq1 a:hover img {
background:#EEEEEE none repeat scroll 0%;
}
div.ccgalerie div.thumb_sq2 {
background:white none repeat scroll 0%;
display:block;
margin:0pt 1px 1px 0pt;
}
div.ccgalerie div.thumb_sq3 {
background:white none repeat scroll 0%;
display:block;
margin:0pt 2px 2px 0pt;
}
div.thumb_sq3 a img {
background:white none repeat scroll 0%;
display:block;
padding:5px;
}
div.thumb_sq3 a:hover img {
background:#DDDDDD none repeat scroll 0%;
}
div.thumb_pro1, div.thumb_pro2, div.thumb_pro3 {
float:left;
}
div.ccgalerie div.thumb_pro1 {
border:1px solid #CCCCCC;
margin:0pt 5px 5px 0pt;
padding:3px;
}
div.ccgalerie div.thumb_pro2 {
border-color:#CCCCCC rgb(197, 197, 197) rgb(197, 197, 197) rgb(204, 204, 204);
border-style:solid;
border-width:1px 2px 2px 1px;
margin:0pt 5px 5px 0pt;
padding:3px;
}
div.ccgalerie div.thumb_pro3 {
margin:0pt 5px 5px 0pt;
padding:3px;
}
div.innerthumbnail {
display:table-cell;
text-align:center;
vertical-align:middle;
}
* html div.innerthumbnail {
display:block;
float:left;
}
div.innerthumbnail img {
display:inline;
vertical-align:middle;
}
#lightbox {
left:0pt;
line-height:0pt;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}
#lightbox a img {
border:medium none;
text-align:right;
}
#outerImageContainer {
background-color:#FFFFFF;
height:250px;
margin:0pt auto;
position:relative;
width:250px;
}
#imageContainer {
padding:10px;
}
#loading {
height:25%;
left:0%;
line-height:0pt;
position:absolute;
text-align:center;
top:40%;
width:100%;
}
div#loading img {
display:inline;
}
#hoverNav {
height:100%;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:10;
}
#imageContainer > #hoverNav {
left:0pt;
}
#hoverNav a {
outline-color:invert;
outline-style:none;
outline-width:medium;
}
#prevLink, #nextLink {
background:transparent url(../images/blank.gif) no-repeat scroll 0%;
display:block;
height:100%;
width:49%;
}
#prevLink {
float:left;
left:0pt;
}
#nextLink {
float:right;
right:0pt;
}
#prevLink:hover, #prevLink:visited:hover {
background:transparent url(http://www.roc-aux-sorciers.com/cc/img/prev.png) no-repeat scroll left 25%;
}
#nextLink:hover, #nextLink:visited:hover {
background:transparent url(http://www.roc-aux-sorciers.com/cc/img/next.png) no-repeat scroll right 25%;
}
* html #prevLink:hover {
background:transparent url(http://www.roc-aux-sorciers.com/cc/img/prev.gif) no-repeat scroll left 25%;
}
* html #nextLink:hover {
background:transparent url(http://www.roc-aux-sorciers.com/cc/img/next.gif) no-repeat scroll right 25%;
}
#imageDataContainer {
background-color:#FFFFFF;
font-family:Verdana,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:0pt auto;
overflow:auto;
width:100%;
}
#imageData {
color:#666666;
padding:0pt 10px;
}
#imageData #imageDetails {
float:left;
text-align:left;
width:70%;
}
#imageData #caption {
font-weight:bold;
}
#imageData #numberDisplay {
clear:left;
display:block;
padding-bottom:1em;
}
#imageData #bottomNavClose {
float:right;
padding-bottom:0.7em;
text-align:right;
width:33px;
}
#overlay {
background-color:#000000;
height:500px;
left:0pt;
position:absolute;
top:0pt;
width:100%;
z-index:90;
}
a.dlink, a.dlink:link, a.dlink:visited, a.dlink:hover, a.dlink:active {
background-color:transparent !important;
border:0pt none !important;
text-decoration:none !important;
}
div.leftDownload {
float:left;
width:52px;
}
div.rightDownload {
margin-left:55px;
padding-left:6px;
}
div.rightDownloadB {
border-left:2px solid #CCCCCC;
margin-left:55px;
padding-left:6px;
}
.rightDownload .fl, .rightDownloadB .fl {
display:block;
float:left;
}
.form dl {
margin:0pt 0pt 1.5em;
padding:0pt;
}
.form dl dt {
font-weight:bold;
line-height:120%;
}
.form dl dt em, .form p.note em {
color:#BA3B3E;
font-size:110%;
font-style:normal;
font-weight:bold;
padding-left:0.2em;
}
.form p.note {
background:transparent url(http://www.roc-aux-sorciers.com/cc/img/warning.gif) no-repeat scroll 4px 50%;
border-top:1px solid #CCCCCC;
display:block;
margin-top:10px;
padding:3px 0pt 3px 20px;
}
.form dl dd {
margin:0pt 0pt 12px;
padding:0pt;
}
.form dl dd.eng {
margin:0pt 0pt 5px;
padding:0pt;
}
input.single, textarea {
background-color:white;
border:1px solid #CCCCCC;
color:#333333;
width:240px;
}
input.single:focus, input.text:focus, textarea:focus {
background-color:#F1F1F1;
border:1px solid #CCCCCC;
}
input[type="checkbox"], input[type="radio"], input[type="button"], input[type="submit"] {
cursor:pointer;
}
.form input.single {
width:250px;
}
.form textarea {
height:180px;
line-height:120%;
width:300px;
}
.form input.checkbox, .form input.radio {
width:auto !important;
}
.error {
background-color:#FAEFEF;
border-color:#CC6666 rgb(255, 178, 178) rgb(255, 178, 178) rgb(204, 102, 102);
border-style:solid;
border-width:1px;
color:black;
}
.fehlerUser {
background:#EBC2AD none repeat scroll 0%;
border:2px solid #CF5D00;
color:black;
margin:0px;
padding:10px;
}
.rssFeed, .rssFeed * {
font-weight:normal;
text-align:left;
}
.rssFeedTitle {
font-weight:bold;
}
.guestbook_nachricht {
padding:15px 0pt 36px 18px;
}
ul.sitemap {
list-style-type:none;
margin:2em 0pt 2em 1.5em;
padding:0pt;
}
ul.sitemap li {
background-image:none !important;
display:inline;
margin:0pt !important;
padding:0pt !important;
}
ul.sitemap li a {
background:transparent url(http://www.roc-aux-sorciers.com/cc/img/sitemapdocbullet.gif) no-repeat scroll left center;
display:block;
font-weight:bold;
line-height:2em;
padding:0pt 0pt 0pt 1.2em;
}
ul.sitemap ul {
list-style-type:none;
margin:0pt 0pt 0pt 1.5em;
padding:0pt;
}
ul.sitemap ul li a {
font-weight:normal;
}
div#content_start {
display:none;
overflow:hidden;
}
div#tellheader {
background:#EEEEEE url(http://www.roc-aux-sorciers.com/cc/img/sendpage.gif) no-repeat scroll right center;
border:1px solid #CCCCCC;
min-height:58px;
padding:10px;
}
div#tellbody {
background:#EEEEEE none repeat scroll 0%;
border-color:white #CCCCCC rgb(204, 204, 204);
border-style:solid;
border-width:2px 1px 1px;
height:350px;
padding:10px;
}
div#tellbody a {
display:block;
float:right;
padding-right:15px;
}
#newsHeader, strong.newslettertitel {
display:block;
}
div#contentfooter {
font-size:11px;
font-weight:normal;
line-height:140%;
margin:0pt;
overflow:hidden;
padding:0pt;
width:100%;
}
* html div#contentfooter {
height:1%;
overflow:visible;
}
div#contentfooter div.leftrow {
float:left;
text-align:left;
width:55%;
}
div#contentfooter div.rightrow {
float:right;
text-align:right;
width:42%;
}
span.loggedin {
display:none;
}
span.loggedout {
display:inline;
}
div#imprint {
background:#FAFAFA none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#666666 !important;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
font-size:10px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:14px !important;
padding:10px;
}
div#imprint h2 {
color:#444444;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:22px;
margin:0pt 0pt 10px;
padding:0pt;
}
div#imprint img.logo {
float:right;
margin:0pt 0pt 5px 5px;
}
div#loginbox {
background:white none repeat scroll 0%;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 3px 3px 1px;
color:#666666 !important;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
font-size:10px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:14px !important;
margin-left:-5px;
margin-top:15px;
padding:5px;
position:absolute;
text-align:left;
width:430px;
}
div#loginbox a, div#imprint a {
color:#333333 !important;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
font-size:10px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:14px !important;
text-decoration:underline !important;
}
div#loginbox a:hover, div#imprint a:hover {
background:transparent none repeat scroll 0% !important;
text-decoration:none !important;
}
div#loginbox input.password {
border:1px solid #CCCCCC;
display:block;
font-size:30px;
height:30px;
line-height:30px;
width:240px;
}
div#loginbox input:focus {
background:#F1F1F1 none repeat scroll 0%;
border:1px solid #AAAAAA;
}
div#loginbox img.logo {
float:right;
margin:12px 4px 0pt 0pt;
}
div#loginbox form {
display:inline;
margin:0pt;
}
.message-ok, .message-info, .message-warning, .message-alert, .message-error {
border-style:solid !important;
border-width:1px !important;
color:#444444 !important;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
font-size:10px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:14px !important;
margin:5px 0pt !important;
padding:5px 5px 5px 30px !important;
}
.message-ok a, .message-info a, .message-warning a, .message-alert a, .message-error a {
color:#444444 !important;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif !important;
font-size:10px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:14px !important;
text-decoration:underline !important;
}
.message-ok {
background:#E5F1B4 url(http://www.roc-aux-sorciers.com/cc/img/ok.gif) no-repeat scroll 10px 50%;
border-color:#C2D577 rgb(155, 174, 80) rgb(155, 174, 80) rgb(194, 213, 119);
}
.message-info {
background:#DBE3ED url(http://www.roc-aux-sorciers.com/cc/img/info.gif) no-repeat scroll 10px 50%;
border-color:#B1C2D8 rgb(107, 139, 180) rgb(107, 139, 180) rgb(177, 194, 216);
}
.message-warning {
background:#FFF3CD url(http://www.roc-aux-sorciers.com/cc/img/warning.gif) no-repeat scroll 10px 50%;
border-color:#F7DEA6 rgb(208, 183, 127) rgb(208, 183, 127) rgb(247, 222, 166);
}
.message-alert, .message-error {
background:#FAEFEF url(http://www.roc-aux-sorciers.com/cc/img/alert.gif) no-repeat scroll 10px 50%;
border-color:#FFB2B2 rgb(204, 102, 102) rgb(204, 102, 102) rgb(255, 178, 178);
}
.line100 {
line-height:120%;
}
div#jimdobox {
background:white none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#333333;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:344px;
line-height:140%;
overflow:hidden;
padding:5px;
width:170px;
}
div#jimdobox a, div#jimdobox a:visited, div#jimdobox a.jimdolink, div#jimdobox a.jimdolink:visited {
color:#0097DF;
text-decoration:underline;
}
div#jimdobox a:hover, div#jimdobox a.jimdolink:hover {
color:#0097DF;
text-decoration:none;
}
div#jimdobox img#jimdologo {
display:block;
margin:3px 0pt 0pt 7px;
}
div#jimdobox span.title {
color:#4D4D4D;
margin:3px 0pt 0pt 25px;
}
div#jimdobox select {
width:160px;
}
div#jimdobox input {
margin-bottom:2px;
width:160px;
}
div#jimdobox hr {
background-color:#CCCCCC;
border:medium none #CCCCCC;
color:#CCCCCC;
height:1px;
}
div#systemWorking {
padding-top:2px;
}
ul#jimdobox-sites {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:5px 0pt 0pt;
}
ul#jimdobox-sites li {
display:inline;
margin:0pt;
padding:0pt;
}
ul#jimdobox-sites li a, ul#jimdobox-sites li a:visited {
background:#F1F1F1 none repeat scroll 0%;
color:#0097DF;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:140%;
margin-top:1px;
padding:2px;
}
ul#jimdobox-sites li a:hover {
background:#0097DF none repeat scroll 0%;
color:white;
}
div.delicious-1 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
div.delicious-1 ul li {
border-bottom:1px dotted #CCCCCC;
margin:0pt 0pt 4px;
padding:3px 0pt;
}
div.delicious-2 ul {
margin:0pt 0pt 0pt 10px;
padding:0pt;
}
div.delicious-2 ul li {
margin:0pt 0pt 4px;
padding:3px 0pt;
}
div.delicious-3 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
div.delicious-3 ul li {
margin:0pt 0pt 4px;
padding:3px 0pt;
}
div.delicious ul-3 li a.itemtitle {
font-weight:bold;
}