/* 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}
.ez-mw {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:27px;
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;}
.reasons h2, .rockigeros-reasons h2, #subscribe-newsletter h2, h2.reasons {font-family: 'LeagueGothic'; font-size: 26px;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.martop30 {margin-top: 30px;}
img.reason  {border: 1px solid #BFBFBF;}
.ml10 {margin-left: 10px;}
.ml0 {margin-left: 0px;}
.ml20 {margin-left:20px;}

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

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

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

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

#logo {margin-top: 17px;  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: 65px;}
a {color: #FF0066;}
#header-left { margin-left:30px}
#header-right {}
#header a:hover {color: #fff;}

#content {padding: 0 30px 20px 30px;}
#content h1 {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); }

#blog-right, #contact-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 {padding-bottom:40px; margin-bottom: 40px; border-bottom: 1px solid #bfbfbf;}

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;}

#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: 82px; line-height: 16px}
#buy-now-para {margin-top:10px;}
div.reasons {margin-top: 60px;}
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;}

.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}
#warumubuntu {margin-top: 2.6em}
.width50 {width: 50%}
#warumubuntu img {margin: -210px 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;}
<<<<<<< TREE
<<<<<<< TREE

#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;
}
.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 {
     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;}

/* 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;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#ff0066;
	padding:0px;
	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 {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:3px;}

#image_wrap img {margin: 10px 6px 0 6px; padding: 4px; background-color:#fff;}
.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;}

.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;}
=======
>>>>>>> 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;}
>>>>>>> MERGE-SOURCE

