/*   
Theme Name: glasprofi24
Theme URI: www.schwedes.com
Description: custom theme for glasprofi24.de
Version: 0.1
Author: Martin Schwedes
Author URI: http://www.schwedes.com

*/


/* Site preparations */
* {
	margin: 0;
	padding: 0;
	}
html {
	height: 100%;
	width: 100%;
	font: 62.5% Geneva, Arial, Helvetica, sans-serif;  /* Means 1em == 10px, 1.2em == 12px, etc. */
	}
body {
	font-family: Geneva, Arial, Helvetica, sans-serif; /* editorview */
	font-weight: normal;
	font-size: 1.2em;
	height: 100%;
	width: 100%;
	background-color: white;
	}
	
	
	/* Over all Elements */
	p, h2, h3, h4, h5, h6 {
		/*font-size: 1em;*/
		}
	.textwidget h2, .index h2{
	  font-size: 1em;
	}
	h2 {
		font-weight: bold;
		}
	#imagebox-show h3  {
		font-size: 1em;
		margin: 0 0 8px 2px;
		font-weight: bold;
		}
	p {
		margin: 0 0 6px 0;
		font-weight: normal;
		}




	img {
		border: 0;
		}

	img.alignright, .alignright {
		float:right; 
		margin:0 0 1em 1em; 
		}
	img.alignleft, .alignleft {
		float:left; 
		margin:0 1em 1em 0;
		}
	img.aligncenter, .aligncenter {
		display: block; 
		margin-left: auto; 
		margin-right: auto;
		}
	a img.alignright {
		float:right; 
		margin:0 0 1em 1em;
		}
	a img.alignleft {
		float:left; 
		margin:0 1em 1em 0; 
		}
	a img.aligncenter {
		display: block; 
		margin-left: auto; 
		margin-right: auto;
		}
	

	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*|--wrapper-------------------------------------------------|*/
/*|                                                          |*/
/*||-contentheader------------------------------------------||*/
/*||                                                        ||*/
/*||--------------------------------------------------------||*/
/*|                                                          |*/
/*||-contentwrapper-----------------------------------------||*/
/*||                                                        ||*/
/*|||-sb-left-----||-contentbox-------------||-sb-right----|||*/
/*||| 1.          || 2.                     || 3.          |||*/
/*|||             ||                        ||             |||*/
/*|||             ||                        ||             |||*/
/*|||-------------||------------------------||-------------|||*/
/*||--------------------------------------------------------||*/
/*|                                                          |*/
/*||-footer-------------------------------------------------||*/ 
/*||                                                        ||*/
/*||--------------------------------------------------------||*/
/*|----------------------------------------------------------|*/

#wrapper {
	width: 1070px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}
#contentheader {
	width: 1070px;
	height: 58px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #aab3bf;
	/*background-color: #CBD0D8;*/
	text-align: none !important;
	padding: 0 !important;
	}
#contentwrapper {
	float: left;
	width: 1070px;
	background: url(images/glasprofi_bg_new.png) repeat-y;
	min-height: 1000px;
	}
#sidebar_left {
	float: left;
	position: relative;
	width: 185px;
	height: 100%;
	padding-left: 50;
	/*background-color: #919CAC;*/
    list-style: none;

	}
#sidebar_left ul, ul{
	list-style-type: none;
}
#sidebar_right {
	float: right;
	position: relative;
	width: 175px;
	height: 100%;
	/*background-color: #CBD0D8;*/
    list-style-type: none;
	text-align: center;
	/*padding-left: 10px;*/
	}
#contentbox {
	float: left;
	position: relative;
	width: 685px;
	background-color: white;
	padding: 0 7px;
	}
#footerbox {
	clear: both;
	width: 1000px;
	height: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
list-style-type: none;

	}


/* Content header */
#contentheader img {
	background-color: #FFF;
	}
#contentheader .siteinfo {
	/*margin-top: 40px;*/
	margin-right: 5px;
	/*float: right;*/
	}
#contentheader .siteinfo a {
	font-size: 88%;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}
#contentheader .siteinfo a:hover {
	text-decoration: underline;
	}

/* Sidebar left */
#sidebar_left .navigation {
	margin: 0;
	width: 185px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #dfa71f;
	}
#sidebar_left .navigation .cat-item a,
#sidebar_left .navigation .page_item a,
#sidebar_left .navigation .current_page_item a {
	display: block;
	text-decoration: none;
	color: white;
	padding: 4px 2px 5px 10px;
	}
#sidebar_left .navigation .cat-item a:hover,
#sidebar_left .navigation .current-cat,
#sidebar_left .navigation .page_item a:hover,
#sidebar_left .navigation .current_page_item {
	text-decoration: underline;
	color: #FFF;
	font-weight: bold;
	}
#sidebar_left .navigation .cat-item a:active,
#sidebar_left .navigation .page_item a:active {
	text-decoration: underline;
	}
#sidebar_left .navigation .cat-item a:active,
#sidebar_left .navigation .page_item a:active {
	font-size: 1em;
	}
#sidebar_left .service,
#sidebar_left .textwidget {
	padding-left: 10px;
	padding-top: 8px;
	height: 100%;
	color: #333;
	}

#sidebar_left .textwidget a{
   color: #333333;
}
#sidebar_left .textwidget a:visited{
}
#sidebar_left .textwidget a:focus, #sidebar_left .textwidget a:active, #sidebar_left .textwidget a:hover{
    color: #333333;
text-decoration: none;
}
#sidebar_left .service h3,
#sidebar_left .textwidget h3 {
	margin-left: 0;
	}


/* Sidebar right */
#sidebar_right .info p {
	}
#sidebar_right .info {
	margin-top: 26px;
	margin-left: 10px;
	}
#sidebar_right .info h3 {
	color:  #333;
	}


/* Content Box */
#contentbox .breadcrump {
	font-size: 1.0em;
	margin-bottom: 8px;
	margin-top: 6px;
	}
#contentbox .breadcrump a {
	color: #999;
	text-decoration: none;
	}
#contentbox .breadcrump a:hover {
	color: #ccc;
	text-decoration: underline;
	}

#contentbox .box1 {
	float: left;
	width: 216px;
	margin: 0 5px;
	background-color: #B7B7B7;
	margin-bottom: 10px;
	}
#contentbox .box1 a {
	color: white;
	text-decoration: none;
	display: block;
	}
#contentbox .box1 a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color: #333;
	}
#contentbox .box1 a {
	  text-indent: 1em;
	  font-weight: bold;
	  line-height: 1.5em;
	}
#contentbox .box1 a img {
	border: 0;
	}

#contentbox .box2 {
	float: left;
	width: 676px;
	margin: 0 5px;
	background-color: #B7B7B7;
	margin-bottom: 10px;
	}
#contentbox .box2 a {
	color: white;
	text-decoration: none;
	display: block;
	}
#contentbox .box2 a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color: #333;
	}
#contentbox .box2 a h2 {
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 5px;
	}



#contentbox .box3 {
	float: left;
	width: 161px;
	margin: 0 5px;
	background-color: #F0F0F0;
	margin-bottom: 10px;
	}
#contentbox .box3 div.product, #contentbox .box3 div.product-bottom {
	background-color: #B7B7B7;
	}

#contentbox .box3 div.product-bottom {
	position: absolute;
	width: 156px;

}
#contentbox .box3 a,
#contentbox a.box3 {
	color: white;
	text-decoration: none;
	display: block;
	}
#contentbox .box3 a:hover div.product,
#contentbox  a.box3:hover div.product,
#contentbox .box3 a:hover div.product-bottom,
#contentbox  a.box3:hover div.product-bottom  {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	}
#contentbox .box3 div.product, #contentbox .box3 div.product-bottom{
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 5px;
	}
#contentbox .box3 h3 {
	color: black;
	padding: 4px 0 5px 2px;
	font-weight: bold;
	}
#contentbox .box3 p {
	color: black;
	padding-top: 4px;
	margin-bottom: 5px;
	}
#contentbox .box3 .produktinfo {
	/*
	border-left: solid 1px #B7B7B7;
	border-right: solid 1px #B7B7B7;
	*/
	padding-top: 5px;
	font-size: 0.9em;
	}
#contentbox .box_vordach a,
#contentbox a.box_vordach {

	height: 550px;
	}
#contentbox .box_vordach div.product-bottom  {
	top: 555px;
}

#contentbox .box_schiebetuer a,
#contentbox a.box_schiebetuer {
	height: 505px;
	}
#contentbox .box_schiebetuer div.product-bottom  {
	top: 510px;
}

#contentbox .box_regale a,
#contentbox a.box_regale {
	height: 550px;
	}
#contentbox .box_regale div.product-bottom  {
	top: 555px;
}

#contentbox .box_duschabtrennung a,
#contentbox a.box_duschabtrennung {
	height: 550px;
	}
#contentbox .box_duschabtrennung div.product-bottom  {
	top: 555px;
}


#contentbox ul{
  list-style-type: disc; 
  list-style-position: inside;
}

#contentbox div#imagebox-show{
	width: 152px;
	float: left; 
	position: relative;
	padding: 1px;
	margin: 0 10px 10px 0;
	border: solid 1px #999;
}
#contentbox div#imagebox-show img {
	padding: 1px;
	border: solid 1px #FFF;
	}
		
#contentbox div.imagebox {
	width: 152px;
	float: left; 
	position: relative;
	padding: 1px;
	margin: 0 30px 10px 0;
	border: solid 1px #999;
	}
#contentbox .imagebox img {
	padding: 1px;
	border: solid 1px #FFF;
	}
#contentbox .imagebox a img:hover {
	border: solid 1px red;
	}
#contentbox #my_imageserie {
	margin-bottom: 10px;
	}

#contentbox .infobox {
	padding: 5px;
	margin: 0 5px;
	clear: both;
	display: block;
	background-color: #F0F0F0;
	font-size: 0.9em;
	}

#contentbox .index {
	clear: both;
	display: block;
/*	background-color: #F0F0F0; */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*border-bottom: solid 1px #dfa71f;*/
	}

#contentbox .article {
	clear: both;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #dfa71f;
	}


#contentbox .info {
	font-size: 122%;
	padding-top: 12px;
	}

#contentbox  a {
  color: #dfa71f;
  font-weight: bold;
  text-decoration: none;
}



/* Footer Box */
#footerbox .footer {
	  clear: both;
	  width: 600px;
	  border-top: 1px solid #dfa71f; 
	  padding-top: 5px;
	  margin: auto;
	  text-align:center;
	}




/* Glasprofi24 Format */
.l_glas {
	font-weight: bold;
	color: rgb(165, 180, 189);
	}
.l_profi {
	font-weight: bold;
	color: rgb(225, 165, 21);
	}
.l_24 {
	font-weight: bold;
	color: rgb(165, 180, 189);
	}
	
/* hiding element */
.invisible {
	display: none;
	}

/* Glasprofi24 Linkboxformat */
#konfigurator_logo, #anfrage_logo {
height: 32px;
width: 32px;
vertical-align: middle;

}

#konfigurator_hover, #anfrage_hover  {
width: 230px;
display: block;
text-decoration: none;
border: 1px solid #ffb400;
color: black;
font-size: 14px;
padding-left: 5px;

}


#konfigurator_link, #mail_us_link, #facebook_share_product_link {
width: 230px;
height: 32px;
display: block;
text-decoration: none;
/*border: 1px solid #ffb400;*/
color: black;
font-size: 10pt;
padding-left: 37px;
background-position: left top;
background-repeat: no-repeat;
padding-top: 10px;
}

#konfigurator_link { background-image: url(images/k_g.png); }
#mail_us_link { background-image: url(images/m_g.png); }
#facebook_share_product_link { background-image: url(images/f_g.png);}

#konfigurator_link:hover, #mail_us_link:hover, #facebook_share_product_link:hover {
color: green;

}

#konfigurator_link:hover { background-image: url(images/k_f.png); }
#mail_us_link:hover { background-image: url(images/m_f.png); }
#facebook_share_product_link:hover { background-image: url(images/f_f.png);}

#konfigurator_hover  img, #anfrage_hover img{
border: 0;
margin: 1px 5px 1px 1px;
text-decoration: none;
}

#konfigurator_hover:hover, #anfrage_hover:hover, #konfigurator_hover_new:hover {
color: green;
background-color: #ffe691;

}

#konfig_text, #anfrage_text {
color: black;
font-weight: normal;
}