/* Copyright 2009 www.artcore-online.de in cooperation with www.bugeyes.de */

/* ALLGEMEIN */

* { 
margin:0px;
padding:0px;
font-weight:normal;
list-style:none;}
  
body {
line-height:20px;
overflow: hidden;
background:url(sfondo.jpg);
background-repeat:no-repeat;
width:8000px;
font-size:12px;
color: ;
font-family:Arial, Verdana;}

a {
color: #0033CC;
text-decoration:none;
font-weight:bold;
outline:none;}

a img { border:none;}
a:hover { text-decoration:underline;}

b { font-weight:bold;}
small { font-weight:bold;}

/* ÜBERSCHRIFTEN */

h2 {
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding:7px 5px;
display:block;
margin-bottom:3px;
font-size:12px;
width:250px;
color:#fef7ed;
background:#c5d338;}

h2:hover, h2.current {
cursor:pointer;
text-decoration:none;
color:#fcf0e0;}

h2:hover { background:#b7bb3b;}

h2.current { background:#7e5a42;}

h3 {
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
}


/* MENU */

#navigation {
position:fixed;
left:20px;
top:20px;}

/* LAYOUT */

#home, #about, #gallery, #contact { 
float:left; 
height:1000px;
width:2000px;}

/* NAVIGATION */

#menu {
position:fixed;
left:200px;
top:10px;
background:url(menu.png);}

#menu a {
opacity:0.6;
height:67px;
background-repeat:no-repeat;
margin-right:20px;
float:left;
display:block;}

#menu a:hover, #menu a.current {
opacity:1.00;}

.hlink { width:115px; background:url(home.png);}

.glink { width:119px; background:url(gallery.png);}

.clink { width:117px; background:url(contact.png);}

.alink { width:117px; background:url(about.png);}

/* INHALT */


#home .wrapper {
margin-left:450px;
margin-top:190px;
position:relative;}

#contact .wrapper {
margin-left:500px;
margin-top:190px;
position:relative;}

#gallery .wrapper {
margin-left:330px;
margin-top:168px;
position:relative;}

#about .wrapper {
margin-top:130px;
margin-left:330px;
width:580px;}

#about .wrapper div { padding:20px; width:250px;}
#about .wrapper .links { float:left;}
#about .wrapper .rechts { float:right;}

#about .wrapper .rechts p{
margin-top:37px;}

#about h3 {
border-bottom:1px dotted #7e5a42;}

#about h3.short {
width:145px;}

.bilder { width:505px;}
.bilder img { margin-right:2px;}
.bilder a {position:relative;}

.bilder a span {
display:none;
position:absolute;
bottom:3px;
left:0px;
background:#b52b58;
color:#fff;
padding:5px;
width:237px;
font-weight:bold;
opacity:0.8;}

.bilder a:hover span{
display:block;}

#gmenu { margin-bottom:30px;}

#gmenu a {
color:#fef7ed;
display:block;
padding:5px 10px;
float:left;
margin-right:5px;
background:#b52b58;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;}

#gmenu a:hover{
background:#a43951;
text-decoration:none;} 

#gmenu a.current {
background:#7e5a42;}

/* FORMULARE */

input, textarea {
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
font-family:Arial, Verdana;
line-height:20px;
font-size:12px;
margin-bottom:10px;
padding:3px;
border:2px solid #7e5a42;
background:transparent;
color:#7e5a42;}

input:focus, textarea:focus {
background:#7e5a42;
color:#fcf0e0;}

form { width:300px}

p { margin-bottom:5px;}

textarea { width:290px; height:60px;}

input.button {
background:#6f989a;
border:2px solid #6f989a;
color:#fef7ed;}

input.button:hover {
cursor:pointer;
background:#7e5a42;
border: 2px solid #7e5a42;}

/* TOOLTIP NEWS */

.tip {
opacity:0.9;
padding:10px;
width:200px;
left:100px;
top:200px;
z-index:10;
position:absolute;	
color:#000;
display:none;
background:#fff;
border:1px solid #000;
-moz-border-radius:5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;}

/* Contact */

#haftung, #contact2 {
background:#6f989a;
color:#fef7ed;
padding:10px;
opacity:0.9;
width:295px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
z-index:10;
font-size:12px;
display:none;}

#contact2 a, #haftung a{
color:#fef7ed;}

.schliessen {
font-size:10px;
background:#fef7ed;
color:#6f989a;
-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
padding:0px 7px;
float:right;
cursor:pointer;}

.schliessen:hover {
font-weight:bold;}

/* Contact Ajax */

#note {
width:300px;}

.notification_error {
border: 1px solid #A25965;
height: auto;
padding: 4px;
background: #F8F0F1;
text-align: left;
margin-bottom:5px;
-moz-border-radius: 3px; }

.notification_ok {
border: 1px #567397 solid;
height: auto;
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 3px; }