* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.7; 
	font-family: Georgia, "Times New Roman", Times, serif;
}

html, body {
	background-color: #efefff;
}

body {
	min-width: 760px;
	max-width: 1280px;
}


h1 {
	font-size: 1.8em;
}

.article {
	padding: 10px 350px 10px 25px;
	position: relative;
}

.aside {
	position: absolute;
	right: 25px;
	top: 10px;
	width: 250px;
	padding: 10px 25px;
}

/* @group (externe) Links */

a[href^='http://'] {
    padding-right: 17px; 
    background: url(extern.png) right no-repeat;
}

a[href^='http://www.webkrauts.de'], 
a[href^='http://webkrauts.de'] {
    padding-right: 0;  
    background: none;
}

/* @end */

/* @group E-Mail-Adressen */

a[href^='mailto:'] {
    padding-right: 17px; 
    background: url(mail.png) right no-repeat;
}
a[href^='mailto:nicolai'] {
    padding-right: 17px; 
    background: url(nicolai.png) right no-repeat;
}

/* @end */

/* @group Tabelle */

table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

td, th {
	padding: 5px;
	border: 1px solid;
}

th {
	font-weight: bold;
	background-color: rgba(255,255,255,.7);
}

tr:nth-child(odd) {
  background-color: #bbf;
}

tr:nth-child(even) {
  background-color: #fbb;
}

ul.striped li:nth-child(odd) {
  background-color: #bbf;
}

ul.striped li:nth-child(even) {
  background-color: #fbb;
}

/* @end */

/* @group Geschwister-Selektor */

p {
	margin: 1em 0;
}

h1 + p {
    border-bottom: 1px solid #ddd;
    font-style: italic;
    padding: 5px 0;
    margin: 0;
    text-indent: 2em;
}

/* @end */


/* @group Seitenleiste */

.aside {
	background-color: #fff;
    border: 2px solid #333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-box-shadow: 2px 2px 10px #666;
    -webkit-box-shadow: 2px 2px 10px #666;
}

/* @end */