/*  
Theme Name: Sliding Door
Theme URI: http://mac-host.com/slidingdoor/
Description:A unique template featuring  sliding images in the header based on phatfusion imagemenu.  Sliding images in header link to pages, or can be redirected using the Page Links To plugin. The theme has a comprehensive support forum to help you get started at http://mac-host.com/support  
Version: 1.8.1
Author: Wayne Connor
Author URI: http://www.macintoshhowto.com/
Tags: black, fixed-width, custom-header, photoblogging, dark, left-sidebar

*/



* { margin: 0; padding: 0; list-style: none; }

body {
	text-align: center;
	color: #fff;
	font-family: "Arial", Helvetica, "Verdana", sans-serif;
/*	background-color: #000; */
    background-color: #660000;
/*	background: url(http://www.bolluci.at/betonzaun/wp-content/uploads/2009/10/mima-raute-rot.gif); */
}

body a {
		color: #42adfb;
}


#upperBar {
	height: 0px;
	background: #01bcff; 
}

#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
	position: relative;
}    

/* 
#welcomeheading a {
	margin-bottom: 10px;
	padding-bottom: 15px;
	font: 40pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
}
*/

div#welcomeheading h1, div#welcomeheading h2 { display: none; }
#welcomeheading { 
  background: url(http://www.bolluci.at/betonzaun/wp-content/uploads/headertext.gif) no-repeat bottom; 
		width: 955px; 
		height: 120px;
}

div.reftext { width: 480px; height: 24px; margin: 0px;	padding: 0px; font-family: "Arial", Helvetica, "Verdana", sans-serif; 
             		font-size: 16px; background-color: #660000; color: #fff;	line-height: 24px; vertical-align: middle; text-align: left; font-weight: normal; float: left; }
div.headtext { width: 960px; height: 28px; margin: 0px;	padding: 0px; font-family: "Arial", Helvetica, "Verdana", sans-serif; 
             		font-size: 22px; background-color: #660000; color: #fff;	line-height: 28px; vertical-align: middle; font-weight: bold; }
div.infotext { width: 960px; margin: 0px;	padding: 0px; font-family: "Arial", Helvetica, "Verdana", sans-serif; 
             		font-size: 16px; background-color: #660000; color: #fff; font-weight: normal;	}

div.sprachewerbung { width: 960px; height: 35px;	margin: 0px 0px 10px 0px;	padding: 0px;	position: static; }
div.sprache { width: 50px;	height: 35px;	margin: 0px;	padding: 0px;	position: relative;	left: 0px;	top: 3px; }
div.werbung { width: 900px; height: 25px; margin: 0px;	padding: 0px; font-family: "Arial", Helvetica, "Verdana", sans-serif; 
            		font-size: 18px; background-color: #fff;	line-height: 25px; text-align: center; vertical-align: middle;
														position: relative;	left: 57px;	top: -25px; }
div.sprache a, 
div.sprache img, 
div.werbung a { margin: 0px;	padding: 0px; }

/* Gesamtbehaelter fuer Muster und Textinhalten */
div.katalogges { width: 247px; height: 208px; margin: 0px 0px 0px -7px; padding: 0px; font-family: "Arial", Helvetica, "Verdana", sans-serif; vertical-align: middle; float: left;}
/* Behaelter fuer Muster-Image */
div.katalogimg { width: 160px; height:150px; marging: 0px; padding: 0px; float: left; }
/* Behaelter fuer Muster-Nummer-Gesamt */
div.katalognml { width: 240px; height: 30px; marging: 0px; padding: 0px; position: relative; left: 7px; float: left;}
/* Behaelter fuer Muster-Nummer */
div.katalognum { width: 32px; height: 30px; marging: 0px; padding: 0px; font-size: 18px; font-weight: bold;	line-height: 28px; text-align: center; vertical-align: bottom; background-color: #3A8A67; color: #fff; float: left;}
/* Behaelter fuer Muster-Nummer-leer */
div.katalognul { width: 194px; height: 30px; marging: 0px; padding: 0px; font-size: 18px; font-weight: bold;	line-height: 30px; background-color: #02693C; float: left;}
/* Behaelter fuer Muster-Art-Nummer und Muster-Art-Text */
div.katalogant { width: 73px; height: 150px; marging: 0px; padding: 0px; float: left;	display: inline; }
/* Behaelter fuer Muster-Art-Nummer */
div.katalogarn { width: 20px; height: 30px; marging: 0px; padding: 0px; background-color: #02693C; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; text-align: center; float: left; }
/* Behaelter fuer Muster-Art-Text */
div.katalogart { width: 53px; height: 30px; marging: 0px; padding: 0px; background-color: #02693C; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; text-align: center; float: left; }
/* Behaelter fuer Muster-Masze */
div.katalogmas { width: 226px; height: 18px; marging: 0px; padding: 0px; background-color: #D9EED2; color: #000; font-size: 11px; font-weight: normal; line-height: 16px; text-align: center; float: left; }
/* Behaelter fuer leeren Muster-Inhalt */
div.katalogler { width: 73px; height: 30px; marging: 0px; padding: 0px; background-color: #660000; line-height: 30px; float: left; }
/* Behaelter fuer Muster-Text-Gesamt */
div.katalogtxg { width: 708px; height: 198px; marging: 0px; padding: 8px 0px 8px 8px; font-size: 14px; line-height: 22px; vertical-align: middle; font-weight: bold; float: left; }
/* Behaelter fuer Muster-Text-dunkelgruen */
div.katalogttd { width: 321px; height: 24px; marging: 0px; padding: 0px; text-align: left; background-color: #02693C; color: #fff; float: left; }
/* Behaelter fuer Muster-Text-hellgruen */
div.katalogtth { width: 321px; height: 24px; marging: 0px; padding: 0px; text-align: left; background-color: #D9EED2; color: #000; float: left; }
/* Behaelter fuer Muster-Preis-dunkelgruen */
div.katalogtpd { width: 60px; height: 24px; marging: 0px; padding: 0px; text-align: center; background-color: #02693C; color: #fff; float: left; }
/* Behaelter fuer Muster-Preis-hellgruen */
div.katalogtph { width: 60px; height: 24px; marging: 0px; padding: 0px; text-align: center; background-color: #D9EED2; color: #000; float: left; }
/* Behaelter fuer Muster-Hinweis-Gesamt */
div.kataloghig { width: 219px; height: 198px; marging: 0px; padding: 8px 8px 8px 8px; font-size: 14px; line-height: 22px; text-align: center; vertical-align: middle; font-weight: bold; float: left; }
/* Behaelter fuer Muster-Hinweis-dunkelgruen */
div.kataloghid { width: 211px; height: 24px; marging: 0px; padding: 0px; background-color: #02693C; color: #fff; float: left; }
/* Behaelter fuer Muster-Hinweis-hellgruen */
div.kataloghih { width: 211px; height: 24px; marging: 0px; padding: 0px; background-color: #D9EED2; color: #000; float: left; }
/* Behaelter fuer Muster-Hinweis-rot */
div.kataloghir { width: 211px; height: 24px; marging: 0px; padding: 0px; background-color: #660000; float: left; }

/* Gesamtbehaelter fuer Hinweis */
div.katalogghw { width: 240px; margin: 0px; padding: 0px; background-color: #660000; font-family: "Arial", Helvetica, "Verdana", sans-serif; font-weight: bold; vertical-align: middle; float: left;}
/* Gesamtbehaelter fuer Hinweis marging-left 7px */
div.katalogghwl7 { width: 240px; margin: 0px 0px 0px 7px; padding: 0px; background-color: #660000; font-family: "Arial", Helvetica, "Verdana", sans-serif; font-weight: bold; vertical-align: middle; float: left;}
/* Gesamtbehaelter fuer Hinweis Breite 232px */
div.katalogghw232 { width: 232px; margin: 0px; padding: 0px; background-color: #660000; font-family: "Arial", Helvetica, "Verdana", sans-serif; font-weight: bold; vertical-align: middle; float: left;}
/* Behaelter fuer Hinweis-Text-rot */
div.kataloghwr { width: 226px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-weight: bold; background-color: #660000; color: #02693C; float: left;}
/* Behaelter fuer Hinweis-Text-gruen */
div.kataloghgr { width: 226px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; background-color: #02693C; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Text-hellgruen */
div.kataloghhg { width: 226px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; background-color: #3A8A67; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Text-gruen */
div.kataloghwg { width: 226px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-weight: bold; background-color: #02693C; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Preis-gruen */
div.kataloghpg { width: 60px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-weight: bold; background-color: #02693C; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Breite-Hoehe-gruen */
div.katalogbhg { width: 83px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-weight: bold; background-color: #02693C; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Text-gruen font 12px */
div.kataloghwg12 { width: 226px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 12px; font-weight: bold; background-color: #02693C; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Text-gruen font 12px */
div.kataloghgg12 { width: 226px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 12px; font-weight: bold; background-color: #D9EED2; color: #000; float: left;}
/* Behaelter fuer Hinweis-Preis-ganzhellgruen font 12px */
div.kataloghpg12 { width: 60px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 12px; font-weight: bold; background-color: #D9EED2; color: #000; float: left;}
/* Behaelter fuer Hinweis-Breite-Hoehe-ganzhellgruen font 12px */
div.katalogbhg12 { width: 83px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 12px; font-weight: bold; background-color: #D9EED2; color: #000; float: left;}
/* Behaelter fuer Hinweis-Preis-hellgruen font 12px */
div.kataloghpg14 { width: 60px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-weight: bold; background-color: #3A8A67; color: #fff; float: left;}
/* Behaelter fuer Hinweis-Breite-Hoehe-hellgruen font 12px */
div.katalogbhg14 { width: 83px; height: 24px; line-height: 23px; margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-weight: bold; background-color: #3A8A67; color: #fff; float: left;}


.h2dispnone { display: none; }

div#galerieimg { width: 960px; margin: 0px; padding: 0px; }
div.galerieimgct { width: 300px;	height: 220px; marging: 0px; border: 8px solid #3e3e3e; border-width: 8px 8px; float: left; }
div.galerieimgct a:hover { color: #fff; }
div.galerieimgct a:hover img { border: 8px solid #fff;	border-width: 8px 8px;	color: #fff; }
/*
div.galerieimglt { width: 300px;	height: 220px; marging: 0px; padding: 8px 20px 8px 0px;	float: left; }
div.galerieimgct { width: 300px;	height: 220px; marging: 0px; padding: 8px 8px 8px 8px;	float: left; }
div.galerieimgrt { width: 300px;	height: 220px; marging: 0px; padding: 8px 0px 8px 20px;	float: left; }
*/

div.kontaktfirmalang { width: 960px; marging: 0px; padding: 0px 0px 40px 0px; float: left;	display: inline; }
div.kontaktimg { width: 320px; marging: 0px; padding: 0px;	float: left; }
div.kontaktfirma { width: 320px; marging: 0px; padding: 0px;	text-align: left; float: left; }
div.kontaktfirmanameO { width: 320px; height: 30px; marging: 0px; padding: 0px; color: #fff; 
font-family: "Arial", Helvetica, "Verdana", sans-serif; font-size: 22px; background-color: #660000; font-weight: bold;	line-height: 29px; vertical-align: bottom; float: left; }
div.kontaktfirmanameU { width: 320px; height: 35px; marging: 0px; padding: 0px; color: #fff; 
font-family: "Arial", Helvetica, "Verdana", sans-serif; font-size: 22px; background-color: #660000; font-weight: bold;	line-height: 34px; vertical-align: top; float: left; }
div.kontaktfirmarest { width: 320px; height: 20px; marging: 0px; padding: 0px; color: #fff; font-size: 16px; font-weight: normal; background-color: #660000; line-height: 18px; vertical-align: middle; float: left; }
div.kontaktlang { width: 960px; marging: 0px; padding: 20px 0px 20px 0px; float: left;	display: inline; }
div.kontakt { width: 320px; marging: 0px; padding: 0px;	text-align: left; float: left; }
div.kontaktname { width: 320px; height: 30px; marging: 0px; padding: 0px; color: #fff; font-size: 24px;	font-weight: bold; line-height: 30px; font-family: "Arial", Helvetica, "Verdana", sans-serif; vertical-align: baseline; float: left; }
div.kontakttelmail { width: 60px; marging: 0px; padding: 0px; color: #fff; font-size: 16px;	font-weight: normal;	line-height: 20px; font-family: "Arial", Helvetica, "Verdana", sans-serif; vertical-align: middle; float: left; }
div.kontakttel { width: 260px; marging: 0px; padding: 0px; color: #FF0000; font-size: 16px; font-weight: bold; line-height: 20px; font-family: "Arial", Helvetica, "Verdana", sans-serif; vertical-align: middle; float: left; }
div.kontaktlink a { width: 260px; marging: 0px; padding: 0px; color: #FF0000; font-size: 16px;	font-weight: bold;	line-height: 20px; font-family: "Arial", Helvetica, "Verdana", sans-serif; vertical-align: middle; float: left; }
                
#content {
	float: right;
	width: 960px;
	margin-top: 0px;
}

	#content .notice p {
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 5px 0px;
		font-size: 12px;
	margin: 1px;
}
		#content .notice {

	margin-bottom: 20px;
}

    #content .post {
				float: left;
		position: relative;
		width: 960px;
		margin-bottom: 30px;
	padding-top: 0px;
}
	
	#content .post h2 a {
	color: #FFF;
	text-decoration: none;
	
	padding: 3px 0;
	font-size: 24px;
	font-weight: bold;
}

	#content .post h2 a:hover {
		color: #D5F3FF;
	}
	
	#content .post h3 {
		font-size: 12px;
		font-weight: normal;
		color: #999;
			margin-bottom: 0px;
	margin-top: 5px

}

 #content .post-details {

}

 #content .prevnext {
	margin-top: 20px;
	font: normal 13px/20px Verdana, Helvetica, Sans-serif;

	
}	
	#content .post h3 a {
		color: #999;
	}              
	
	#content .post h3 a:hover {
		text-decoration: none;
	}
	
	#content .post img {
/*	max-width: 640px; */
	max-width: 960px;
	margin-bottom: 0px;
	margin-top: 0px;

}     


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

#content p.wp-caption-text  
   {
   font-size: 11px;
   line-height: 17px;

   margin: 10px;
	color: #000;
	text-align: center;
}
	
	#content .post a img { margin: 0px;
	}
		
	#content .post ul {
		margin-left: 20px !important;
	}
	
	#content .post ul li {
		list-style-type: disc !important;
	}
	
	#content p,
	#content .post ul li {
		font: normal 13px/20px Verdana, Helvetica, Sans-serif;
		margin-bottom: 10px;
		margin-top: 10px;
	color: #eaeaea;
	margin-right: 0px;
	text-align: justify;
}
	
	#content blockquote {
	margin-left: 10px;
	border-left: 3px solid #555;
	padding-left: 10px;
	font-style: italic;
}
	
	#content p a {
		color: #42adfb;
	}
	
	#content p a:hover {
		text-decoration: none;
	} 
	
	#content small {
	    margin: 0 auto;
	    text-align: center;
	    display: block;
	    border-top: 3px solid #333;
	    border-bottom: 1px solid #333;
	    font-size: 11px;
	    color: #999;
	}
	
	#content ol {
	line-height: 1.6;
}
	#content ol.commentlist {
		margin-top: 10px;
	}
	
	#content ol.commentlist li {
		border-top: 1px solid #333;
		margin-bottom: 10px;
	} 
	
		#content ol.commentlist li .commentMeta {
			width: 120px;
			float: left;
			margin-top: 5px;

		} 
		
		    #content ol.commentlist li .commentMeta span {
				display: block;
			}
			
			#content ol.commentlist li .commentMeta span.author,
			#content ol.commentlist li .commentMeta span.author a {
				color: #CCC;    
				text-decoration: none;
				margin-bottom: 5px;
			}                     
			
			#content ol.commentlist li .commentMeta span.date a {
				color: #666;
				text-decoration: none;
				font-size: 11px;
			}

			#content ol.commentlist li .commentMeta span.moderate a {
				color: #42adfb;
			}
		
		#content ol.commentlist li .commentText {
			width: 450px;
			float: right;
			padding: 5px;
			font-size: 12px;
		}
	
	
	#content ol.commentlist .avatar {
float: left;
}


	#content h3 {
		color: #42adfb;

	}
	
	#content #commentform input {
		padding: 5px;
		font-family: Arial, Helvetica, Sans-serif;
	}
	
	#content #commentform textarea {
		width: 410px;
		padding: 10px;
		font-family: Arial, Helvetica, Sans-serif;
	}
	
	#content .nextprevious {
		height: 40px;
		display: block;
	} 
	
	#content .nextprevious a {
		color: #CCC;
	}               
	
	#content .nextprevious .left {
		float: left;
	}              
	
	#content .nextprevious .right {
		float: right;
	}
	
	#content .adBrite {
		display: block;
		margin-bottom: 20px;
		border: 1px solid #333;
	}

#sidebar {
/*	width: 232px; */
	width: 140px;
	float: none;
	padding-top: 8px;
	text-align: left;
} 

#sitemeter {
	text-align: center;
/*	width: 160px; */
	width: 140px;
		font-size: 11px;
		color: #999;
}
#sitemeter img{
	padding-bottom: 8px;
	padding-top: 8px;
}

	#sidebar h2 {
list-style-type: none; /* Mein Einbau */
		font-weight: normal;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	padding-top: 8px;
}
	
	#sidebar a img {
		border: none;
	}
	

	#sidebar ul {
		margin-top: 10px;
		margin-bottom: 10px;
}
	
	#sidebar ul li {
		font-size: 14px;
		background: url(img/bullet.png) 0 5px no-repeat;
		padding: 0 10px;
		margin: 0 0 5px 5px;
	}
	
	#sidebar ul li a {
		color: #999;
		text-decoration: none;
	}
	
	#sidebar ul li span {
	color: #666;
		margin-left: 5px;
	}
	
	#sidebar ul li a:hover {
		color: #CCC;
		background-color: #006666;  /* Mein Einbau */
 	display: block;             /* Mein Einbau */
		width: 70px;                /* Mein Einbau */
	}
	
	#sidebar ul#nav {
		margin: 10px 0 20px 0;
}
	
	#sidebar ul#nav li {
		margin: 0;
		padding: 0;
	}
		
	#sidebar ul#nav li a {
		display: block;
		height: 17px;
		padding: 7px 10px;
		background: url(img/nav_off.png) 0 0 no-repeat;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		color: #999;
	}
	
	#sidebar ul#nav li a:hover {
		background: url(img/nav_off.png) 0 -31px no-repeat;
	}        
	
	#sidebar ul#nav li a.active {
		background: url(img/nav_on.png) 0 0 no-repeat;
		color: #FFF;
	}

div#footer { line-height: 80px; }
div#footer p { vertical-align: bottom; }
div#footer a { color: #FF0000; text-decoration: none; }

#footer hr {
height: 60px;
width: 960px;
}


#sidebar #footer {
	border-top: 1px double #ccc;
    border-bottom: 1px solid #ccc;
    padding: 7px 0 2px;
    font-size: 11px;
	margin-top: 10px;
	margin-bottom: 20px;
}

    #sidebar #footer p {
        margin-bottom: 5px;
        color: #eee;
	text-align: center;
}
    
    #sidebar #footer a {
        color: #999;
	text-decoration: none;
}
    
    #sidebar #footer a:hover {
        text-decoration: none;
        color: #fff;
    }

div#working h1 { display: none; }
div#working { display: none;
/*  background: url(http://www.bolluci.at/betonzaun/wp-content/uploads/headertextunten.gif) no-repeat bottom; 
		width: 955px; 
		height: 35px; */
}

.clearfix {
	clear: both;
}	

.ctc {
text-align: center;
	text-decoration: none;
	line-height: 80%;
	background-color: #000;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}	


.ctc a {
	text-decoration: none;
	text-transform: lowercase;
	font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	margin: 4px;
	border: thin none #060606;
}
.ctc a:hover{
	color: #fff;
	margin: 3px;
	border: thin solid #8acef3;
	background-color: #0c0c0c;
}

[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

 #upperBox {
	margin-bottom: 10px;
	text-align: center;
	position: absolute;
	right: 0;
	padding-top: 5px;
}
	
 #upperBox a img {
		display: block;
		margin: 0 auto;
		border: none;
	}
	

	 #upperBox p {
		margin: 5px 0;
		font-size: 10px;
		text-align: center;
	}
	
	 #upperBox input {
		height: 18px;
		padding: 5px 5px 5px 25px;
		background: url(img/upperBox_search.png) top left no-repeat;
		border: 0;
		width: 100px;
		color: #9ec7eb;
		margin-top: 5px;
	}
	
	 #upperBox input:focus {
		color: #FFF;
	}

  
