/*
#------------------------------------------------------------------------
# Magazine - January Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

body {font-size:16px;}
h1 {font-weight:bold; color:rgb(77, 144, 254); line-height:1;}
h2 {font-size:30px;}
section#gkMainbody * a {text-decoration:underline;}
section#gkMainbody li {list-style-type:square; margin-left:20px;}
section#gkPageTop {background-color:#DBE9FF;}
div#gkBannerTop {margin:0; max-width:880px;}
a#gkLogo {width:300px;}
a#gkLogo.text {padding:0 5px; background-image: url("/images/headers/linux-logo.png"); background-repeat: no-repeat; background-position: left bottom;}
a#gkLogo.text span {line-height: 1.5; padding:0; margin-top:20px; background: none;}
ul.gkmenu a, div.itemExtraFields {font-size:16px;}
ul.gkmenu a.active {font-weight:bold;}
ul.gkmenu li.active {list-style-type: square; margin-left:18px;}
article#k2Container header {margin-bottom:10px;}
div.itemListSubCategories div.subCategory p {margin:0;}
.itemList article {padding-top:20px;}
p.listeneinleitung {margin-bottom:0;}
p.listeneinleitung ~ ul {margin-bottom:26px;}
div.itemExtraFields dl dt {font-weight:bold;}
div.itemExtraFields dl dd {margin: 0 0 20px 30px;}
div.itemExtraFields dd.keineinzug {margin-left:0;}
div.itemExtraFields dd.distri-veraltet {background-color:#FEBCB3; padding:8px; max-width:500px;}
div.itemExtraFields dd.field-53 {margin-left:0}
div.itemExtraFields dd.field-53 div#k2ModuleBox101 {background-color:#DBE9FF; padding:10px;}
div.itemExtraFields dd.field-53 div#k2ModuleBox101 li {border:none; display:inline-block; margin: 0 15px 0 0;}
div.itemExtraFields dd.field-53 div#k2ModuleBox101 a {font-size:16px; text-decoration:underline;}
div.itemExtraFields dd.field-53 div.distriliste p {font-weight:bold;}
div.itemImageBlock {float:right; margin: 5px 0 10px 10px;}
div.itemsContainerWrap {padding-right:10px;}
div.itemsContainerWrap div.itemIntroText {word-break: break-all;}
div.itemsContainerWrap header h2 {white-space:nowrap; overflow:hidden;}
div#itemListLinks h2 {line-height:1; margin-top: 30px;}
div#itemListLinks ul li {background: none; padding-left: 0; font-size:16px;}
div#itemListLinks ul li:first-child {font-weight:bold;}
div#itemListLinks ul li:first-child:after {content: " aktuelle Version"; background-color:#99BFFE; color:#000; padding: 0 5px;}
img.pull-right {float:right; margin: 5px 0 5px 10px;}
input#submitCommentButton {font-weight:bold;}
ul.iteminfo:before {content: "\0000DCber diesen Artikel:"; margin-top: 10px; display: block;}
.k2FilterSelectInner label {font-size: 16px; text-transform: none; font-weight: normal;}
dl#system-message {background: #FFCCCC; padding: 10px; color:#000;}

#gkInset div.acymail, #gkInset div.social {
  border-bottom: none;
  margin-top: 20px;
  padding:10px;
  background-color: rgb(219, 233, 255);
  border-radius: 3px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 2px 4px 0 rgba(4,1,1,0.21);
  box-shadow: 2px 2px 4px 0 rgba(4,1,1,0.21);
  color:#000;}
#gkInset div.acymail label a.modal {text-transform: none; font-weight: normal;}
#gkInset div.acymail input.button, #gkInset div.acymail input.inputbox {width:100%; border-radius: 3px;}
#gkInset div.acymail p.fieldacyemail {margin-bottom: 5px;}
#gkInset div.box, #gkInset div.box input, #gkInset div.box a.modal {font-size: 13px;}
#gkInset li#info_button {cursor: help;}
#gkInset .box.social {padding-bottom: 0;}
#gkInset .box.social > div {margin-bottom: 10px;}
#gkInset .box.social div#social_bookmarks {margin-bottom: 0;}

/** DOWNLOAD-Schaltflächen *********************************************************************/
section#gkMainbody div.itemExtraFields dd.field-26, section#gkMainbody div.itemExtraFields dd.field-49, section#gkMainbody div.itemExtraFields dd.field-56 {padding-top: 20px;}

a.dlWindowsClose {margin-left: 15px;}

section#gkMainbody div.itemExtraFields dd.field-26 a, section#gkMainbody div.itemExtraFields dd.field-49 a, section#gkMainbody div.itemExtraFields dd.field-56 a, a.dlWindowsClose {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  display:block;
  width: 250px;
  text-align: center;
}

section#gkMainbody div.itemExtraFields dd.field-26 a:hover, section#gkMainbody div.itemExtraFields dd.field-49 a:hover, section#gkMainbody div.itemExtraFields dd.field-56 a:hover, a.dlWindowsClose:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/** ANLEITUNGEN ********************************************************************************/

section#gkMainbody ol.anleitung {
	margin-top:10px;
	padding-left: 0;
	margin-left: 0;
	list-style-type:none;
	counter-reset:anleitung;}
section#gkMainbody ol.anleitung > li {
	margin:0 0 15px 0;
	padding:7px 2px 4px 4px;
	background-color: #eee;
	border-radius: 5px;
	border:4px solid #eee;
        list-style-type:none;}
section#gkMainbody ol.anleitung > li[class]:before {
	counter-increment:anleitung;
	content:counter(anleitung);
	font-size: 30px;
	margin-right: 5px;
	color:#0071bc;
	float: left;
	font-weight: bold;}
section#gkMainbody ol.anleitung > li:hover {border:4px solid #0071bc;}
section#gkMainbody ol.anleitung > li > p {margin-left:40px;}
section#gkMainbody ol.anleitung > li > ul {margin-left:30px; font-weight: normal;}
section#gkMainbody ol.anleitung img {border:1px solid #555; border-radius: 5px;}
section#gkMainbody ul.voraussetzungen {padding-left: 15px;}
section#gkMainbody ul.voraussetzungen li {background-image: none; list-style-type:none;}
section#gkMainbody ul.voraussetzungen li p:first-of-type {text-indent: -17px;}
section#gkMainbody ul.voraussetzungen li p:first-of-type:before {content: "\002714" " ";} /* siehe http://tobias-otte.de/2007/09/css-sonderzeichen-im-content/ */
section#gkMainbody .warnung {
	background-color: #FFDCDC;
	padding:4px 4px 4px 7px;
	margin:20px 0 15px 0;
	border-radius: 5px;
	border:4px solid #FF6666;
	min-height: 40px;
	clear: both;}
section#gkMainbody .warnung:before {
	content: "!";
	font-weight: bold;
	font-size: 50px;
	display: inline-block;
	float: left;
	margin:10px 6px 4px 0;
	color: #FF6666;
        line-height:25px;}
section#gkMainbody .hinweis {
	background-color: #FFFAE6;
	padding:4px 4px 4px 7px;
	margin:20px 0 15px 0;
	border-radius: 5px;
	border:4px solid #FFD119;
	min-height: 40px;
	font-weight: normal;
	clear: both;}
section#gkMainbody ol .hinweis, ul .hinweis {margin-right: 10px;} /* Hinweisbox innerhalb von Listen */
section#gkMainbody .hinweis:before {
	content: "!";
	font-weight: bold;
	font-size: 50px;
	display: inline-block;
	float: left;
	margin:10px 6px 4px 0;
	color: #FFD119;
        line-height:25px;}
section#gkMainbody p.zwischenergebnis, p.abbtitel {font-weight: normal;}
section#gkMainbody p.zwischenergebnis:before {content: ">> ";}
section#gkMainbody p.abbtitel:before {
	counter-increment:abbnummer;
	content:"Abb. " counter(abbnummer) ": ";}
section#gkMainbody p.erlaeuterung {font-weight: normal;}
section#gkMainbody p.endergebnis {font-weight: normal; color: #0071bc;}
section#gkMainbody p.endergebnis:before {content: ">> ";}
section#gkMainbody span.befehlseingabe {font-family: monospace;}
section#gkMainbody span.menuepfad, span.bedienelement, span.fenstertitel {border-bottom: 1px dotted black;}
section#gkMainbody span.menuepfad:before, span.bedienelement:before, span.fenstertitel:before {content: open-quote;}
section#gkMainbody span.menuepfad:after, span.bedienelement:after, span.fenstertitel:after {content: close-quote;}

/** TOOL-TIPPS *****************************************************************************/

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
  background-color: #ccc;
  padding:0px 5px 1px 6px;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: bold;
  border-radius: 3px;}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;}
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 250px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
text-transform: none; font-weight:normal;}
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;}
  
a#menu280, a#menu281 {padding-left: 20px;}
li.active a#menu280, li.active a#menu281 {padding-left: 2px;}
a#menu279 {letter-spacing: -0.5px;}
a#menu279:hover{color:#444;}
option[value$="279"]{display: none;} /* Menüeintrag in mobilem Menü für "Linunx-komp. Geräte" verbergen */
  
  /** ADSENSE *****************************************************************************/
  
.adsense-leaderboard {width: 99.9%; height:90px; margin: 0 0 15px 0;}
.adsense-leaderboard:before {content:"- Anzeige -"; font-size: 10px; color:#666; display:block; margin-top: 10px;}
.adsense-largerectangle-rechts {width:380px; height:280px; float:right; margin: 0 0 8px 8px;}