/*************************************************************/
/*                                                           */
/*                     Rauschgold                            */
/*            Stylesheet von C.Stetter 						 */
/*		für Blueforest Design- und Medienbüro Waldshut       */
/*                        									 */				
/*************************************************************/
* {
   margin: 0;
   padding: 0;
}
body {
   text-align: left;
   margin-bottom: 10px;
   z-index: 1;
   font-family:   "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, Arial, sans-serif;
   background:#ddc3d8;
   font-size:12px;
}
html { /*----------Dauer-Scrollbalken-verhindert Springen--------*/
   height: 100%;
   padding: 0 0 1px 0;
}
/* ----------Farben und HIntergründe---------------------------- */
.dark {/* HIntergrund */ background-color: #a9398b; }
.medium {/*  HIntergrund */ background-color: #ce83ba; }
.light {/*  HIntergrund */ background-color: #ddc3d8; }
.txdark, .loe {/* Schrift hell */ color: #a9398b; }
.txmedium {/* Schrift*/ color: #ce83ba; }
.txlight {/* Schrift */ color: #ddc3d8; }
.smdark {/* Leiste geschlossenes Panel beim Start */ background: url(img/schmetterling_hell.gif) no-repeat left bottom; }
.smmedium {/* Leiste geschlossenes Panel beim Start */ background: url(img/schmetterling_dunkel.png) no-repeat left bottom; }
.smlight {/* Leiste geschlossenes Panel beim Start */ background: url(img/schmetterling_mittel.gif) no-repeat left bottom; }
/* ----------Anordnung Inhalte Hauptseite---------------------------- */

#inhalte, #inhalte_start {
   width:1064px;
   padding-left: 30px;
}
#inhalte_start { }
#inhaltoben {
   width:1064px;
   height:21px;
   background: url(img/oben_weiss.gif) no-repeat left top;
   margin-top:20px;
}
#inhalt_unten, #pink_unten {
   min-height:200px;
   padding-bottom: 100px;
}
#inhalt_dehn {
   background: url(img/dehn_weiss.gif) no-repeat left bottom;
   padding-bottom:10px;
}
#pink_oben, #pink_start {
   width:1064px;
   height:21px;
   background: url(img/oben_pink.gif) no-repeat left top;
}
#pink_oben { margin-top:30px; }
#pink_start { margin-top:10px; }
#pink_dehn {
   background: url(img/dehn_pink_big.gif) no-repeat left bottom;
   padding-bottom:10px;
}
#pink_unten { background: url(img/schm_pink.gif) no-repeat left bottom; }
/* ----------Gestaltung--------------------------- */
#head {
   background: url(img/muster.jpg) repeat-x;
   height: 141px;
}
#logo {
   position:absolute;
   left:30px;
   top:5px;
   height: 121px;
   width:315px;/*background: url(img/logo_drunter.gif) no-repeat center;*/
}
/* ----------Leisten Navi--------------------------- */
.navi {
   padding-left:30px;
   padding-top: 0px;
   padding-bottom: 0px;/*	font-size: 16px;*/
   width:200px;
}
#nvdark, #nvdark a {
   color: #ce83ba;
   text-decoration: none;
}
#nvmedium, #nvmedium a, #pink_unten a {
   color: #ddc3d8;
   text-decoration: none;
}
#pink_unten a:hover {
   color: #ddc3d8;
   text-decoration: underline;
}
#nvlight, #nvlight a, #inhalt_unten a {
   color: #a9398b;
   text-decoration: none;
}
#inhalt_unten a:hover {
   color: #a9398b;
   text-decoration: underline;
}
/* ----------Mininavi--------------------------- */
#mininavi {
   position:absolute;
   left:680px;
   top:5px;
}
* + html #mininavi { top:5px; }
* + html #mininavi ul { list-style: none; }
#mininavi li {
   float:left;
   list-style: none;
   padding-right: 5px;
   padding-left: 5px;
   border-right: thin solid #ddc3d8;
}
#mininavi li.last { border-right: none; }
#mininavi a {
   color: #ddc3d8;
   text-decoration: none;
}
/* ---------Subnavi--------------------------- */
#subnavi_ideen, #subnavi_ev {
   height:60px;
   padding-top:5px;
   color: #a9398b;
   position:absolute;
   z-index:450;
}
#subnavi_ideen {
   left:570px;
   width:400px;
   top:-51px;
}
#subnavi_ev {
   overflow:visible;
   left:370px;
   width:600px;
   top:-47px;
}
#subnavi_ideen ul, #subnavi_ev ul {
   float:right;
   list-style: none;
}
#subnavi_ideen li, #subnavi_ev li {
   z-index:460;
   float:left;
   overflow:visible;
   list-style: none;
   padding-right: 40px;
   padding-left: 20px;
   font-size: 14px;
}
#subnavi_ideen li { background: url(img/schmetterling_navi.gif) no-repeat left top; }
#subnavi_ev li {
   background: url(img/schmetterling_navi_d.gif) no-repeat left top;
   overflow:visible;
}
#subnavi_ideen a, #subnavi_ev a {
   color: #a9398b;
   position:relative;
   z-index:500;
   overflow:visible;
}
#reiter {
   position:absolute;
   width:143px;
   height:28px;
}
.sub1idee {
   background: url(img/submenu_light.gif) top;
   left:655px;
   top:-102px;
}
.sub2idee {
   top:-102px;
   left:810px;
   background: url(img/submenu_light.gif) top;
}
.sub1ev {
   background: url(img/submenu_medium.gif) top;
   left:547px;
   top:-102px;
}
.sub2ev {
   top:-102px;
   left:698px;
   background: url(img/submenu_medium.gif) top;
}
.sub3ev {
   top:-102px;
   left:820px;
   background: url(img/submenu_medium.gif) top;
}
.sub4ev {
   top:-102px;
   left:415px;
   background: url(img/submenu_medium.gif) top;
}
.act {
   position:relative;
   top:-45px;  /*Verlegt Schrift nach oben bei Aktiven*/
   background: none !important;  /*schaltet Schmetterling aus bei Aktiven*/
}
#subnavi_ev .act { top:-50px;  /*Verlegt Schrift nach oben bei Aktiven*/ }
.letzte {
   position:relative;
   left:-7px;
}
/* ----------Elemente--------------------------- */
#text {
   position:relative;
   padding-top: 10px;
   padding-left: 143px;
   width:510px;
}
.pic {
   position:absolute;
   right:-243px;
}
.grey { color: #666666; }
.weiss { color: #FFFFFF; }
.braun { color: #442f2e; }
a, a:link, a:focus { text-decoration: none; }
a:hover, a:active { text-decoration:underline; }
h1 {
   font-size: 16px;
   padding-bottom: 20px;
}
h2 { font-size: 13px; }
#footer{padding-left:30px;}
/* ---------Kontaktseite------------------------ */
.wort {
   width:200px;
   display: block;
}
textarea {
   background: #FFFFFF url(img/vieleschmetterlinge.gif) repeat 10px;
   width: 350px;
   border: thin solid #FFFFFF;
}
input { border: thin solid #FFFFFF; }
#button, #senden {
   width:85px;
   -moz-border-radius:3px;
   margin-top: 20px;
   color: #a9398b;
   font-weight: bold;
}
#button:hover, #senden:hover {
   -moz-border-radius:3px;
   margin-top: 20px;
   color: #a9398b;
   background-color: #ddc3d8;
   font-weight: bold;
}
#button:active, #senden:active {
   -moz-border-radius:3px;
   margin-top: 20px;
   color: #000000;
   background-color: #ddc3d8;
   font-weight: bold;
}
/* ------------Sitemap----------- */
#sitemap, #sitemap a {
   float:right;
   font-size:10px;
   color: #ce83ba;
   text-decoration:none;
   display:none;
}
.sitemap li { list-style:none; }
.sitemap li li {
   padding-left:20px;
   list-style:none;
}
/* ------------Referenzen----------- */
#refpix { width:130%; }
/* -----------Partner----------- */

table#partner td {
   width:240px;
   padding-right:20px;
}
table#referenzen td img { border:none; }
table#tabreferenzen { width:800px; }
table#tabreferenzen td { }