@charset "UTF-8";
/*
Theme Name: Onkels
Theme URI: http://onkelundonkel.com/
Description: schlicht und schick
Version: 0.1
Author: vanhaven
Author URI: http://www.vanhaven.com/

*/

html, * { margin: 0; padding: 0; }
* html body * { overflow:visible; }
html { height: 100%; margin-bottom: 1px; }
 
body {
     color: #000;
	 font-family: Georgia,Paladio,"Times New Roman", serif;
     font-size: 12px;
	 margin: 0;
	 padding: 0;
	 background: #B3B3B3 url('images/bg-body.gif') no-repeat top left; 
	 text-align: left;
	 }

#page {
	background: #FFF url('images/bg_page.jpg') no-repeat top left;  
	margin-top: 20px; 
	padding-bottom: 20px;
	width: 920px;
	text-align: left;
}

/* (de) Absicherung korrekte Positionierung */
#header, #nav, #main, #footer { clear:both; }
  
#urlschalter { width: 160px; height:20px; position:absolute; top: 0; left: 760px; background-color:#00CCFF; color:#FFF; font-size: 1.25em; border: 0; line-height:1.3em;}
#urlschalter a { color:#FFF; }
#urlschalter a:hover { text-decoration: underline; }

fieldset, img { border: 0 solid; }

a {
  color: black; 
  text-decoration: none;
  }

/*------------------------------------------------------------------------------------------------------*/
#header { position:relative; height: 145px;}
img#companyLogo {position:absolute; top: 97px; left: 210px; font-size:208%;}
/* url('images/bg_sprache.gif') no-repeat top right */
#topnav {
 margin-left:210px;
 height: 20px;
 background: #000 ;
}
#nav_main {
  width: 100%;
  /*overflow:hidden;*/
  padding: 1px 0 1px 0;
}

#nav_main ul {
  padding: 0;
  line-height: 0px;
  display:inline;
  float:left;
  margin:0;
}

#nav_main ul li {
	float: left;
	margin: 0;
	padding: 0;
    font-size: 1.1em;
	line-height:1.2em;
	font-weight:normal;
    list-style-type: none;
	padding: 0 0.8em 0 0.8em;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;

}

#nav_main ul.sprache {
	float: right;
	padding-right: 1.0em;
}

/*#nav_main ul li#first {	border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:5px; }*/
#nav_main ul li#last { border-right: none; }
#nav_main ul li#verylast { border-right: none; }

#nav_main ul li a {
    display:block;
    width: auto;
	font-size: 1em;
	background: transparent;
	text-decoration: none;
	color: #FFF;
	margin: 0;
	
}

#nav_main ul li a:hover {
	color:#00CCFF; /* war #ca513e;*/
	text-decoration: none;
}
#nav_main ul li span.underline a:hover {
	color: #FFF;
	text-decoration: underline;
}

#nav_main ul li#current {
	color: #ffffff;
	background-color: transparent;
	background-image: none;
	text-decoration: none;
}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
	color: #fff;
	background: transparent;
	text-decoration: none;
}

/* Korrektur von Randabstaenden */

#footer {margin:0; padding: 1em; border-color: #aaa; }
#footer { color:#666; background: transparent; padding: 1em 0 0 0; line-height: 1.5em; font-size:0.9em; text-align:center; }

 /*------------------------------------------------------------------------------------------------------*/
/* ######### main dreispaltig ##########*/

/* Himtergrundgrafik fuer linke Spalte - Grafikbreite 200 Pixel */
#main { background: transparent; /*url(../../img/xxx.gif) repeat-y top left;*/ 
	margin: 0; 
	padding: 0; 
}

/* (de) Vorbereitung f�r absolute Positionierungen innerhalb der Inhaltsspalten */
#col1_content, #col2_content, #col3_content { position:relative; }

/* sidebar entspricht col1 */
#sidebar {	
	float: left;
	width: 210px;
	padding: 0 0 10px 0;
	}
#col1_content { 
    margin-left:0pt;
    margin-right:0pt;
    padding-left: 0;
	padding-right: 20px;
    padding-top: 0; 
 }


#col2 { float:right; width: 180px }

#col2_content {	
    margin-left:0pt;
    margin-right:0pt;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 0;
  }


/* content entspricht col3 */		 
#content {  
	width:auto;
    margin: 0 180px 0 210px;
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
	padding: 20px 0 10px 0;
 }
#col3_content { margin: 0; padding-bottom:20px; }
/* contentvariationen */ 
.aktuell {
 	/*width: 510px; */
 } 
 .produkt {
 	/*width: 590px; */
 }
.produktlinks {
 }
 
.post { 
	margin-bottom: 20px;
}

.entry a:link, .entry a:visited {
	text-decoration: none;
	color: #000;
}

.entry a:hover, .entry a:active, .entry a:focus{
	color: #00CCFF;
	text-decoration: underline;
}
.bestellen {
	margin-bottom: 15px;
}
.bestellen a {
	color: #00CCFF;
	text-decoration: none;
 }
 .bestellen a:hover, .bestellen a:active, .bestellen a:focus {
	color: #00CCFF;
	text-decoration: none;
 }
 

/* Ende */

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  */
  .subcolumns { width: 100%; overflow:hidden; }
  /* (de) Alternative Klasse zur optionalen Unterst�tzung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }
  
  /* ### beende Umflu� in Abschnitt ### */
.clearHere { clear: both; }
.abgeschaltet { display: none; }
.blau15 { font-size: 1.2em; color:#00CCFF; font-weight: normal;}
.blau15 a { color:#00CCFF; }
a.blau { color:#00CCFF; }
#sidebar a:link.blau { color:#00CCFF; }
 /*------------------------------------------------------------------------------------------------------*/

/* Begin Sidebar inhalte */

  /* Koerper der Infoboxen */
  .boxInfoLS, .boxInfoRS, .boxFacebook, .boxPublisher {
  	 background-color: transparent;
  	 margin-bottom:20px; /* Abstand der Boxen */
  	/* border-bottom: 1px #000 solid;*/ /* Rahmen Boxkoerper unten */
  }
  
  /* linke Boxen*/
  .boxInfoBodyLS {
  	padding:0 0 0 30px;
	margin:0;
  	/*font-size: 0.9em; */
  }  

  /* rechte Boxen*/
  .boxInfoBodyRS {
    background-color: transparent;
  	padding: 0 0 10px 0;
  	font-size: 0.9em;
  }

  /* ### Boxen speziell  */
  #box_facebook {
  	background: #fff url('images/bg-facebook.gif') no-repeat top left;
	height: 95px;
  }
  #box_publisher {
  	background: #fff url('images/bg-publisher.gif') no-repeat top left;
	height: 80px;
  }
  #box_programm {
  	border: 1px solid black;
	padding: 20px 0;
	background-color: #fff;
	margin:0;
  }
  #box_programm h3{ 
  	font-size: 1em;
	padding:0 5px 0 30px;
}
  
 .abstand20 {
  	padding-top:22px; 
  }
  .abstand30 {
  	padding-top:25px; 
  }
  
  /* ### Abschnitte in den Boxen ### */
  #col1_content p , #col2_content p {
  	margin:0;
  	line-height:1.2em;
  }
  
  /* ### Abstand fuer Inputs (Eingabefelder / Buttons in den Boxen */
  #col1_content input , #col2_content input {
  	margin-right:1px;
  	font-size: 0.9em;
 }

  /* ### Box für die Unterkategorie (Sidebarnavigation)  */

  .catListBody {
  	background: #fff url('images/bg-streifen.gif') no-repeat bottom left;
  	font-family: Georgia,Paladio,"Times New Roman", serif;
  	padding:0 0 40px 30px;
  	margin:0px 0px 20px 0px;
  	overflow:hidden;
  }
  
  .catListBody ul {
  	list-style-type:none;
  	padding:0;
  	border:0;
  	margin:0;
  }
  
  .catListBody a {
  	display:block;
  	text-decoration: none;
  }
  
  .catListBody li {
  	width: 100%;
  	margin:0;
  }
  .catListBody ul li a {
	width: 100%;
	padding: 2px 0px 2px 0%;
	color: #000;
}
.catListBody li a:hover {
	color: #00CCFF;
	text-decoration: none;
}
.catListBody li.current-cat a {
	background-color:#000;
	color: #FFF;
}

  
/* Sidebar Listen */
#sidebar form, #content form {
	margin: 0;
	}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
#sidebar h4 {
	font-size: 1.1em;
	margin:  0 0 10px 0;
	}
#sidebar a {
	text-decoration: none;
}

/* End Sidebar */


#content h1 { font-size: 15px;
              font-weight: bold;
              margin-bottom: 18px;
              }

#content h2 { font-size: 12px;
              font-weight: bold;
			  text-transform:uppercase;
              margin: 0 0 12px 0;
              padding: 0;
              }

#content h3 { font-size: 14px;
              margin-bottom: 12px;
              }

#content p {
    margin: 0 0 12px 0;
  }
  
 

p.dateandtime {
	text-align: right;
	margin: 0 0 0 0;
}

.entry ul {
	margin-bottom: 15px;
}

#footer {
	clear: both;
	 margin-top: 45px;
	 padding-top: 10px;
	 color: #000;
	 margin-bottom: 30px;
	 border-top: 1px solid #999;
	 text-align:center;
                }
#footer a { color: #000; }

#subfooter {
                     margin-top: 10px;
                     color: #ccc;
                     }
#subfooter a {
                     color: #ccc;
                     }
#footer a:hover, #subfooter a:hover { color: #000; }

#hiddentext { border: 1px solid #ccc;
                 padding: 10px;
               }


tr.formular {
            background-color: #f9f9f9;
}

/* lightbox begin UNGENUTZT DA KEIN STYLE VERGEBEN */

#lightbox {
	background-color: #fff;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url('http://onkelundonkel.com/wp-content/themes/onkels/js/overlay.png');
}
#lightboxCaption {
	color: #000;
	background-color: #fff;
	font-size: 100%;
	text-align: center;
}

* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
    background-image: url('http://onkelundonkel.com/wp-content/themes/onkels/js/blank.gif');
	filter: Alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://onkelundonkel.com/wp-content/themes/onkels/js/overlay.png", sizingMethod="scale");
}

/* lightbox end */


a.pdficon {
         padding:0;
         min-height: 34px;
         padding-top: 19px;
         padding-right: 40px;
         margin:20px;
         text-align:left;
         background-image: url(http://book-packaging.de/img/pdf_sw.gif);
         background-position:top right;
         background-repeat:no-repeat;
         font-weight:bold;
         text-decoration:none;
         vertical-align:middle;
         }
a.pdficon:hover {
         background-image: url(http://book-packaging.de/img/pdf.gif);
       }


p.teaser { /* font-weight:bold; */ font-style:italic; }

		   
table.kontakt {
		width: 100%;
        margin: 0;
        border-collapse:collapse;
 }
table.kontakt td { 
	border-bottom: 1px solid #ddd;
    padding: 2px 10px 0 2px;
    vertical-align:top;
}


table.kontaktformular {
                      margin-left:12px;
                      margin-top:12px;
                      width:80%;
                    }
table.preisliste {
                      margin:12px;
                      border:1px solid #ccc;
                      border-collapse:collapse;
                    }
table.kontaktformular td,table.preisliste td { padding: 1px; }
table.kontaktformular tr.kleiner { font-size: 80%; }
table.preisliste td { padding: 6px; }


div.aktuelles { border: 1px dotted #999;
                margin:0; padding:6px;
                margin-bottom:12px;}
div.aktuelles h3 { font-size:100%; margin-bottom:4px; padding-bottom:4px; border-bottom:1px dotted #999; }
div.aktuelles ul.rss-post { margin:0; padding:0; }
div.aktuelles ul.rss-post li { margin-bottom:4px; }
div.aktuelles a:hover { color:#00CCFF; }

img.right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
img.left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
em {
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
}

/* Ajax Newsletter Beginn */
/* Suche */
#ajaxNewsletter, .newsletterContainer {
	margin: 0px; padding: 0px;
}

#newsletterForm .rightAlign {
	margin: 0px; padding: 0px;
}

#newsletterFormDiv {
	margin: 0px; padding: 0px;
}

.newsletterTextInput {
	/* email text input */
}

#newsletterLoading {
	margin: 0px; padding: 0px;
}

.success {
	margin: 0px; padding: 0px;
}

.error {
	margin: 0px; padding: 0px;

}
#ajaxNewsletter .submit {

}
input[type=submit] {
	border: 1px solid #858585;
	margin-top: 10px;
	background-color: #FFFFFF;
}
.suche {
	margin: 0px; 
	padding-top: 10px;
}
.suche p {
	padding: 10px 0;
}
/* Ajax Newsletter Ende */

/* Logo Kurt Wolff */
.kwslogo {
	margin: 30px 0 20px 30px;
}
.kwslogo img {
	border: none;
}

a img {
	 border-color: #000;
}

ul.commentlist {
	list-style-type: none;
}

ul.commentlist li {
	margin-bottom: 18px;
}
ul.commentlist li p {
	margin-bottom: 6px;
	margin-left: 10px;
}
ul.commentlist li p.commentmeta {
	margin-bottom: 10px;
	margin-left: 0px;
}


/* alt */

#content ul {
	list-style-type: circle;
}

#content ul, #content ol {
	margin-left: 20px;
	padding-left: 20px;
}

#content blockquote {
	margin-left: 20px;
	padding-left: 5px;
	border-left: 2px dotted #00CCFF;
}

.blog p, .blog ul, .blog ol, .blog blockquote {
	margin-bottom: 12px;
}

.right {
	text-align:right;
}

 /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe ben�tigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }