/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; font-weight: normal; font-style: normal; }
img { border: none; }
body { behavior:url("http://www.schweigreiter.at/csshover3.htc"); }
a { outline: none; }
/* LAYOUT */
.clear { clear: both; }
.hide { display: none; }
.spacer { height: 40px; margin: 0; padding: 0; clear: both; }
#wrapper { padding: 0; margin: 0 auto; width: 940px; height: 100%; }
#header { padding: 0; margin: 0; width: 940px; height: 111px; }
#logo { padding: 0; margin: 0; width: 246px; height: 111px; float:left; }
#menubar { padding: 0; margin: 0; width: 694px; height: 111px; float:right; text-align: center; }
#eyeframe { padding: 0; margin: 0; width: 940px; height: 222px; background: url(../images/eyeframe.jpg); clear:both; text-align: center; }
#eyecatcher { padding-top: 19px; }
#bucket { padding: 30px 0 0 0; margin: 0 auto; width: 840px;}
#sidebar { padding: 0; margin: 0; width: 197px; float: left; }
#content { margin: 0; padding: 5px 0px 5px 16px; width: 626px; float: right; border:1px solid #dedcdc; border-width:0px 0px 0px 1px;}
#content li { margin-left: 15px; list-style-type: square; }
#footer { float: right; width: 626px; border-top: 1px solid #bababa; margin: 30px 0px 60px 0px; }
#footer a:link, #footer a:visited { color: #770627; text-decoration: none; outline:none; }
#footer a:hover, #footer a:active { color: #770627; text-decoration: underline; outline: none; }
/* PRODUCTS */
#product { width: 626px; padding: 0; margin: 0; }
#thumb { width: 234px; height: 172px; background: url(../images/bild_dummy.jpg) no-repeat; text-align:center; float: left; padding-right:12px; }
#thumb img { padding: 7px 12px 0px 0px; }
/* TYPO */
body { font: 12px/14px Arial, Helvetica, sans-serif; background: url(../images/background.jpg) repeat-y scroll 50% 0 ; color: #777; }
#sidebar h4 { letter-spacing: 1px; text-transform: uppercase; padding: 0 0 20px 10px; }
#sidebar p { padding: 0 0 10px 10px; }
.request { font-size: 10px; font-weight: bold; }
#content h2 { font: 18px Tahoma, Verdana, sans-serif; padding: 0px 0px 5px 0px; text-transform: uppercase; }
#content h3 { font: 14px Tahoma, Verdana, sans-serif; padding: 0px 0px 30px 0px; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #750626; text-decoration: none; }
#footer p { font: 10px Arial,Helvetica, sans-serif; padding-top: 10px; letter-spacing: 1px; }
#descr h4 { font: 18px Tahoma, Verdana, sans-serif; padding: 10px 0px 5px 0px; text-transform: uppercase; color: #777; text-decoration:none; outline: none; }
#descr h5 { font: 14px Tahoma, Verdana, sans-serif; padding: 0px 0px 30px 0px; color: #777; text-decoration:none; outline: none; }
#descr h4 a:link, #descr h4 a:visited { color: #777; text-decoration:none; outline: none; }
#descr h4 a:hover, #descr h4 a:active { color: #750626; text-decoration:none; outline: none; }
#descr h5 a:link, #descr h5 a:visited { color: #777; text-decoration:none; outline: none; }
#descr h5 a:hover, #descr h5 a:active { color: #750626; text-decoration:none; outline: none; }
a.more { font-size: 11px; color: #750626; text-decoration:none; outline: none; letter-spacing: 1px; }
a.more:hover { text-decoration: underline; }
a.back2news { font-size: 11px; color: #750626; text-decoration:none; outline: none; letter-spacing: 1px; }
a.back2news:hover { text-decoration: underline; }
/*SIDEMENU*/
#sidebar li { list-style-type:none; padding-left: 20px; line-height: 24px; }
#sidebar li.active a { color: #750626; text-decoration:none; outline: none; }
#sidebar ul li ul { display:none; }
#sidebar ul li:hover ul { display:block; }
.wf_level1 { font-family: tahoma,verdana, sans-serif; letter-spacing: 1px; font-size: 12px; }
.wf_level1 a:link, .wf_level1 a:visited { color: #777; text-decoration:none; outline: none; }
.wf_level1 a:hover, .wf_level1 a:active { color: #750626; text-decoration:none; outline: none; }
/*BREADCRUMBS*/
.B_firstCrumb, .B_lastCrumb {font: 12px tahoma, verdana, sans-serif; text-decoration: none; color:#999; outline: none; letter-spacing: 1px; }
a.B_homeCrumb, a.B_crumb {font: 12px tahoma, verdana, sans-serif; text-decoration: none; color:#999; outline: none; letter-spacing: 1px; }
.B_currentCrumb {font: 12px tahoma, verdana, sans-serif; text-decoration: none; color:#750626; letter-spacing: 1px; }
/* -------------------------------------------------------------
CONTACTFORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* -------------------------------------------------------------
STRUKTUR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#formcontent {
margin : 0px;
padding: 0px;
width : 600px;
height : 600px;
}
#formcontent a {
color: #666;
text-decoration: none;
}
div#formwrapper {
/* Allgemeines Container */
margin: 0;
width: 000px;
padding: 0 0 35px 0;
text-align:left;
float:left;
font: 12px Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif; color:#4d4d4d; line-height: 20px;
}
div.errors {
font: 14px Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif; color:#33CC00; line-height: 20px;
}
div#formular {
/* Sub-Container, wird nach rechts verschoben, da links bei einem Formulare
weitere Elemente stehen werden. Typische Alternative: margin: 0 auto; */
padding: 0 0 0 0;
text-align: left;
width: 500px;
}
.contactleft {
/* Linker Bereich des Formulars: fuer Labels */
width: 10%;
clear: both;
/*float: left;*/
display: inline;
padding: 0;
margin: 0 0 0 0;
text-align: right;
}
.contactright {
/* Rechter Bereich des Formulars: fuer Eingabefelder */
width: 70%;
text-align: left;
/*float: right;*/
display: inline;
padding: 0px 0px 25px 0px;
margin: 0 35px;
}
/* -------------------------------------------------------------
GESTALTUNG VON EINGABEFELDERN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
input, textarea {
border: 1px solid #d6d6d6;
}
.contactform {
/* Hintergrundebene mittels overflow */
height: 100%;
/*overflow: auto;*/
}
.contactform #kt_name,
.contactform #kt_addr,
.contactform #kt_plz,
.contactform #kt_city,
.contactform #kt_email,
.contactform #kt_telefon,
.contactform #kt_nachricht {
width: 80%;
padding: 5px;
color: #7b7b7b;
font: 1.1em/1.6em Verdana ,Arial, Helvetica, sans-serif;
}
#subm {
/* Versenden-Schaltflaeche */
font: 1.1em/1.6em Verdana ,Arial, Helvetica, sans-serif;
width: 100px;
border: 1px solid #d6d6d6;
padding: 4px 5px 4px 5px;
color: #7b7b7b;
background: #fff;
}
/* ICONS FUER EINGABEFELDER */
.contactform #kt_name {
background: #fff url(/assets/images/form/user.jpg) no-repeat left;
}
.contactform #kt_addr {
background: #fff url(/assets/images/form/user.jpg) no-repeat left;
}
.contactform #kt_plz {
background: #fff url(/assets/images/form/user.jpg) no-repeat left;
}
.contactform #kt_city {
background: #fff url(/assets/images/form/user.jpg) no-repeat left;
}
.contactform #kt_email {
background: #fff url(/assets/images/form/mail.jpg) no-repeat left;
}
.contactform #kt_telefon {
background: #fff url(/assets/images/form/world.jpg) no-repeat left;
}
.contactform #kt_nachricht {
width: 86%;
background: #fff url(/assets/images/form/comment.gif) no-repeat bottom right;
}
.contactform #kt_name,
.contactform #kt_addr,
.contactform #kt_plz,
.contactform #kt_city,
.contactform #kt_email,
.contactform #kt_telefon
{
width: 80%;
padding: 5px 5px 5px 30px;
}
/* Hover-Zustaende fuer jeweilige Eingabefelder */
.contactform #kt_name:hover,
.contactform #kt_addr:hover,
.contactform #kt_plz:hover,
.contactform #kt_city:hover,
.contactform #kt_email:hover,
.contactform #kt_telefon:hover,
.contactform #kt_nachricht:hover {
background-color: #fff;
border: 1px solid #d6d6d6;
color: #7b7b7b;
}
.contactform #kt_name:focus,
.contactform #kt_addr:focus,
.contactform #kt_plz:focus,
.contactform #kt_city:focus,
.contactform #kt_email:focus,
.contactform #kt_telefon:focus,
.contactform #kt_nachricht:focus
{
border: 1px solid #d6d6d6;
color: #7b7b7b;
background-color: #fff;
}
.contactform .wrong #kt_email {
/* Gestaltung der Felder mit Fehlermeldungen */
background: #ffffff url(/assets/images/form/warning.gif) no-repeat left;
color: #333333;
border: 1px solid #d6d6d6;
}
.contactform #Erfolg {
/* Mitteilung: Informationen wurden versandt */
background: #fff url(/assets/images/form/accept.gif) no-repeat left;
border: 1px solid #eeeeee;
color: #0066CC;
padding: 10px 10px 10px 30px;
width: 80%;
margin: 1.5em auto;
}
/* -------------------------------------------------------------
ALLGEMEINE ATTRIBUTE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h2 {
/* Ueberschrift der Seite */
font-family: Verdana ,Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 4em;
color: #7b7b7b;
}
span.required {
/* Markierung des Eingabefeldes, das ausgefuellt werden soll */
color: #ccc;
font-size: 16px;
padding-left: 2px;
}
label {
/* Beschriftung des Eingabeldes */
color: #999;
padding: 2px 5px 2px 5px;
/* Hintergrundfarbe + Abrundung
background-color: #5ea4d7;*/
}