@charset "utf-8";

/*
THEME NAME: Moskito Quickstop
THEME URI: http://www.moskito-quickstop.de
DESCRIPTION: Dieses Theme ist für Moskito Quickstop
VERSION: 1.0
AUTHOR: <a href="http://www.we-design.it">we-design</a>
AUTHOR URI: http://www.we-design.it
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
font-size:100%;
font-weight:normal;
}

address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul, li{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left; font-size:10px;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

strong{font-weight:bold;}
em{font-style:italic;}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal; clear:both;}

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0; } /* Use this br class to clear your floated columns */
div { position:relative; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/*
-----------------------------------------
LAYOUT
-----------------------------------------
*/
.aligncenter{display:block; margin:0 auto;}
.alignleft{float:left; margin:8px 15px 8px 0;}
.alignright{float:right; margin:8px 0 8px 15px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */


html, body {
	background:#990000 url(images/site_bg.gif) top left repeat-x;
	font-family: Verdana, Arial, sans-serif;
	color:#fff;
	height:100%;
	text-align:center;
	}

body {
	font-size: 12px;
}

html>body {
	font-size: 12px;
}

a, a:link {
	color: #990000;
	text-decoration: none;
}

a:visited {
	color: #990000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	margin-bottom: 14px;
	line-height:17px;
	color:#000;
}

h1{color:#000; font-size:20px; line-height:27px; margin:0 0 10px 0; text-transform:uppercase;}
h2{color:#000; font-size:18px; line-height:18px; margin:0 0 4px 0; }
h3{border-bottom:1px dotted #000; color:#000; font-size:16px; line-height:16px; margin:0 0 10px 0; padding:0 0 5px; clear:both;}
h4{border-bottom:1px dotted #000; color:#000; font-size:15px; line-height:27px; margin:0 0 6px 0; padding:0 0 2px;}
h5{color:#000; font-size:14px; line-height:23px; margin:0; padding:0; font-weight:bold;}
h6{color:#000; font-size:14px;  font-weight:bold; line-height:23px; margin:0; padding:0;}

/*--------Ab hier dann Seitenlayout ----------------*/
#wrapper{width:100%; margin:0 auto; padding:0; height:100%; text-align:left;}

#header{}
#headertop{width:945px; margin:0 auto; height:157px;}
#main{width:945px; margin:0 auto; padding:0;}

/*------- Sidebar ----------*/
#sidebar{width:212px; float:left; display:inline; margin:40px 0 0 0; padding:0; position:absolute; z-index:100;}
#sidebar ul#menu{margin:0;; padding:0; list-style:disc; list-style-type:disc;}
#sidebar ul li{line-height:24px; margin:0; padding:0; list-style:disc; list-style-type:disc;}
#sidebar ul li.horizontale-linie_cls{line-height:24px; margin:0 0 5px 0; padding:0 0 5px 0; list-style:none; list-style-type:none; border-bottom:1px dotted #fff; width:158px;}
#sidebar ul li a{color:#fff; height:24px; line-height:24px; display:block;}
/*#sidebar ul li.page-item-48 ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:none;}
#sidebar ul li.page-item-48.current_page_item ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li.page-item-48.current_page_parent ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}*/
#sidebar ul li.menu-item-433 ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:none;}
#sidebar ul li.menu-item-433.current-menu-item ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li.menu-item-433.current-menu-parent ul, #sidebar ul li.menu-item-433.current-page-ancestor ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li.menu-item-433.current-page-ancestor ul li.menu-item-434.current-page-parent ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}


/*
#sidebar ul li.current_page_item ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li.current_page_parent ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li ul li.current_page_parent{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li.current_page_parent ul li.current_page_item ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
#sidebar ul li.current_page_parent ul li.current_page_item ul{line-height:24px; margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; display:block;}
*/


/*-------- Content ---------*/

#content{width:733px; min-height:200px; float:right; display:inline; margin:0; padding:0; background: #fff url(images/contentrepeaty.gif) top center repeat-y;}
#contenttop{width:733px; height: 36px; margin:0; padding:0; background: #fff url(images/contenttop.gif) top center no-repeat;}
#contentinner{margin:0; padding:5px 25px 10px 25px; color:#000;}
#contentinner ul{margin:0; padding:0 0 15px 15px; list-style:disc; list-style-type:disc; color:#000;}
#contentinner ul li{margin:0 0 4px 15px; padding: 0; list-style:disc; list-style-type:disc;}

#breadcrumb{padding:10px 0 0 0; margin:0 0 0 25px; color:#000;}
#breadcrumb p{font-size:12px; color:#990000;}

#sitemap{}
#sitemap ul{margin:0; padding:0 0 0 15px; list-style:disc; list-style-type:disc; color:#990000;}
#sitemap ul li{margin:0 0 4px 15px; padding: 0; list-style:disc; list-style-type:disc;}
#sitemapul li a{}


/*------- Main Kontakt Page ----------*/
#mainkontakt{padding:0 0 0 16px;}
#addresstwo{float:left; display:inline;  width:232px; padding:0; border-right:1px solid #bbb;}
#kontaktmain{float:right; display:inline; width:248px; padding: 0 0 0 20px; magrin: 0;}

/*------- Footer ----------*/
#footer{background:transparent url(images/footer.png) top right no-repeat; height:16px; padding:0; width:945px; margin:0 auto;}
#footer p, #footer p a{color:#fff; font-size:12px; margin:0; padding:0;}
#printsendfeature{margin:0; position:absolute; top:0; left:237px; width:500px; padding:18px 0 0 0; float:left; display:inline;}
#printsendfeature p{display:block;}
#printsendfeature a.printlink{width:100px; height:16px; line-height:16px; background:transparent url(images/printer.png) center left no-repeat; margin:0; padding:0 0 0 20px;}
#printsendfeature a.printlink:hover{text-decoration:underline; cursor:pointer;}
#printsendfeature a.sendlink{width:160px; height:16px; line-height:16px; background:transparent url(images/email.png) center left no-repeat; margin:0; padding:0 0 0 20px;}
#printsendfeature a.sendlink:hover{text-decoration:underline; cursor:pointer;}
#footerinfo{float:right; display:inline; padding:18px 25px 0 0;}

/* -- Kontaktpage ----------------------------------------------------------------- */
#spalte_links{float:left; display:inline; margin:0; padding:0;}
#spalte_rechts{float:right; display:inline; margin:0; padding:0;}

div.kontaktform { 
margin:0;
padding:4px 0 0 34px;
background:#fff url(images/kontaktformular.jpg) top left no-repeat;
width: 232px; height:432px;
} 

#spalte_rechts div.kontaktform { 
magrin:0;
padding:0 0 20px 0;
background:none;
width: 416px; height:auto;
} 
img.wp-image-412{margin:8px 15px 9px 0;}
div.kontaktform h1 { 
	color:#c50812;
	font-size:14px;
	padding:15px 0 10px 5px;
} 

div.kontaktform label {
	width:100%;
	display: block;
	padding:0 0 8px 0; 
} 

div.kontaktform label span { 
	display: block;
	color:#fff;
	font-size:13px;
	float:left;
	width:100px;
	text-align:left;
	padding:5px 0 2px 0; 
} 

#spalte_rechts div.kontaktform label span { 
	display: block;
	color:#000;
	font-size:13px;
	float:left;
	width:140px;
	text-align:left;
	padding:5px 0 2px 0; 
} 

div.kontaktform .input_text { 
	padding:4px 5px;
	width:240px;
	border: 1px solid #000;
	color:#000;
} 

div.kontaktform .message{ 
	color:#000;
	padding:5px;
	width:240px;
	border: 1px solid #000;
	overflow:hidden; 
	height:100px;
	overflow:auto;
} 

div.kontaktform .submit { 
	margin:0 0 10px 0;
	padding:4px 7px;
	border:0px;
	position: relative;
	top:10px;
	left:0;
	border: 1px solid #9A0000;
	color:#fff;
	background-color:#9A0000;
	width:100px;
}

#spalte_rechts div.kontaktform .submit { 
	margin:0 0 10px 0;
	padding:4px 7px;
	border:0px;
	position: relative;
	top:10px;
	left:0;
	border: 1px solid #9A0000;
	color:#fff;
	background-color:#9A0000;
	width:100px;
}
#spalte_rechts div.kontaktform h3 {font-size:15px; line-height:23px; margin:0 0 5px 0; padding:0 0 10px 0;}

div.kontaktform .submit:hover {color:#f39100;}



#spalte_rechts p.fehler a{
	background-color:#C50812;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	width:385px;
	}
	
#spalte_rechts p.erfolg{
	background-color:#060;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	width:385px;
	}


/*------ PageNavi ---------*/
div.pagenavigation{height:50px;}

/*  --  Quickinfo -- */
#quickinfo{
	height:100px; 
	position:relative; 
	margin: -140px auto 30px auto;
	border-top: 1px solid #DDDDDD; 
	z-index:6; 
	text-align:left; 
	padding:10px; 
	overflow: auto;
	}
#quickinfo .post h1{color:#fff; font-size:18px;}
#quickinfo .post p{color:#fff;}


/*----------- Berechnungsform Styling --------------*/
#contentinner #berechnungsform{float:right; width:368px; padding:0 5px;}

#contentinner #berechnungsform label {
	display:block;
	padding:0 0 2px;
	width:100%;
	clear:both;
	}

#contentinner #berechnungsform label span {
	display:block;
	font-size:13px;
	padding:5px 0 2px;
	text-align:left;
	}
	
#contentinner #berechnungsform .input_text {
	border:1px solid #BBBBBB;
	color:#343434;
	padding:2px;
	width:100px;
	}
	
#contentinner #berechnungsform select{border:1px solid #BBBBBB; padding:0; width:212px;}
		
#contentinner #berechnungsform .submit{margin:5px 0 10px 0; padding: 0; border:none; cursor:pointer; background: transparent url(images/berechnen-button.jpg) top left no-repeat; text-indent:-9999px; width:159px; height:44px; display:block;}

/*--------------- Zusatzinformationen anzeigen --------------*/

#contentinner #berechnungsform #colorbox{
	background-color:#F7FBF5;
	border:1px solid #000000;
	height:17px;
	position:absolute;
	right:119px;
	top:-21px;
	width:30px;
	}

#contentinner #berechnungsform div.zusatzinfo1{
	height:30px;
	position:absolute;
	right:227px;
	top:-20px;
	width:30px;
	background: transparent url(images/information2.png) top left no-repeat;
	font-size:11px;
	}

#contentinner #berechnungsform div.zusatzinfo1 a{display:block; width:18px; height:18px;}


#contentinner #berechnungsform div.zusatzinfo1 a span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	width:280px;
	position:absolute;
	z-index:1000;
	-moz-border-radius:4px;
	color:#000;
}

#contentinner #berechnungsform div.zusatzinfo2{
	height:30px;
	position:absolute;
	right:121px;
	top:-19px;
	width:30px;
	background: transparent url(images/information2.png) top left no-repeat;
	font-size:11px;
	}

#contentinner #berechnungsform div.zusatzinfo2 a{display:block; width:18px; height:18px;}


#contentinner #berechnungsform div.zusatzinfo2 a span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	width:180px;
	height:200px;
	overflow:auto;
	position:absolute;
	z-index:1000;
	-moz-border-radius:4px;
	color:#000;
}

#contentinner #berechnungsform div.zusatzinfo3{
	height:30px;
	position:absolute;
	right:86px;
	top:-19px;
	width:30px;
	background: transparent url(images/information2.png) top left no-repeat;
	}

#contentinner #berechnungsform div.zusatzinfo3 a{display:block; width:18px; height:18px;}


#contentinner #berechnungsform div.zusatzinfo3 a span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	width:145px;
	height:155px;
	overflow:auto;
	position:absolute;
	z-index:1000;
	-moz-border-radius:4px;
	color:#000;
}

#contentinner #berechnungsform div.zusatzinfo4{
	height:30px;
	position:absolute;
	right:227px;
	top:-20px;
	width:30px;
	background: transparent url(images/information2.png) top left no-repeat;
	font-size:11px;
	}

#contentinner #berechnungsform div.zusatzinfo4 a{display:block; width:18px; height:18px;}


#contentinner #berechnungsform div.zusatzinfo4 a span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	position:absolute;
	width:280px;
	z-index:1000;
	-moz-border-radius:4px;
	color:#000;
}


#contentinner #berechnungsform div.zusatzinfo5{
	height:30px;
	position:absolute;
	right:227px;
	top:-24px;
	width:30px;
	background: transparent url(images/information2.png) top left no-repeat;
	font-size:11px;
	}

#contentinner #berechnungsform div.zusatzinfo5 a{display:block; width:18px; height:18px;}


#contentinner #berechnungsform div.zusatzinfo5 a span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	position:absolute;
	width:280px;
	z-index:1000;
	-moz-border-radius:4px;
	color:#000;
}


#contentinner #berechnungsform div.zusatzinfo6{
	height:30px;
	position:absolute;
	right:203px;
	top:-18px;
	width:30px;
	background: transparent url(images/information2.png) top left no-repeat;
	font-size:11px;
	}

#contentinner #berechnungsform div.zusatzinfo6 a{display:block; width:18px; height:18px;}


#contentinner #berechnungsform div.zusatzinfo6 a span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	position:absolute;
	width:280px;
	z-index:1000;
	-moz-border-radius:4px;
	color:#000;
}

#preisausgabe .right_col a.tooltips2 span{
	background:#F2F2F2;
	display:none;
	padding:15px;
	width:200px;
	position:absolute;
	z-index:1000;
	-moz-border-radius:4px;
	color:#990000;
}

#contentinner #berechnungsform div.zusatzinfo1 a span ul, #contentinner #berechnungsform div.zusatzinfo2 a span ul, #contentinner #berechnungsform div.zusatzinfo3 a span ul, #contentinner #berechnungsform div.zusatzinfo4 a span ul {
padding:0; margin:3px 0 4px 0;}

#contentinner #preisausgabe{ background-color:#f0f0f0; padding:10px; margin:0; }
#contentinner #preisausgabe .left_col{ padding:0; margin:0; float:left; display:inline; width:275px; }
#contentinner #preisausgabe .right_col{ background-color:#FFFFFF; display:inline; float:right; margin:0; padding:10px; width:260px; }
#contentinner #preisausgabe .right_col h4{border:none; margin:0 0 10px 0;}
.right_col #inwarenkorb{background: transparent url(images/kaufen-button.jpg) top left no-repeat; width:159px; height:44px; display:block; text-indent:-9999px; margin: 10px 0 0 0;}

.seen{display:block;}
.notseen{display:none;}

p.wp-caption-text{text-align:center;}
div.wp-caption {margin:0 -11px 0 0;}

/*---------- Shop Anpassungen machen ab hier -----------*/
fieldset.simplecart_fieldset input.remove{width:18px; height:18px; background:#fff url(images/remove.gif) top left no-repeat; border:none; text-indent:-9999px; cursor:pointer;}
fieldset.simplecart_fieldset input.updatewarenkorb{background:#F0F0F0 url(images/refresh.gif) no-repeat scroll 3px 4px; border:medium none; cursor:pointer; padding:4px 0 4px 20px;}
fieldset.simplecart_fieldset .little_left{float:left; display:inline; width:186px;}
fieldset.simplecart_fieldset .littel_right{float:right; display:inline; width:118px;}

div#goldenoak{background:transparent url(images/goldenoak.jpg) top left no-repeat; width:100px; height:100px; display:block; margin:4px 0 0 10px;}
div#mahagoni{background:transparent url(images/mahagoni.jpg) top left no-repeat; width:100px; height:100px; display:block; margin:4px 0 0 10px;}
div#zmass{background:transparent url(images/zmassmessen.jpg) top left no-repeat; width:280px; height:162px; display:block; margin:4px 0 0 0;}
div#lichtemass{background:transparent url(images/lichtemassmessen2.jpg) top left no-repeat; width:280px; height:210px; display:block; margin:4px 0 0 0;}
div#griffsprosse{background:transparent url(images/griffsprossenhoehe.jpg) top left no-repeat; width:96px; height:210px; display:block; margin:4px 8px 0 0; float:left; display:inline; }

div#profilinfobild1{background:transparent url(images/Profilinfo_Bild1.jpg) top left no-repeat; width:220px; height:164px; display:block; margin:4px 0 0 0;}
div#profilinfobild2{background:transparent url(images/Profilinfo_Bild2.jpg) top left no-repeat; width:220px; height:164px; display:block; margin:4px 0 0 0;}
div#profilinfobild3{background:transparent url(images/Profilinfo_Bild3.jpg) top left no-repeat; width:220px; height:164px; display:block; margin:4px 0 0 0;}

div#trittschutz{background:transparent url(images/trittschutz.jpg) top left no-repeat; width:280px; height:96px; display:block; margin:4px 0 0 0;}

div.simpleshop_product_quantity{display:none;}
span.form-required{color:#990000;}

#contentinner select{border:1px solid #BBBBBB; padding:0;}
#contentinner img.spannrahmenlinks{margin:0 0 20px 84px; padding:0; float:left;}
#contentinner img.drehtuerrechts{margin:0 114px 20px 0; padding:0; float:left;}
#attachment_310{margin:0 160px 0 0;}


/*  --  Quickinfo -- */
#quickinfo{
	border-top:1px solid #DDDDDD;
	height:260px;
	left:107px;
	margin:0 auto 30px;
	overflow:auto;
	padding:10px;
	position:relative;
	text-align:left;
	top:16px;
	width:668px;
	z-index:6;
	}

#bestellenweiter, #bestellungabschliessen{background-color:#090; color:#fff;}
p#versandinfo{margin:0 0 5px 0; padding:0;}

/*-------- Modal Box AGB ----------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:682px; 
  height:480px;
  padding:15px;
  background-color:#ffffff;
  overflow:auto;
  text-align:left;
}