/* ------------------------------------------------------------
   CSS Template
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   .autor         Alin Radulescu
   .version       1.0
   .url           schnitzmuehle.de
   .timestamp     14/03/2008 ..
   -------------------------------------------------------------	*/
/* -------------------------------------------------------------
   schintzmuehle.de, Inhaltsverzeichnis
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   1. IMPORTANWEISUNGEN, SCHRIFTEN, BODY, HTML
   2. HELFERKLASSEN
   3. UEBERSCHRIFTEN
   4. STRUKTUR
   -------------------------------------------------------------	*/


   
/* -------------------------------------------------------------
   1. Importanweisungen, Schriften, body, html
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/   
@import 'reset.css';
@import '../../user_upload/bodyBackground/bgBody.css';
@import 'bgUnavi.css';

* {font-family:arial,verdana,sans-serif;}
strong {font-weight:bold;}
body{padding-bottom:70px;}
html{background:#240720;}




/* -------------------------------------------------------------
   2. Helferklassen
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* 2.1 clearfix */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf {display:inline-block;}
/* Hide from IE Mac \*/
.cf {display:block;}
/* End hide from IE Mac */

/* 2.2 floating */
.floatLeft {float:left;}
.floatRight {float:right;}
.imgFloatLeft {float:left;margin:4px 15px 10px 0;}
.imgFloatRight {float:right;margin:4px 0px 10px 15px;}
.imgFullSize {margin-bottom:12px;}




/* -------------------------------------------------------------
   3. Ueberschriften
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
h1 {font-size:20px;margin-bottom:16px;font-family:Trebuchet MS;text-transform:uppercase;}
h2 {font-size:18px;margin-bottom:16px;font-family:Trebuchet MS;}
.contentContainer p, .contentContainerSmall p {padding-bottom:16px;font-size:12px;line-height:140%;}

h1, h2, .contentContainer p, .contentContainer li, .contentContainerSmall p, .contentContainerSmall li {color:#535353;}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {padding-bottom:16px;}
#contentSidebar div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {padding-bottom:5px;}
#contentSidebar div.csc-textpic-imagewrap {margin-bottom:0 !important;background:url(../_img/bg-bigImage.gif);padding-bottom:0;}

/* -------------------------------------------------------------
   4. Struktur
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#wrapper {width:980px;margin:0 auto;background:#ffffff;padding-bottom:7px;}


#header {width:960px;margin:0 10px;background:url(../_img/bg-header.gif) repeat-x;height:99px;}
#homeButton {position:absolute;top:10px;margin-left:27px;z-index:99999;}


/* N A V I */
#nav {float:right;background:url(../_img/bg-navi.gif) no-repeat top left;width:740px;height:60px;margin:39px 8px 0 0;padding-left:0px;}
#nav li{display:inline;float:left; }
#nav li ul{display:none;z-index:4;}
#nav li a {text-decoration:none;}
#nav li:hover ul,
#nav li.over ul{display: block;position:absolute;width:185px;margin-top:0;padding:20px 0 38px;background:url(../_img/bgUnavi.png);z-index:99999;}
#nav li:hover a,
#nav li a.activ,
#nav li.over a{ }
#nav li.colored{background:#ff0000;}
#nav li a{ margin:0 1px 0 0;display:block; height:60px; background:none; color:#ffffff; text-transform: lowercase;font-size:12px;}
#nav li ul li{display:block; clear:both;}
#nav li ul li a{display:block;padding:10px 30px 10px 10px;height:auto;width:145px !important;border-bottom:1px solid #ffffff;color:#535353;text-transform: none;font-size:12px;font-weight:bold;}
#nav li ul li a:hover,
#nav li ul li a.active{ display:block;background-image:none;background:url(../_img/bgUnaviHover.png);text-transform: none;font-size:12px;}

#nav li#mi9 a {width:99px;}
#nav li#mi8 a {width:85px;}
#nav li#mi7 a {width:96px;}
#nav li#mi6 a {width:104px;}
#nav li#mi4 a {width:75px;}
#nav li#mi5 a {width:108px;}
#nav li#mi3 a {width:89px;}
#nav li#mi2 a {width:76px;}

#nav li a:hover,
#nav li a.active {background-image:url(../_img/naviHover.gif);background-repeat:none;}
#nav li#mi9 a:hover,
#nav li#mi9 a.active {background-position:-18px 0px;}
#nav li#mi8 a:hover,
#nav li#mi8 a.active {background-position:0 -63px;}
#nav li#mi7 a:hover,
#nav li#mi7 a.active {background-position:0 -126px;}
#nav li#mi6 a:hover,
#nav li#mi6 a.active {background-position:0 -189px;}
#nav li#mi4 a:hover,
#nav li#mi4 a.active {background-position:0 -252px;}
#nav li#mi5 a:hover,
#nav li#mi5 a.active {background-position:0 -315px;}
#nav li#mi3 a:hover,
#nav li#mi3 a.active {background-position:0 -378px;}
#nav li#mi2 a:hover,
#nav li#mi2 a.active {background-position:0 -441px;}

#nav li a span {display:none;}


/* Startseite */
#bigImage {background:url(../_img/bg-bigImage.gif);padding:10px 10px 7px 10px;margin:10px 10px 0 10px;}
#bigImage #vctagid {margin-bottom:5px;z-index:2;}
#banner {margin:0 10px 0px;}
#banner img {margin-top:10px;}
#banner div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
#bigImage div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {padding-bottom:0px !important;}




/* Content2col */
#content2col {background:url(../_img/bg-bigImage.gif);padding:10px;margin:10px 10px 0 10px;}
#contentBg {background:url(../_img/bg-content2col.gif) repeat-y;}
#content3Bg {background:url(../_img/bg3content.png) repeat-y;}
#sectionImage{padding-bottom:10px;background:url(../_img/bg-bigImage.gif) -3px top;width:730px;}
#textContent {padding:10px;}
.contentContainer {width:710px;}
.contentContainerSmall {width:500px;float:left;}
#contentSidebar {width:200px;float:right;}

#mainContent {width:730px;}



/* sidebar */
#sidebar {background:#ffffff;width:200px;padding-top:198px;}
/* sidebar navi */
#sidebar ul {background-color:#d6d6d6;padding-top:62px;margin-bottom:10px;}
#sidebar ul li a {display:block; color:#535353;padding:10px;font-size:12px; text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ffffff;}
#sidebar ul li a:hover,
#sidebar ul li a.active{background:#c5c5c5;}


/* footer */
#footer {margin:6px 10px;padding-bottom:0px;height:10px;}
#footer p{padding-top:0px;}
#footer p, li {font-size:12px;color:#a0a0a0;}
#footer ul li {display:inline;}
#footer ul li a {color:#a0a0a0;text-decoration:none;padding:0 0 0 12px;background:url(../_img/bg-naviFooter.gif) no-repeat 3px 5px;}
#footer ul li.first a {background:none;}




.fce2columns {}
.fce2columns .left {width:500px;}
.fce2columns .right {width:200px;}


.breadcrumb {padding-bottom:18px;font-size:12px;color:#a0a0a0;width:500px;}
.breadcrumb a {color:#a0a0a0; text-decoration:none;}


/* SIDEBAR ANFRAGE */
#sidebarAnfrage {margin-top:20px;padding:0 10px;}
#sidebarAnfrage .tx-powermail-pi1 {font-size:15px;color:#535353;}
#sidebarAnfrage .tx-powermail-pi1 legend {text-transform:uppercase;padding-bottom:10px;font-family:Trebuchet MS;}
#sidebarAnfrage input {border:1px solid #535353;padding:2px;font-size:13px;width:152px;}
#powermaildiv_uid1 label,
img.date2cal_img_help,
.jscalendar_cb,
#uid2_msg,
#uid3_msg {display:none;}
#sidebarAnfrage label {font-size:13px;}
#sidebarAnfrage select {font-size:13px;width:178px;}


#powermaildiv_uid4 {float:right;}
#powermaildiv_uid4 input {font-size:12px;width:80px;}
#powermaildiv_uid5 {float:left;font-size:11px;width:90px;padding-top:4px;}

#sidebarAnfrage .tx_powermail_pi1_fieldwrap_html {padding-bottom:10px;}

#buchungsanfrage {width:390px;}
#buchungsanfrage label, 
#buchungsanfrage input,
#buchungsanfrage select {font-size:13px;color:#535353;margin-bottom:5px;}
#buchungsanfrage input,
#buchungsanfrage textarea {border:1px solid #535353;width:250px;float:right;margin-bottom:5px;padding:1px;}
#buchungsanfrage label {float:left;width:130px;padding:1px 0;}
#buchungsanfrage textarea {height:100px;}

#buchungsanfrage .powermail_uid6,
#buchungsanfrage .powermail_uid7,
#buchungsanfrage .powermail_uid8 {background:#efefef;}

#buchungsanfrage .powermail_submit {width:120px;background:#535353;color:#ffffff;}

#buchungsanfrage legend {padding:5px 0 10px;font-family:Trebuchet MS;}
#buchungsanfrage #powermaildiv_uid13 {clear:both;padding-top:10px;width:390px;}


#mainContent a{color:#868789;text-decoration:none;}
#mainContent a:hover {text-decoration:underline;}

.powermail_all td {font-size:13px;color:#535353;padding:0 5px 5px 0;}

.tx_powermail_pi1_formconfirmation_back {width:90px;float:left;}
.tx_powermail_pi1_formconfirmation_back input {width:90px;background:#535353;color:#ffffff;font-size:13px;border:1px solid #535353;}
.tx_powermail_pi1_formconfirmation_submit {width:150px;float:left;margin-left:10px;}
.tx_powermail_pi1_formconfirmation_submit input {width:150px;background:#535353;color:#ffffff;border:1px solid #535353;font-size:13px;}

.tx-veguestbook-pi1 form {margin-bottom:25px;}
.tx-veguestbook-pi1 form input,
.tx-veguestbook-pi1 form textarea,
.tx-veguestbook-pi1 form label {font-size:13px;color:#535353;margin-bottom:5px;}
.tx-veguestbook-pi1 form input,
.tx-veguestbook-pi1 form textarea {border:1px solid #535353;width:265px;float:right;margin-bottom:5px;padding:1px;}
.tx-veguestbook-pi1 form textarea {height:100px;}
.tx-veguestbook-pi1 form input {width:265px !important;}
.tx-veguestbook-pi1 form input.tx-guestbook-submit {float:left !important;background:#535353;color:#ffffff;width:150px !important;}

#facebook-button{position:absolute;top:2px;margin-left:890px;display:block;}