/* 2010 (c)
 * style.css :: Marco Laspe
 */


@font-face {
	font-family: 'LeagueGothic';
	src: url('League_Gothic-webfont.eot');
	src: local('☺'), url('League_Gothic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


a:active {color:green}
body {background-color: #262626}
img {max-width: 100%}
img.wide {max-width: 100vw;}
.ez-mw {max-width: 1000px; background-color:#fff;}
/*#menu ul, #menu ul li, #menu ul ul li,*/
#breadcrumbs {
color:#363636;
padding: 15px 0;
border-bottom: solid 1px #363636;
font-size:0.8em}

ul.web2py-menu {
/*left:346px;*/
position:absolute;
top:19px;
border-bottom:1px solid white;
border-top:1px solid white;
height:48px;
padding-left:15px;
}

ul.web2py-menu li {float:left; list-style: none outside none; margin-right: 15px;}
ul.reasons li {float:left; list-style: none outside none;margin-top:0}
ul.reasons li {width: 220px;}
.thinkpad-features h2, .reasons h2, .rockigeros-reasons h2, #subscribe-newsletter h2, h2.reasons, #hardware-header h2 {font-family: 'LeagueGothic'; font-size: 26px;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.pseudo-link {cursor: pointer;}
.martop30 {margin-top: 30px;}
.ml10 {margin-left: 10px;}
.ml0 {margin-left: 0px;}
.ml20 {margin-left:20px;}
#play_vid {background: url('../img/play2.png')  no-repeat scroll 0 0 transparent; height: 56px; left: 810px; position: absolute; top: 595px; width: 100px; z-index: 1}
#play_vid:hover {background: url('../img/play1.png')}

ul.web2py-menu li a {
border-bottom:medium none;
display:block;
height:38px;
padding-top: 10px;
overflow:hidden;
font-family:"LeagueGothic",sans-serif;
font-size:20px;
letter-spacing:1px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
}

ul.web2py-menu *  {
margin:0;
padding:0;
}

ul.web2py-menu li {
cursor:pointer;
list-style-type:none;
height: 66px;
}

#blog-post h2, .post-preview h2 {color:#4D4D4D; font-style:italic;}
#blog-post h3, .post-preview h3 {font-weight:bold;}

#logo {margin-top: 27px;  font-size: 1.5em; background: URL("./images/logo.png") no-repeat scroll 0px 50% transparent;}
#logo a {display:block;
height: 35px;
width: 113px;
position:relative;
text-indent:-5000px;}
#header h1 a {font-size:1.5em}
#toolbar {
position:relative;
font-size:12px;
}

#header {background-color: #000; color: #fff; height: 86px;}
a {color: #FF0066;}
#header-left { margin-left:30px}
#header-right { margin-right: 20px;}
#header a:hover {color: #fff;}

#content {padding: 0 30px 20px 30px;}
#content h1, #thinkpad-index-top h3 {margin-bottom: 15px;margin-top:13px; font-family:LeagueGothic; font-size:2.2em;
letter-spacing:2px; text-transform: uppercase; text-shadow: 0 2px 2px rgba(0,0,0,.3); }

#leaderboard h2 {font-family: LeagueGothic; font-size: 3em; letter-spacing: 2px;  margin-top: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }

#blog-right, #contact-right, #test-right {padding-left: 30px}
#blog-left h2{border-bottom:1px dotted #363636;
margin-bottom:27px;margin-top:33px; font-style: italic;}
#about-blog {margin-top:21px;font-size:12px}

div.post-preview {margin-bottom: 2em;}
div.post-preview h2 {margin-top: 0}

#comments {border-top: 1px solid #363636;}
#comments h2, #blog-header, #commentform h2, .underlined {border-bottom: 1px dotted #363636}
div.comment, #blog-post {margin-bottom  : 1.5em;}

#footer {border-top:1px solid #363636;
font-size:0.8em;
margin-top:1em;
text-align:center;}

#commentform td {padding-right: 10px}
#commentform input, #commentform textarea {width: 300px}
#submit_record__row input {width: 100px}

#tweet ul li {font-size: 0.8em; list-style-type:none; margin-left:0; margin-top: 1em}

.next, .prev {font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; display: block}
.next {float: right;}
.prev {float:left;}
span.next, span.prev {color: #4D4D4D}
.date {color:#4D4D4D;}

#home-top-image {margin-top: 22px}
#sign-up-button {display:block; background-image: url("images/rockiger_button.png");background-repeat:no-repeat; height:60px; width:300px;margin-top:49px;color: #fff;text-decoration:none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
#download-button {display:block; background-image: url("images/rockiger_button.png");background-repeat:no-repeat; height:60px; width:300px;margin-top:19px;color: #fff;text-decoration:none;}
#sign-up-call, #sign-up-description, #download-call, #download-description {text-align:center;}
#sign-up-call, #download-call {font-family:"LeagueGothic";font-size:2em;letter-spacing:2px}
#sign-up-description, #download-description {line-height:14px}
h1#rockigeros-header {margin-bottom: 5px;}
#home-header img {vertical-align: top;}

.modal h2 {
border-bottom:1px dotted #363636;
margin-bottom:27px;}
.modal p, .sans-serif {
font-family:"Droid Sans","Liberation Sans",Helvetica,Verdana,sans-serif;
}
.website-work {padding-right: 10px;}
#websites-header,.websites-teaser {margin-left: 33.33%;}
#websites-header {border-bottom:1px dotted #363636;}
.websites-left {width: 33.33%}
.websites-right {width: 66.66%; padding-left:30px}
#websites-table td{vertical-align:top}
#websites-table td h2 {margin-top: 0;}
.websites-cell {padding-bottom: 50px;}

.websites-right img {
	border:3px solid #363636;
	width:621px;
}
.z{ /* Spam protection with span */
  float:right;
  font-size:.001px;
  color:transparent;
  display:inline-block;
  width:0px;
  }

.left-text-home {
}
.rosa-light{background-color: #FFBFD9; padding:5px 10px; width:578px;}
#home-top { margin:0 -30px 20px -30px; border-bottom: 1px solid #bfbfbf;}
#leaderboard { margin: 0 155px; text-align: center;width: 690px;}

div.ref {text-align: right;margin-top: 0px;padding-right: 5px;}
.ref a {color: #bfbfbf;}

iframe {border: none;}
#frame-content {text-align:left; background-color: #fff; height:auto;overflow:auto}

#cse-search-results {overflow:hidden}

#home-top-image IMG.active {
    z-index:10;
}

#home-top-image IMG.last-active {
    z-index:9;
}
#teaser-tabs a {padding:2px 5px; width: auto; height: 18px ; line-height: 18px;}
#teaser-tabs {height:24px;}

#thinkpadheader {background-color: #C2C1C1; height: 40px; margin: -13px -30px; padding-left: 30px;}

#thinkpadheader nav {position: relative; float: right; right: 20px; top: -50px;}
#thinkpadheader h1 {font-size: 30px;}

#hardware-header  {margin-left:30px}

#hardware-header li  {width: 176px;height: 285px; float:left;list-style-type:none;text-align:center;border-bottom: 1px solid #BFBFBF; border-top: 1px solid #BFBFBF;}
#hardware-header li hr, .trigger hr {display: block; height: 1px; margin: 0 56px 10px; width: 64px;  border:none; background-color:#bfbfbf;}
#hardware-header li p{padding:0 10px; font-style: italic; font-size: 12px; color: #838A79}
#hardware-header li h3 {margin-top:5px;}
#hardware-header li a, #thinkpadheader h1 a {text-decoration:none; color: black;}
h3.link {font-size:16px; color:#ff0066; text-decoration:underline;font-size:16px !important}
#hardware-header li:hover h3.link {text-decoration:none;color:black; }


.sidebox {padding: 10px; width: 160px;color:white;background-color:#838A79; font-style:italic;text-align:center;}
.sidebox.left {margin: 0 35px 3em 0;}
.sidebox.right {margin:0 0 3em 35px;}

.sidebox h3 {margin-top: 0; line-height: 24px; font-style:normal;text-align:center;}

.sidebox p {text-align:center;font-size: 12px}
.sidebox ul li {text-align: left; list-style-type: none;font-family: "Droid Serif","Liberation Serif",Georgia,"Times New Roman",Times,serif;font-size:12px}

#teaser-panes {width: auto; height: 312px;}
#teaser-panes div {height: 279px;}
#teaser-panes h3 { font-family: "Droid Serif","Liberation Serif", Georgia, "Times New Roman",Times,serif; font-size: inherit;letter-spacing: inherit;}
#buy-now {width: 90px; line-height: 16px}
#buy-now-para {margin-top:10px;}
div.reasons {margin-top: 60px;}
div.thinkpad-features {margin-top: 35px; padding: 20px 140px 0 140px;}
.border {border-top: 1px dotted #BFBFBF;}
p.reason-image.left { margin-top: 20px; float: left}
p.reason-text {margin-right: 0px;}
.rockigeros-reasons h2.right {margin-left: 100px; margin-top:40px;}
.reason-text img.left {float:left; padding: 15px 15px 15px 0px;}
.reason-text img.right {float:right; padding: 15px 5px 15px 15px;}
.rockigeros-reasons h2.reason-head {margin-top: 0;}
.rockigeros-reasons h2 {margin-top: 40px;}

ul.hero-tabs  {list-style: none outside none; margin: 0 0 0 79px;}

.hero-tabs a {background-color: #bfbfbf;
    color: #000000;
    display: inline-block;
    float: left;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 5px;
 }

.hero-tabs a:hover {background-color: #e6e6e6;}

.hero-tabs a:active, .hero-tabs a.current {background-color: #ff0066;}

.hero-tabs h5 {font-family: "Droid Serif",Georgia,serif;float: left; font-style:italic; line-height:50px; vertical-align: middle; margin: 0 10px 0 0;}

.hero-container { margin-top: 13px; width:100%;}
.rockigeros-left {padding-right: 10px;}
.rockigeros-middle {padding-left:5px;padding-right:5px;}
.rockigeros-right {padding-left:10px;}

.right{float: right;}
.left {float: left;}
.clear {clear: both;}
.margintop15em {margin-top: 1.5em}
.margintop13em {margin-top: 1.3em}
.margintop07em {margin-top: 0.7em}
.margintop55em {margin-top: 5.5em}
#two-notebooks {margin-top: 2.6em}
.width50 {width: 50%}
#warumubuntu img {margin: -235px 0px 0 0;}
.reasons blockquote {height: 110px; background-color: black; color: white; padding: 20px; width: 180px; float: left; margin: 10px 20px 0pt 0pt;}
.reasons blockquote p {font-family: "LeagueGothic", Calibri, sans-serif; font-style: normal; font-size: 26px; letter-spacing: 1px; margin: 0pt; padding: 0pt; line-height: 1em;text-align:center}
.reasons blockquote cite {text-align: right; display: block; font-family: "Droid Serif",Georgia,serif; color: rgb(255, 0, 102); margin-top: 5px; text-align:center; font-size:12px}

ul li.active a {color: #fff; text-decoration: none;}
ul li.active {background: URL("./images/active.png") no-repeat scroll 50% 110% transparent;}

#addtocart {background-color:#ededed; padding:10px;}
#productname {font-family: "LeagueGothic"; font-size: 1.6em; letter-spacing: 1px; margin-top: 0; text-transform: uppercase;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
#productprice {color: green; font-size: 16px; font-weight: bold;}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% "LeagueGothic","Liberation Sans", Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-transform: uppercase;
	letter-spacing: 1px;
}

#thinkpadheader .button {font-size:15px; with:72px}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.pink {
	color: #fef4e9;
	border: solid 1px #bf004d;
	background: #ff0066;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0066), to(#ff4c94));
	background: -moz-linear-gradient(top,  #ff00,  #ff4c94);
	background: -o-linear-gradient(top,  #ff00,  #ff4c94);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0066', endColorstr='#ff4c94');
}
.pink:hover {
	background: #e10066;
	background: -webkit-gradient(linear, left top, left bottom, from(#CC0052), to(#CC3D76));
	background: -moz-linear-gradient(top,  #CC0052,  #CC3D76);
	background: -o-linear-gradient(top,  #CC0052,  #CC3D76);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0052', endColorstr='#CC3D76');
}
.pink:active {
	color: #fef4e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0066), to(#ff4c94));
	background: -moz-linear-gradient(top,  #ff0066,  #ff4c94);
	background: -o-linear-gradient(top,  #ff0066,  #ff4c94);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0066', endColorstr='#ff4c94');
}

/* root element for books */
ul.books {
	list-style:none;
	margin:10px 0 0 0;
	padding: 5px 0px;
	/*border:1px solid #BFBFBF;*/
	height: 60px;
}


/* singele bookmark */

ul.books li, ul.css-tabs li, .hero-tabs li {
     display:inline;
     text-align:center;
}

ul.books li a{
	float:left;
	display: inline-block;
	text-indent:0;
	padding:0px;
	margin:0 10px 0 0;
	list-style-type:none;
	font-size: 20px;
	font-family: "LeagueGothic", sans-serif;
	letter-spacing: 1px;
	color: #000;
	text-align: center;
	text-decoration: none;
	padding: 5px;
	background-color: #fff;


	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	/*background:-moz-linear-gradient(top, #CCC, #999);
	background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#999));
	-webkit-border-radius: .5em;
	-moz-border-radius: 1.5em;
	border-radius: .5em;*/

}

ul.books li a:hover
{
	background: #BFBFBF;
}

ul.books li a:active, ul.books li a.current {
     background: #E6E6E6;
}

ul.books li a div {background-color:#fff; padding:5px;}

ul.css-tabs li a{
	float:left;
	display: inline-block;
	text-indent:0;
	padding:0px;
	margin:0 10px 0 0;
	color: #000;
	text-align: center;
	text-decoration: none;
	padding: 0px;
	background-color: #fff;
}


ul.css-tabs li a img{ border: 1px solid #838A79; padding:3px}
ul.css-tabs li a.current img, ul.css-tabs li a:hover img {border: 1px solid #ff0066;}

ul.css-tabs li a p  {font-size: 12px; font-style: italic;}
ul.css-tabs li a.current img, ul.css-tabs li a:hover img {border: 1px solid #ff0066;}
ul.css-tabs li a.current p  {color: #838A79}

#ubuntu-tabs { margin: 65px 145px 80px 205px;}

ul.books li a:active {
     background: #ff0066;
}

ul.books li a div {background-color:#fff; padding:5px;}

/* root element f}or tabs  */
ul.tabs {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #BFBFBF;
	height:32px;
	width: 598px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0px;
	margin:0 5px 0 0;
	list-style-type:none;
	font-size: 14px;
	text-align: center;
	text-decoration: none;

	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em;
	-moz-border-radius: 1.5em;
	border-radius: .5em;

}

/* link inside the tab. uses a background image */
ul.tabs a {
	background-color: #ffe6f0;
	display:block;
	height: 30px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#ff0066;
	padding:0 8px;
	margin:0px;
	position:relative;
	top:1px;
	border: 1px solid #BFBFBF;
	border-radius: .5em .5em 0 0;

}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#000;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important;
	color:#000 !important;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */
.panes .pane {
	display:none;
}


/* tab pane styling */
.panes {width: 598px;}
.panes div {
	display:none;
	padding:15px 10px;
	border:1px solid #BFBFBF;
	border-top:0;
	background-color:#fff;
}
.panes h3, .thinkpad-features h3, #hardware-header h3 {font-family: "LeagueGothic","Liberation Sans", Arial, Helvetica, sans-serif; font-size: 22px;letter-spacing:1px;text-shadow: 0 1px 1px rgba(0,0,0,.3);}

.panes h4 {font-size: 14px;}

div.gallery, .gallery div, #image_wrap, div.hreview, .hreview div {display:block; border:none;margin: 0;padding:0;}

div.items, .items div, #image_wrap { background-color: #FFE6F0;
    padding-left:2px;}

#image_wrap img {margin: 10px 6px 0 6px; padding: 4px; background-color:#fff;}

#image_wrap img.single-screenshot {margin-bottom: 10px;}

.items img {cursor: pointer;}
.items img.active {padding: 1px; border: 1px solid #BFBFBF; cursor: default}
.gallery img {
	margin:10px 3px 10px 3px;
	padding: 2px;
	background-color:#fff;
	}
#overview h3, #overview p {margin-left: 60px}
#overview img {float: left;
margin-top: 10px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;}

#ratings .hreview {padding: 15px 0;}
.hreview .item {display:none}
.rating {display:block; height: 17px; width: 90px; position:relative;text-indent:-5000px;background: url("../img/rating.png")}

.rating4 {background-position: 0 -24px}
.criteria {display:block; height: 14px; width: 72px; position:relative;text-indent:-5000px;background: url("../img/rating.png")}
.criteria5 {background-position: 72px 0}
.criteria4 {background-position: 72px -19px}
.criteria3 {background-position: 72px -39px}
.criteria2 {background-position: 72px -58px}
.criteria1 {background-position: 72px -77px}
.rating_criteria {background-color: #FFE6F0;padding: 0 5px; border: 1px solid #fff; border-right-width: 5px; border-left:none;}
.review_overview { border:1px solid #FF0066 !important;float:right;padding:5px !important; margin: 0 0 0 10px !important;}
.hreview table {margin: 0;}
.css-panes {background: url("../img/thinkpad_background.jpg") no-repeat scroll 0 0 transparent;height: 595px; width: 908px; margin: 20px -130px	}
.xps-features .css-panes {background: url("../img/xps-background.jpg") no-repeat  scroll 0 0 transparent} scroll 56px 32px transparent;height: 495px; width: 908px; margin: 20px -130px	}
.css-panes img {margin:61px -13px;}
.nitro-software .css-panes {background: url("../img/nitro-background.jpg") no-repeat scroll 0 0 transparent}

.forward, .backward {
    position: absolute;
    top: 225px;
    background: rgba(255,255,255,0) url("../img/pfeile.png") no-repeat;
    display: block;
    width: 30px;
    height: 69px;
    cursor: pointer;
    font-size: 1px;
    text-indent: -9999em;
}

.forward {right: 15px; background-position-x: -39px;}

.backward {left: 15px}

.slidetabs {position: absolute; top: 465px; right: 35px;}

.slidetabs a.current {
background-position: 0 -16px;
}
.slidetabs a {
width: 8px;
height: 8px;
float: left;
margin: 3px;
background: url(../img/navigator.png) 0 0 no-repeat;
display: block;
font-size: 1px;
}

/*=======
>>>>>>> MERGE-SOURCE
=======*/

#addtocart {background-color:#ffe6f0; padding:10px;}
#addtocart {background-color:#ffe6f0; padding:10px;}
#options {background-color: #e6e6e6; padding: 10px; margin:20px 0}
#options table {width: 100%; margin: 0}
#options .price {width:20%}
/*#options .description {font-size:12px;}*/
/*tr.option:hover {background-color: #ff0066;}*/
.option input[type="radio"] {
margin-right: 10px;
vertical-align: baseline;
 }
#options input:hover {background-color: #ff0066;}
#options label:hover {color: #ff0066;}
#productname  {font-family: "LeagueGothic"; font-size: 1.6em; letter-spacing: 1px; margin-top: 0; text-transform: uppercase;}
#productprice {color: #008000; font-size: 16px; font-weight: bold;}
#questions {padding: 10px; background-color: #BFBFBF; color:#fff; margin: 10px 0;}
#questions a:hover {color: #fff}
#summary {border: 2px solid #ff6608; padding: 10px;}
#shipping {color: #FF6608;}
.button, #submit_record__row input {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% "LeagueGothic","Liberation Sans", Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-transform: uppercase;
	letter-spacing: 1px;
}
.button:hover, #submit_record__row input:hover {
	text-decoration: none;
}
.button:active, #submit_record__row input:active {
	position: relative;
	top: 1px;
}

a.pink:link, a.pink, a.pink:hover {color: #fef4e9;}
a.pink {padding: 0.2em 0.4em;line-height:24px; width:145px}
.pink, #submit_record__row input {

	color: #fef4e9;
	border: solid 1px #bf004d;
	background: #ff0066;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0066), to(#ff4c94));
	background: -moz-linear-gradient(top,  #ff00,  #ff4c94);
	background: -o-linear-gradient(top,  #ff00,  #ff4c94);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0066', endColorstr='#ff4c94');
}
.pink:hover, #submit_record__row input:hover {
	background: #e10066;
	background: -webkit-gradient(linear, left top, left bottom, from(#CC0052), to(#CC3D76));
	background: -moz-linear-gradient(top,  #CC0052,  #CC3D76);
	background: -o-linear-gradient(top,  #CC0052,  #CC3D76);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0052', endColorstr='#CC3D76');
}
.pink:active, #submit_record__row input:active {
	color: #fef4e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0066), to(#ff4c94));
	background: -moz-linear-gradient(top,  #ff0066,  #ff4c94);
	background: -o-linear-gradient(top,  #ff0066,  #ff4c94);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0066', endColorstr='#ff4c94');
}

h2.cart{font-style: italic;margin-top:0}
table.cart{width:100%}
td.cart{vertical-align:top; padding-bottom:40px;}
td.image{width: 23%}
td.name{width:45%}
td.qty {width: 19%}
td.total{width:13%}
th.lastcol, td.total, td.lastcol {text-align:right}
td.gotocart-1, .cart th  {padding: 0 0 1em 0}
td.gotocart-2 {padding: 1em 0 0 0}
b h2 {font-weight:bold;}
.cart.total b {font-size: 16px}

ul.payment-method, #address ul {margin: 2em 0 0 0;}
.payment-method li {list-style-type: none; margin-bottom: 4em; margin-left:0}
.payment-method div {width: 500px; margin-top: 0.5em}
a.paypal {display:block;}

.w2p_fl {font-size: 14px; font-weight:bold}
.w2p_fc {font-style: italic; font-size: 14px; color:#666}
 #address ul li , .mc-field-group {list-style-type: none; margin-bottom: 1em; margin-left:0}
#address input, #delivery-address input, .mc-field-group input {width: 250px; height:25px; margin:0; border: 1px solid #000;padding-left: 5px}
#address select, #delivery-address select {width: 257px; height:30px; padding-left: 5px}
#customer_delivery_address {margin: 0 0 0 0;}
#customer_delivery_address input {margin:0}
/* Solange nur nach Deutschland geliefert wird */
/*#customer_country__row, #customer_delivery_country__row{display:none}*/
#delivery-address {padding: 0 0 10px 0;}
#submit_record__row input {width:210px; padding:.25em .5em; height: 33px; border:solid 1px #BF004D}

#customer_delivery_address input {width: 15px; height: 15px; border:none}
#customer_delivery_address {margin: 0 0 10px 200px}
.ValidationErrors, .error-message{margin-left: 10px;font-weight: bold;color: red;font-size: 12px; border: 1px solid red;padding: 5px 10px 6px 10px; background-color:#ffdfdf;}

.error-message {margin-left: 0; margin-bottom: 35px}

#billing-address table, #delivery-address table, #order-confirmation {border: 1px solid #bfbfbf;}
#billing-address table, #delivery-address table {width:97%}
#order-confirmation {width: 100%; margin: 20px 0}
#delivery-address table {margin-left: 15px}
#billing-address table td, #delivery-address td {padding: 0 10px}
 #billing-address table th, #delivery-address th, #order-confirmation td, #order-confirmation th {padding: 10px;}
#billing-address table th, #delivery-address table th, #order-confirmation td, #order-confirmation th {border-bottom: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf;}

#billing-address table th, #delivery-address th, #order-confirmation th {background-color:#ccc}
#billing-address a, #delivery-address th a {font-weight: normal; font-size: 10px;}
td.last-row {padding-bottom: 10px !important}
td.first-row {padding-top: 10px !important}
#order-confirmation img {max-width: 150px}
a:link,a:visited,a:focus,a:hover,a:active {outline:0}
.subscribe-newsletter {margin-top:3.5em}

.pledge h2 {
font-family: "LeagueGothic";
font-size: 26px;
letter-spacing: 1px;
 }

#pledge {margin-top: 40px;}
div.pledge {text-align:center;}
.pledge h2, .pledge p {text-align:left;}
.item {margin-right:15px;margin-left:15px}

.faq-left dl{padding-right: 20px;}

dt {color:#ff0066;}
dt:hover {color:#000;}

/* START Thinkpad Index */
ul.thinkpad-features {width: 100%}
ul.thinkpad-features, .thinkpad-features li {list-style-type: none}
ul.thinkpad-features li {float: left; text-align:center;margin:30px 0 0 30px; width: 30%}
.trigger, .tooltip { height: 200px;}
.trigger {width: 100%}
.trigger {border:10px solid #E6E6E6;}
.tooltip {color:white;background-color:rgba(0, 0, 0, 0.8); font-style:italic;text-align:center;display:none; width: calc(30% - 2*9px);}
.tooltip p {padding: 10px}
.tooltip a:hover {color:white;}
.trigger hr {margin: 5px 88px 15px; width: 100px;}
.trigger h2 {margin-top: 15px;}
.thinkpad-features li.no-left-margin {margin-left: 0;}

#thinkpad-index-top {padding-left:30px; padding-top:40px;}
#thinkpad-index-top h2 {font-family: LeagueGothic; font-size: 3em; letter-spacing: 2px;  margin-top: 75px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; line-height: 1em; }

.description div {border-top: 1px dotted #363636;}
.shop h3 {margin-top: 1em;}

.nav-trigger, label[for="nav-trigger"] {
    display: none;
}

/* Responsive styling */

@media screen and (max-width: 960px) {
	#warumubuntu img {
		margin: -215px 0px 0 0;
		width: 45%;
		height: 50%;
	}
}

@media screen and (max-width: 840px) {
	.thinkpad-features h2, .reasons h2, .rockigeros-reasons h2, #subscribe-newsletter h2, h2.reasons, #hardware-header h2 {font-size: 20px;}
	body {font-size: 12px;}
	.reason-image {text-align: center;}
	.reason-image img {float: none;}

	#blog-right, #contact-right, #test-right {padding-left: 0;}
	.ez-66 {width: auto;}
	.ez-fr {float: none;}
	body {font-size: 1.2em;}
	.tooltip {font-size: 10px;}
	#thinkpad-index-top h2 {font-size: 2em;}
	.trigger hr {margin: 5px 30% 15px;}

	.ez-33 {
		width: 100% !important;
	}
	#thinkpadheader nav {font-size: 14px;}
}

@media screen and (max-width: 675px) {

	.reasons .ez-50 {
		width: 100%;
		float: none;
		margin-top: 2em;
	}

	.reasons .ez-oh {
		overflow: auto;
		width: 100%;
		margin-top: 2em;
	}

	div.reasons {
		margin-top: 0;
	}

	ul.thinkpad-features li {
		float: left;
		text-align: center;
		margin: 30px 0 0 10%;
		width: 45%;
	}

	ul.thinkpad-features li:nth-child(3), ul.thinkpad-features li:nth-child(5), ul.thinkpad-features li:nth-child(7), ul.thinkpad-features li:nth-child(9) { margin-left: 0;}

	ul.thinkpad-features li:nth-child(4) {margin-left: 10%;}

	.tooltip {width: calc(45% - 2*13px);}

	ul.reasons {display: none;}

	p.reason-text.width50 {width: 100%;}

	#warumubuntu img {float: none; margin: 0;}
}

@media screen and (max-width: 600px) {

	ul.web2py-menu {
		display: none;
		position: absolute;
		left: 0;
		top: 86px;
		width: 100%;
		height: auto;
		background-color: black;
		}
	ul.web2py-menu li {
		float: none;
		padding-top: 15px;
		padding-bottom: 15px;
		height: 36px;
	}

	.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
	}

	label[for="nav-trigger"] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
		display: inline;
		width: 30px;
    height: 30px;
    cursor: pointer;
    background-size: contain;
	}

	ul li.active { background: none;}

	.nav-trigger:checked ~ ul.web2py-menu {display: block;}

	.ez-25 {width: 100%;}

	/* ====================== lines button ==================================================*/
	.lines-button {
	  padding: 0;
	  transition: .3s;
	  cursor: pointer;
	  user-select: none;
	  border-radius: 2px;
	}
	.lines-button:hover {
	  opacity: 1;
	}
	.lines-button:active {
	  transition: 0;
	}

	.lines {
	  display: inline-block;
	  width: 30px;
	  height: 4px;
	  background: #ff0066;
	  border-radius: 2px;
	  transition: 0.3s;
	  position: relative;
	}
	.lines:before, .lines:after {
	  display: inline-block;
	  width: 30px;
	  height: 4px;
	  background: #ff0066;
	  border-radius: 2px;
	  transition: 0.3s;
	  position: absolute;
	  left: 0;
	  content: '';
	  -webkit-transform-origin: 2px center;
	  transform-origin: 2px center;
	}
	.lines:before {
	  top: 10px;
	}
	.lines:after {
	  top: -10px;
	}

	/*.lines-button:hover .lines:before {
	  top: 12px;
	}
	.lines-button:hover .lines:after {
	  top: -12px;
	}

	.lines-button:hover .lines, .lines-button:hover .lines:before, .lines-button:hover .lines:after {
		background: #fff;
	}*/

	.nav-trigger:checked ~ .lines-button {
	  -webkit-transform: scale3d(0.8, 0.8, 0.8);
	  transform: scale3d(0.8, 0.8, 0.8);
	}

	.nav-trigger:checked ~ .lines-button .lines {
	  background: transparent;
	}
	.nav-trigger:checked ~ .lines-button. .lines:before, .nav-trigger:checked ~ .lines-button .lines:after {
	  -webkit-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	  top: 0;
	  width: 30px;
	}
	.nav-trigger:checked ~ .lines-button .lines:before {
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
		height: 6px;
		width: 40px;
		top: -15px;
	}
	.nav-trigger:checked ~  .lines-button .lines:after {
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
		height: 6px;
		width: 40px;
		top: 10px
	}


}

@media screen and (max-width: 375px) {
	#thinkpad-index-top h2 {font-size: 2em;}
	.tooltip {font-size: 8px;}
}