@charset "UTF-8";

body {
	color:#000;
	background-color:#fefce3;
        background-image:url("img/bg-head.jpg");
        background-repeat:repeat-x;
        background-position:top left;
	font-family:sans-serif;
	margin:2%;
}

#main {
	float:right;
	width:80%;
	padding-left:2.5%;
}

#menu {
	float:left;
	width:17%;
	margin-top:120px;
}

#footer {
	clear:both;
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid black;
}

#poweredby {
        float:right;
}

#menu h2 {
	display:none;
}

#menu, #footer, #ticker {
	font-size:80%;
}

h1, h2, h3 {
	margin-left:-2%;
}

dt {
	font-style:italic;
	margin-bottom:0.5ex;
}

dd {
	margin-bottom:1ex;
}

/*
 * http://webdesign.crissov.de/Typographie#q
 */
[lang ="de"]>*    {quotes: "„"  "“"  "‚"  "‘"}
[lang|="en"]>*    {quotes: "“"  "”"  "‘"  "’"}
q:lang(de)        {quotes: "„"  "“"  "‚"  "‘"}
q:lang(en)        {quotes: "“"  "”"  "‘"  "’"}
q:before          {content:  open-quote}
q:after           {content: close-quote}

table {
        margin-top:5px;
        margin-bottom:5px;
        border-collapse:collapse;
}

thead tr, tfoot tr {
        background-color:#ddb;
}

th, td {
        padding:3px;
        padding-left:10px;
        padding-right:10px;
}

tr.even {
        background-color:#eed;
}

#menu dt {
	font-style:normal;
	margin-top:2ex;	
}

#menu dd dt {
	margin-top:1ex;
}

#menu dd {
	margin-left:1em;
}

.important {
	background-color:inherit;
	color:#c00;
}

.tux {
	position:absolute;
	left:2%;
	top:20px;
	width:80px;
	height:80px;
}

.hidden {
        display:none;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.left, .right {
	width:48%;
}

img {
	border:none;
}

img.logo, img.runin {
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

#tux-lug {
	background-image:url("img/tux-lug.png");
}

#tux-distris {
	background-image:url("img/tux-cd.png");
}

#tux-mag {
	background-image:url("img/tux-paper.png");
}

#tux-mail {
	background-image:url("img/tux-mail.png");
}

#banner {
	border:1px solid red;
	padding:10px;
	margin-bottom:10px;
	margin-left:-2%;
	color:red;
	background-color:white;
}

#banner h2 {
	color:red;
	background-color:white;
	margin-left:0%;
}

.gallery {
    list-style-type:none;
}

.gallery li {
    margin-bottom:30px;
}

.gallery_styled {
    width:90%;
    margin:0 auto;
}

.gallery_styled li {
    width:68px;
    height:50px;
    margin:2px;
}

.galleria_container {
    margin:0 auto 30px auto;
    text-align:center;
}

.galleria_container img {
    margin-bottom:10px;
}