.inline-image { 
  float: right; 
  border: 2px solid #98c0de; 
  background: #fff; 
  padding: 3px; 
  margin: 3px 0px 3px 15px; }

.haendler_below { 
  border-bottom: 3px solid #98c0de; 
  width: 630px; 
  background: #fff; 
  padding: 0px; 
  margin: 0px 0px 30px 0px; 
  height: 529px; }

.product { 
  border-top:3px solid #98c0de; 
  padding: 30px 30px 24px 30px;  }

.product h3 { margin-bottom: 6px; }

.ueberblick { font-weight: bold; }

.image_right { 
  float: right; 
  margin-top: 12px; }

.image_left { 
  float: left; 
  margin: 12px 0px; }

.colors {
  background: #98c0de; 
  padding: 5px 30px;
  height: 38px;  }
  
  .colors div {
    padding: 0px 5px;
    height: 32px; 
    min-width: 22px;
    border: 3px solid #d6e7f4; 
    font-weight: bold; 
    line-height: 32px; 
    color: #fff; 
    text-align: center; 
    margin-right: 5px;
    float: left;
    font-size: 9px; }

.details {
    background: #edf2f8;
    padding: 5px 33px; }
    
    .details .size { float: right; }

.product.senseez h4 { 
  font-family: 'League Gothic';
  font-weight: normal;
  font-style: normal;
  margin-top: 20px;
  text-shadow: 1px 1px 0 white;
  font-size: 18px;
}

.senseez-banner {
  margin-bottom: 20px;
}

.senseez-banner img {
  display: block;
  width: 100%;
  height: auto;
}

.contents.senseez p {
  text-align: center;
}

.senseez-facebook {
  display: inline-block;
  width: 47px;
  height: 47px;
  text-indent: -9999px;
  margin: 0 15px;
  background: url(skins/pycom/images/assets/senseez-icon-facebook.jpg) no-repeat 0 0 !important;
  background-size: 47px 47px !important;
}

.senseez-instagram {
  display: inline-block;
  width: 47px;
  height: 47px;
  text-indent: -9999px;
  margin: 0 15px;
  background: url(skins/pycom/images/assets/senseez-icon-instagram.jpg) no-repeat 0 0 !important;
  background-size: 47px 47px !important;
}

.senseez-product-grid {
  margin: 0 -15px !important;
}

.senseez-product-grid::after {
  content: '';
  display: table;
  clear: both;
}

.senseez-product-grid li {
  list-style: none;
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 15px;
}

.senseez-product-grid li:nth-child(3n+4) {
  clear: left;
}

.senseez-product-grid li img {
  display: block;
  width: 100%;
  height: auto;
}

.senseez-product-title, .senseez-product-id, .senseez-product-caption {
  line-height: 14px;
} 

.senseez-product-title {
  font-weight: bold;
  margin-top: 8px;
}

.senseez-product-id {
  font-size: 12px;
  font-style: italic;
  margin-top: 4px;
}

.senseez-product-caption {
  font-size: 12px;
}

sup {
  font-size: 12px !important;
  margin: 0 0 0 1px !important;
}

#navigation ul li div.dropdown#schreibkreide {
  width: 219px !important;
}

div #error_message {
	background: #ffeaef;
	border: 3px solid #ff829f;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
 
div #success_message {
	background: #eaf4ff;
	border: 3px solid #82c0ff;
	left: 55px;
	margin-bottom: 15px;
	padding: 15px; }
div.pagination {
	font-family: Georgia, Times, serif;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	text-align: left;
	height: 40px; }
 
	div.pagination a {
                background: transparent;
		padding: 2px 5px 2px 5px;
		margin: 2px;
		text-decoration: none;
		color: #44B0EB; }
 
		div.pagination a:hover {
			color: #44e5eb; }
 
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		font-weight: bold;
		background-color: #44B0EB;
		color: #ffffff; }
 
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #dddddd; }


.article_title_link {
	background:transparent;
	color:#66625d;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	margin:0;
	padding:0 }

#image_gallery_image img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_sections img
{
  border: 1px solid #eee;
  padding: 2px;
}

#image_gallery_thumbnails img
{
  border: 1px solid #eee;
  padding: 2px;
}



/* User Registration plugin CSS */
div#p12_registration {
  margin-bottom: 5px;
  margin-top: 5px;
}
div#p12_registration form {
  background: transparent;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding: 5px;
  max-width: 400px;
}

div#p12_registration table {
  background: none;
  margin-bottom: 15px;
  padding: 15px;
}

div#p12_registration table td.registration-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

div#p12_registration table td.registration-detail {
    margin-bottom: 10px;
    padding: 10px;
}

/* -------------------------------------------------------------------
// markItUp!!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .markItUpButton1 a  {
  background-image:url(includes/images/markitup/bold.png);
}
.bbcode .markItUpButton2 a  {
  background-image:url(includes/images/markitup/italic.png);
}
.bbcode .markItUpButton3 a  {
  background-image:url(includes/images/markitup/underline.png);
}
.bbcode .markItUpButton4 a  {
  background-image:url(includes/images/markitup/picture.png);
}
.bbcode .markItUpButton5 a  {
  background-image:url(includes/images/markitup/link.png);
}
.bbcode .markItUpButton6 a {
  background-image:url(includes/images/markitup/colors.png);
}
.bbcode .markItUpButton6 ul {
  padding:1px;
  width:81px;
}
.bbcode .markItUpButton6  li {
  border:1px solid white;
  width:25px;
  height:25px;
  overflow:hidden;
  padding:0px;
  margin:0px;
  float:left;
}
.bbcode .markItUpButton6 ul a {
    width:25px;  height:25px;
}
.bbcode .markItUpButton6 .col1-1 a {
    background:yellow;
}
.bbcode .markItUpButton6 .col1-2 a {
    background:orange;
}
.bbcode .markItUpButton6 .col1-3 a {
    background:transparent;
}
.bbcode .markItUpButton6 .col2-1 a {
    background:blue;
}
.bbcode .markItUpButton6 .col2-2 a {
    background:purple;
}
.bbcode .markItUpButton6 .col2-3 a {
    background:green;
}
.bbcode .markItUpButton6 .col3-1 a {
    background:white;
}
.bbcode .markItUpButton6 .col3-2 a {
    background:gray;
}
.bbcode .markItUpButton6 .col3-3 a {
    background:black;
}
.bbcode .markItUpButton7 a  {
  background-image:url(includes/images/markitup/fonts.png);
}
.bbcode .markItUpButton8 a  {
  background-image:url(includes/images/markitup/list-bullet.png);
}
.bbcode .markItUpButton9 a  {
  background-image:url(includes/images/markitup/list-numeric.png);
}
.bbcode .markItUpButton10 a  {
  background-image:url(includes/images/markitup/list-item.png);
}
.bbcode .markItUpButton11 a  {
  background-image:url(includes/images/markitup/quotes.png);
}
.bbcode .markItUpButton12 a  {
  background-image:url(includes/images/markitup/code.png);
}
.bbcode .markItUpButton13 a  {
  background-image:url(includes/images/markitup/clean.png);
}
.bbcode .markItUpButton18 a {
  background-image:url(includes/images/markitup/preview.png);
  display: none;
}

/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.bbcode .colors a {
  background-image:url(includes/images/markitup/colors.png);
}
  .bbcode .colors ul {
    width:81px;
    padding:1px;
  }
  .bbcode .colors  li {
    border:1px solid white;
    width:25px;  height:25px;
    overflow:hidden;
    padding:0px; margin:0px;
    float:left;
  }
  .bbcode .colors ul a {
    width:25px;  height:25px;
  }
  .bbcode .colors .col1-1 a {
    background:yellow;
  }
  .bbcode .colors .col1-2 a {
    background:orange;
  }
  .bbcode .colors .col1-3 a {
    background:red;
  }

  .bbcode .colors .col2-1 a {
    background:blue;
  }
  .bbcode .colors .col2-2 a {
    background:purple;
  }
  .bbcode .colors .col2-3 a {
    background:green;
  }

  .bbcode .colors .col3-1 a {
    background:white;
  }
  .bbcode .colors .col3-2 a {
    background:gray;
  }
  .bbcode .colors .col3-3 a {
    background:transparent;
  }

.bbcode .calculator a {
  background-image:url(includes/images/markitup/calculator.png);
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
  margin:0px; padding:0px;
  outline:none;
}

.markItUp a:link,
.markItUp a:visited {
  color:#000;
  text-decoration:none;
  background: transparent;
}
.markItUp  {
  width:98%;
  margin:5px 0 5px 0;
  border:5px solid #F5F5F5;
}
.markItUpContainer  {
  border:1px solid #3C769D;
  background:#FFF;
  padding:5px 5px 2px 5px;
  font:11px Arial, Helvetica, Verdana, sans-serif;
}
textarea.markItUpEditor {
  font:14px 'Lucida Console', Courier, monospace;
  /*padding: 4px;*/
  margin: 4px;
  border:1px solid #3C769D;
  clear:both;
  display:block;
  line-height:17px;
  overflow: scroll;
}
.markItUpPreviewFrame  {
  overflow:auto;
  background-color:#FFFFFF;
  border:1px solid #3C769D;
  width:99.9%;
  height:300px;
  margin:5px 0;
}
.markItUpFooter {
  width:100%;
  cursor:n-resize;
}
.markItUpResizeHandle {
  overflow:hidden;
  width:22px; height:5px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(includes/images/markitup/handle.png);
  cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul  {
  list-style-type: none !important;
}
.markItUpHeader ul li  {
  list-style:none !important;
  float:left;
  position:relative;
  margin: 2px !important;
  padding: 2px !important;
}
.markItUpHeader ul li:hover {
  background-color: #E0E0E0;
}
.markItUpHeader ul li ul {
  display:none;
  list-style-type: none;
}
.markItUpHeader ul li:hover > ul {
  list-style-type: none;
  display:block;
}
.markItUpHeader ul .markItUpDropMenu {
  background:transparent url(includes/images/markitup/menu.png) no-repeat 115% 50%;
  margin-right:5px;
  z-index: 1000;
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right:0px;
  list-style: none;
}
.markItUpHeader ul .markItUpSeparator {
  background:transparent url(includes/images/markitup/handle.png) repeat-y;
  margin:0 10px;
  width:1px;
  height:16px;
  overflow:hidden;
  background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
  width:auto; height:1px;
  margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
  display:none;
  position:absolute;
  list-style:none;
  top:18px; left:0px;
  background:#F5F5F5;
  border:1px solid #3C769D;
  height:inherit;
}
.markItUpHeader ul ul li {
  float:none;
  border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
  background:#F5F5F5 url(includes/images/markitup/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
  position:absolute;
  top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
  float:none;
}
.markItUpHeader ul a {
  display:block;
  width:16px; height:16px;
  text-indent:-10000px;
  background-repeat:no-repeat;
  padding:3px;
  margin:0px;
}
.markItUpHeader ul ul a {
  display:block;
  padding-left:0px;
  text-indent:0;
  width:120px;
  padding:5px 5px 5px 30px;
  background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
  color:#FFF;
  background-color:#3C769D;
}

li.markItUpButton {
  list-style:none;
  list-style-type: none;
}
div#p9_top_posters {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

div#p9_top_posters ul {
  padding: 0;
  margin: 0;
}

div#p9_top_posters ul li {
  list-style:none outside none;
  /* background:none repeat scroll 0 0 #F9F9F9; */
  /* border:1px solid #CFCFCF; */
  height:auto !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div#p9_top_posters ul li div.p9-outer {
  width: 100%;
}

div#p9_top_posters ul li img.avatar {
  background-color: #fff;
  border: 0;
  padding: 4px;
  border: 1px solid #eee;
}

div#p9_top_posters ul li div.p9-avatar {
  float: left;
  width: auto;
  height: auto;
}

div#p9_top_posters ul li div.p9-user {
  /*font-family: Helvetica,Arial,sans-serif !important;
  font-size: 14px;*/
  display: inline;
  float: left;
  font:inherit;
  padding: 4px;
  width: auto;
}

div#p9_top_posters ul li span {
  font:inherit;
  padding-top: 4px;
}
div#p9_top_posters ul li span.p9-count {
  color: #666;
  /* font-size: smaller; */
}

/* User Login Panel plugin CSS */
.login-panel {
  padding: 0px;
}

.login-panel div.login-avatar {
  clear: both;
  display: block;
}

.login-form { padding: 0; }
  .login-form input { width: 120px; }
  .login-form .login-div-user1 { display: inline; float: left; padding: 0px; vertical-align: middle; width: 120px;}
  .login-form .login-div-user2 { display: block; clear: right; }
  .login-form .login-div-pwd1  { display: inline; float: left; padding: 0px; vertical-align: middle; width: 120px; }
  .login-form .login-div-pwd2  { display: block; clear: right; }
  .login-form .login-div-remember { display: block; clear: both; padding: 6px 0px; width: 100%; }
  .login-form .login-div-remember input { border: 0; padding: 6px 0px; }
  .login-form .login-div-submit   { display: block; clear: both; padding: 0px; }
  .login-div-register { display: block; clear: both; padding: 6px; width: 120px; }
  .login-div-lostpwd { display: block; clear: both; padding: 6px; width: 120px; }

.login-form input[type="submit"] {
  background-color: #98c0de;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  width: auto;
}

.login-form input[type="submit"]:hover {
  background-color:#a5978a;
}

.login-welcome {
  clear: right;
  display: block;
  font-size: 12px; font-weight: bold;
  padding: 0;
  margin-bottom: 8px;
}
/* Subdreamer User Profile plugin CSS */
div#user-profile {
  border: 0px;
}

form.usercp-form {
  background: transparent;
  border: 0;
  margin-bottom: 15px;
  padding: 5px 5px 5px 0px;
}

table.usercp-table {
  margin-bottom: 15px;
  padding: 15px;
}

table.usercp-table td.usercp-prompt {
    margin-bottom: 10px;
    padding: 10px;
}

table.usercp-table td.usercp-detail {
    margin-bottom: 10px;
    padding: 10px;
}

div.ucp-groupheader {
  background-color: #e0e0e0;
  border: 1px solid #c0c0c0;
  font-size: 20px; font-weight: bold; background-color: #E0E0E0;
  padding: 5px;
  margin: 5px 1px 5px 5px;
}
#ucpForm { width: 100%; padding: 2px; }
#ucpForm fieldset legend { padding: 0.5em; }
#ucpForm fieldset div { padding: 4px; }
#ucpForm fieldset div label { display: inline-block; width: 200px; }
#ucpForm fieldset div input,
#ucpForm fieldset div select,
#ucpForm fieldset div textarea
{ display: inline-block; margin-right: 8px; }
#ucpForm .ctrlHolder{ padding: 4px; border-bottom: 1px solid #efefef; }
#ucpForm .ctrlHolder.focused { background: #fffcdf; }
#ucpForm fieldset div label.error{ display: inline; color: red; background: transparent; }
#ucpForm .ucp_value_only { font-weight: bold; padding: 6px; }

#ucpForm button.primaryAction {
  background-color: #58B9EB;
  border: 1px solid #40A2D4;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Helvetica,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin: 6px;
  width: auto;
}

#ucpForm button.primaryAction:hover {
  background-color:#80cdf5;
  border-color:#52b1e2;
}
/* Hides the whole contact form until needed */
#contactForm {
  max-width: 500px;
  background: transparent;
	border:0;
	padding:2px 2px;
	color:#000;
	display:block;
	}

/* Loading bar */
.bar {
  display:none;
  background:url(../images/ajax-loader.gif) no-repeat center;
  margin-top:50px;
  height:40px; width:230px;
}

/* Hides the confirmation message until needed */
#messageSent { display:none; }

/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:12px;
	line-height:10px;
  padding-left:6px;
	padding-bottom:2px;
	color:#800000;
}

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */
#contactForm textarea, #contactForm input {
	width: 80%;
  font-family: Arial, Geneva, sans-serif;
	/* background:#6d6d6d url(../images/contact_input.png) repeat-x top; */
	border:1px solid #8a8a8a;
	height:15px;
	line-height:14px;
	font-size:12px;
	padding:2px 2px 0px;
	}
#contactForm input { height: 20px; line-height:15px; font-size: 13px; margin: 1px; padding: 2px; }
#contactForm textarea { height:114px; font-family: Arial, Geneva, sans-serif; }
#contactForm .submit {
	border:1px solid #aba8a8;
	background:#e5e5e5;
	text-transform:uppercase;
	color:#4d4d4d;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px; width:130px;
	cursor:pointer;
	margin-top:10px;
	}
#contactForm .submit:active { background: #cacaca; }
#contactForm label { padding-left: 4px; font-weight: bold; }
#contactForm p { padding-bottom: 4px; }

input.p6_error { background-color: #FFC0C0; }

