/*  
Theme Name: Mobile Games
Theme URI: http://www.conversionmedia.de
Description: <p>3-Spalten-Design f&uuml;r Mobile-Games.ch</p>
Version: 1.0
Author: conversionmedia GmbH &amp; Co. KG
Author URI: http://www.conversionmedia.de
*/
body{
padding:0px;
margin: 0px;
font-family: Helvetica;
color: #575757;
background: #F0F0F0 none repeat scroll 0 0;
}
/*Kopfbereich*/
div#head {
margin:0 auto;
width:1103px;
height:267px;
background: transparent url(images/header_big.jpg) no-repeat;
position: relative;
}
div#head ul#top_nav_list {
list-style-type:none;
padding:0;
margin:0;
height:45px;
list-style-type:none;
position:absolute;
top: 39px;
right : 0px;
width: 790px;
}
div#head ul#top_nav_list li{
float:left;
}
div#head ul#top_nav_list li a{
border-right:1px solid #69A9C6;
color:#000000;
display:block;
height:52px;
line-height:45px;
text-align:center;
text-decoration:none;
width:110px;
}
div#head ul#top_nav_list li a:hover{
color: #ffffff;
background: transparent url(images/top_nav_hover.jpg) no-repeat;
}

div#page {
width:1103px;
margin:0 auto;
}
div#left {
width:931px;
float:left;
padding-top: 6px;
}
/*Linke Navigation*/
div#sb_left{
float:left;
width:172px;
}
div#sb_left ul{
padding:0px;
margin: 0px;
list-style-type: none;
}
div#sb_left ul li.cm_menu_head, div#sb_left ul li.categories{
background: transparent url(images/boxheader.jpg) no-repeat;
color: #FFFFFF;
padding-left: 10px;
border: none;
}
div#sb_left ul li.categories{
padding-left: 0px;
text-indent: 10px;
}
div#sb_left ul li.categories>ul{
text-indent: 0px;
}
div#sb_left ul.toplevel{
}
div#sb_left ul li{
background: #FFFFFF none;
border-top: 1px solid #D0D0D0;
line-height: 30px;
font-weight: bold;
}
div#sb_left ul li.page_item, div#sb_left ul li.cat-item{
font-size: 9pt;
}
div#sb_left ul li.page_item a, div#sb_left ul li.cat-item a{
width: 165px;
height: 100%;
color: #575757;
display: block;
padding-left: 5px;
text-decoration: none;
}
div#sb_left ul li.page_item a.head:hover, div#sb_left ul li.cat-item a:hover{
background-color: #E0E0E0;
text-decoration: underline;
}
div#sb_left ul.toplevel >li.page_item, div#sb_left ul li.categories>ul{
border-left: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
}
div#sb_left ul li.cm_menu_end{
background: transparent url(images/boxfooter.jpg) no-repeat;
width: 172px;
height: 15px;
border: none;
}

/*Inhaltsbereich*/
div#content {
width:749px;
float:right;
padding: 0px 5px 15px;
background: transparent url(images/boxfooter_content_big.jpg) no-repeat bottom;
}
div#content span.pagetitle{
display: block;
width: 739px;
padding-left: 10px;
background: transparent url(images/boxheader_content_big.jpg) no-repeat;
line-height: 30px;
font-weight:bold;
color: #ffffff;
}
div#content span.pagetitle a{
color:#ffffff;
}
div#content div.posts{
background: #ffffff none;
border-left: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;
}

/*Rechte Navigation*/
div#sb_right {
width:172px;
float:right;
padding-top: 6px;
}
div#sb_right ul{
padding: 0px;
margin-top: 0px;
margin-left:0px;
list-style-type: none;
}
div#sb_right ul li.widget{
padding-bottom: 15px;
background: transparent url(images/boxfooter.jpg) no-repeat bottom;
margin-bottom: 10px;
}
div#sb_right ul li.widget h2{
background: transparent url(images/boxheader.jpg) no-repeat;
color: #FFFFFF;
font-size: 12pt;
line-height: 30px;
padding-left: 10px;
margin: 0px;
}

div#sb_right ul li.widget form{margin:0px;padding:0px;display:inline-block}
div#sb_right ul li.widget div.textwidget{
background: #ffffff none;
border-left: 1px solid #D0D0D0;
border-right: 1px solid #D0D0D0;

padding-bottom:3px;
padding-left:3px;
padding-right:3px;
padding-top:3px;
width:164px;
}

div#sb_right ul li.widget div.textwidget a{
font-size:14px;text-align:right;margin-top:3px;width:162px;display:inline-block
}

div#sb_right ul li.widget_rss ul{
background: #ffffff none;
border-left:1px solid #D0D0D0;
border-right:1px solid #D0D0D0;
}
div#sb_right ul li.widget_rss ul li{
padding-top:2px;
padding-bottom: 2px;
}
div#sb_right ul li.widget_cart ul.cartcontent li.produkt{
border-bottom: 1px solid #D0D0D0;
}
/*Fussbereich*/
div#footer {
clear:both;
width:993px;
height:20px;
margin:0 auto;

}



/*innenabstaende fuer content*/
div#content div.post, div#content div.posts {
padding:5px;
}
span#footext {
display:block;
width:900px;
margin:0px auto;
text-align:center;
font-size:9px;
}

input.textbox, textarea {
width:98%;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: none;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
border:0 solid #C0C0C0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


div.entry{display:inline-block;width:100%}
div.entry ul.childlist,div.category ul.childlist{padding:10px;margin:0px;list-style:none;width:100%}
div.entry ul.childlist li.page_item,div.category ul.childlist li.page_item {border:0 solid #C0C0C0;float:left;height:190px;margin:3px;padding:0;vertical-align:top;width:339px;margin-bottom:13px;}

div.entry ul.childlist li a.head,div.category ul.childlist li a.head      {background:transparent url(images/boxheader_content_big.jpg) no-repeat scroll 0 0;border-bottom:1px solid #C0C0C0;display:inline-block;height:23px;padding:3px 3px 3px 6px;width:330px;color:#fff;font-weight:bold;text-decoration:none}

div.entry ul.childlist li a.head:hover,div.category ul.childlist li a.head:hover{background:transparent url(images/boxheader_content_big.jpg) no-repeat scroll 0 0;border-bottom:1px solid #909090;display:inline-block;height:23px;padding:3px 3px 3px 6px;width:330px}

.hentry{display:inline;height:420px;margin-bottom:10px;width:100%;}

.hentry h3, div.post h2, div.posts h2 {background:transparent url(images/boxheader_content_big.jpg) no-repeat scroll 0 0;border-bottom:1px solid #C0C0C0;display:block;height:23px;padding:3px 3px 3px 6px;color:#fff;font-weight:bold;text-decoration:none}

.hentry h3 a, div.post h2 a, div.posts h2 a {color:#fff;text-decoration:none}




div.entry p {display:block}
div.entry>ul.cartcontent{border:1px solid #DEDEDE;padding:5px;margin:0px;}
div.entry form ul.cartcontent {width:100%;padding:0px;list-style-type:none;margin:0px;}
div.entry form ul.cartcontent li{border:1px solid #C0C0C0;display:block;margin-bottom:5px;padding:5px;width:725px;}

span.price{color:#c0c0c0;font-size:18px;font-weight:bold;vertical-align:top;}
div#cart_contents ul.cartcontent{font-size:12px;margin:0;padding:5px;}

div.productcontent{display:inline;vertical-align:top;width:460px;float:left;}
div.productimage{max-width:250px;display:inline;float:left; padding:3px;margin:5px;border:1px solid #c0c0c0}
div.productimage img{max-width:250px;float:left}
div.price {font-size:20px;margin-bottom:10px;width:170px;display:inline-block}
div.proddescription{position:relative;
top:-155px;left:140px;font-size:12px;
vertical-align:top;
width:184px;}

li.gesamt{text-align:right}
li.produkt{background-color:#fff}
li.produkt:hover{background-color:#f0f0f0}

span.epreis{display:inline-block;float:right;margin-right:15px;text-align:right;width:120px;}
span.gpreis{display:inline-block;float:right;text-align:right;width:7em;}
span.gtext{display:inline-block;float:right;margin-right:5px;width: 60px;}
span.prodname{padding-left: 10px;display:inline-block;}
span.sumtext{display:inline-block;margin-right:5px;}
span.sumprice{display:inline-block;min-width:7em;}
/*span.prodname{width:270;display:inline-block;margin-left:5px;}*/

span#prodcount{display:inline-block;float:right;margin-right:10px;}
span#price_meta{vertical-align:top;display:block;font-size:20px;margin-bottom:20px;}
div.wgesamt span.right{float:right}
div.wgesamt span.left{}

div.summe span.right{float:right}
div.summe span.left{}

ul.cartcontent li{list-style:none}
input.formsubmitaddcartcat{float:left;height:30px;margin-left:16px;}
input.formsubmitaddcartdetail{float:right;height:50px;}
form.formcatview{left:70px;position:relative;top:155px;}
.cm-xml-form{width:100%}

div.subbox{border-bottom:1px solid #C0C0C0;border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0;height:155px;padding:6px;}

div.subbox a{border:0px solid;display:inline-block }

div.subbox a img.detailbutton {height:30px }
div.subbox a img.productimage {border:1px solid #c0c0c0;padding:2px}
a.detailimagelink{position:relative;top:34px;}
.detailbutton{border:0px solid}


div.breadcrumb {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;
background-color:#FFFFFF;border:1px solid #C0C0C0;line-height:20px;margin-top:5px;padding:3px;}

div#logoimage a{
/*background-image:url(images/mg_logo.png);
background-repeat:no-repeat;*/
display:inline-block;
height:90px;
left:60px;
position:relative;
top:20px;
width:180px;
}

a.rsswidget{font-size:12px;margin-left:5px}

div.navigation{border:0px solid; clear:both;height:1.2em;}

span.contentimage {border: 1px solid #C0C0C0;display: inline-block;float: left;margin-right: 5px;height:350px;}
span.contentimage img{margin-bottom:5px ;border:solid 1px #c0c0c0} 

table.main {border:1px #B32121 solid;border-collapse:collapse;}
td.pdfdatei,   td.beschreibung , td.groesse           {background-color:#F0D3D3;border:1px solid #B32121;height:20px;text-align:center;padding:5px;}                 
td.inhalt_tabelle {border:1px solid #B32121;height:20px;vertical-align:middle;text-align:left;padding:10px;}
td.inhalt_tabelle A {font-size:11px;}

a.button:hover{}

div.entry ul.errorContainer li label.error{
color: #FF4040;
}
div.entry ul.errorContainer li label.error:before{
content: "Fehler:";
}
div#content div.post h2{
margin-bottom:0px;
}