/* ---------------- initialisierung ---------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4 ,h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

body {
	background-color: #FFA641; 
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center; /*  hack fuer zentrierung */
	}


/* ---------------- wrapper, header, nav ------------------- */
#wrapper {
	width: 760px;
	background: url(../images/basic/bg_wrapper.gif) repeat-y;
	margin-left: auto; /*  3 zeilen hack fuer zentrierung */
	margin-right: auto;
	text-align: left;
	}

#header {
	height: 100px;
	background: url(../images/basic/bg_header.gif) no-repeat;
	}

#navcol {float: left; width: 160px; background-color: #69C;}
#nav {padding: 30px 0 20px 0; background-color: #FC6;}
#nav img {margin: 0 0 10px 20px;}


/* ---------------- content ------------------- */
#content {
	padding-top: 30px;
	width: 480px;
	float: left;
	margin-left: 65px;
	font-size: 0.6875em;
	line-height: 1.45em;
	background-color: #FFF;
	}

#content p {margin-bottom: 10px;}

#content a:link {text-decoration: none; color: #69C;}
#content a:visited {text-decoration: none; color: #999;}
#content a:hover {text-decoration: underline;}

#content .topspace {margin-top: 20px;}

#content .row {overflow: auto; margin-bottom: 20px}

#content .row .left {float: left; width: 225px; text-align: left;}
#content .row .right {float: right; width: 225px; text-align: left;}

#content .row .leftimg {float: left; margin: 0 40px 20px 0;}
#content .row .rightimg {float: right; margin: 0 0 20px 40px;}

#content .row .caption {font-size: 0.9em; line-height: 1.2; display: block; margin: 10px 0 0 0;}

#content .row .captionright {width: 150px; text-align: left; line-height: 1.5em;}
#content .row .captionleft {width: 150px; text-align: right; line-height: 1.5em;}
	
#content .row .captionright h3, #content .row .captionleft h3 {padding-top: 40px;}

#content .centeredrow {margin: 0 0 20px 50px; width: 340px;}
#content .centeredrow a:visited {text-decoration: none; color: #69C;}
		
#content .center {text-align: center; margin-bottom: 20px;}

#content .narrowleft {float: left; width: 110px;}
#content .narrowright {float: right; width: 110px;}

#footer {margin: 40px 0 30px 50px; color: #69C; font-size: 0.92em;}
#footer a:link {text-decoration: none; color: #69C;}
#footer a:visited {text-decoration: none; color: #69C;}
#footer a:hover {text-decoration: underline;}

#bottom {height: 80px; background: url(../images/basic/bg_footer.gif) no-repeat; clear: both;}


/* ---------------- typo ------------------- */
h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #369;}

h1 {font-size: 1.6em; line-height: 1.1; margin-bottom: 20px;}
h1 .subline {color: #69C;}
h2 {font-size: 1.1em; color: #69C; margin-bottom: 20px;}
.row h2, .centeredrow h2 {margin-bottom: 2px;}
h3 {font-size: 1em; color: #69C; margin-bottom: 5px;}

strong {font-weight: bold; color: #69C;}

.kurios {font-weight: bold; color: #69C; font-size: 1.5em; line-height: 1.2;}

/* ---------------- tabellen ------------------- */
table {border-collapse: separate; border-spacing: 3px;}
td, th {padding-left: 3px;}
td {width: 100px;}
th {width: 50px;}

tbody tr td, tbody tr th {background-color: #D9E6F3; font-weight: normal; text-align: left;}
tbody tr.odd td, tbody tr.odd th {background-color: #ECF3F9; font-weight: normal; text-align: left;}

/* ---------------- formulare ------------------- */
form label {
	display: block;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: -10px;
	}

textarea, input {width: 400px; background: #ECF3F9;}
	
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

input#reset, input#submit {
	width: auto;
	margin-right: 20px;
	margin-top: 20px;
	background: none;
	}

input:focus, select:focus, textarea:focus {background: #D9E6F3;}


/* ---------------- listen ------------------- */
ul {margin-left: 15px; list-style-type: square; color: #69C;}
li {margin-bottom: 5px;}

/* ---------------- skip navigation ------------------- */
#skip a {position: absolute; margin-left: -1000px;}

#skip a:focus, #skip a:active {
	margin-left: 0;
	display: block;
	width: 10em;
	overflow: visible;
	background-color: #000;
	color: #fff;
	}

#blah:active {}