* { font-family: Arial; }
html, body { }

/* Layout */
div#main { margin: auto; width: 900px; }
	div#header {  }
		div#logo { float: left; width: 242px; height: 79px; background: transparent url('/images/layout/logo.png') no-repeat scroll left top; }
		div#navigation { float: left; margin-top: 43px; margin-left: 7px; }
			div#navigation ul { padding: 0; margin: 0; }
			div#navigation ul li { cursor: pointer; color: #FFF; float: left; margin-right: 2px; list-style: none; height: 25px; line-height: 25px; background: transparent url('/images/layout/button_left_blue.png') no-repeat scroll left top; padding-left: 2px; }
				div#navigation ul li a { color: #FFF; text-decoration: none; font-size: 0.8em; cursor: pointer; display: block; background: transparent url('/images/layout/button_right_blue.png') no-repeat scroll right top; padding: 0 16px 0 14px; }
			div#navigation ul li:hover { float: left; margin-right: 2px; list-style: none; height: 25px; line-height: 25px; background: transparent url('/images/layout/button_left_black.png') no-repeat scroll left top; padding-left: 2px; }
				div#navigation ul li:hover a { color: #FFF; text-decoration: none; font-size: 0.8em; color: #FFF; display: block; background: transparent url('/images/layout/button_right_black.png') no-repeat scroll right top; padding: 0 16px 0 14px; }
			div#navigation ul li.selected { float: left; margin-right: 2px; list-style: none; height: 25px; line-height: 25px; background: transparent url('/images/layout/button_left_black.png') no-repeat scroll left top; padding-left: 2px; }
				div#navigation ul li.selected a { color: #FFF; text-decoration: none; font-size: 0.8em; color: #FFF; display: block; background: transparent url('/images/layout/button_right_black.png') no-repeat scroll right top; padding: 0 16px 0 14px; }
	div#contentbox { }
		div#contenttop { width: 686px; height: 10px; background: transparent url('/images/layout/content_top.png') no-repeat scroll right top; }
		div#content { padding: 0 10px 0 10px; width: 666px; background: transparent url('/images/layout/content_middle.png') repeat-y scroll right top; }
			div#navi { font-size: 0.7em; float: left; width: 200px; padding: 20px; }
			div#inhalt { font-size: 0.7em; float: left; margin-left: 10px; width: 410px; }
		div#contentbottom { width: 686px; height: 10px; background: transparent url('/images/layout/content_bottom.png') no-repeat scroll right top; }
	div#footer { font-size: 0.8em; color: #999; text-align: center; }
		div#footer .layout { font-size: 0.7em; color: #999; text-align: center; }
		
/* Boxen */
.screenshot { width: 197px; height: 88px; border: 2px solid #90B9CB; padding: 1px; }
.blase { }
	.blase-spitze { width: 17px; height: 9px; margin-left: 30px; background: transparent url('/images/layout/dreieck.png') no-repeat scroll right top; }
	.blase-content { width: 190px; background-color: #B3E0FF; padding: 5px; }
.bluebox { width: 329px; height: 61px; padding-top: 10px; background: transparent url('/images/layout/box.png') no-repeat scroll left top; }		
	.bluebox-title { margin-left: 90px; color: #FFF; font-size: 1.7em; font-weight: bold; }
	.bluebox-subtitle { margin-left: 135px;color: #FFF; }
	
/* Meldungen */
.accept { margin: 2px; padding: 2px; border-top: 1px solid #018F00; border-left: 1px solid #018F00; border-bottom: 1px solid #015F00; border-right: 1px solid #015F00; background-color: #9AEF95; font-size: 12px; }
.accept-header { background: transparent 2px 3px no-repeat url('/images/icons/accept.png'); padding: 3px 3px 3px 20px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFF; margin-bottom: 5px; }

.error { margin: 2px; padding: 2px; border-top: 1px solid #BF0008; border-left: 1px solid #BF0008; border-bottom: 1px solid #6F0004; border-right: 1px solid #6F0004; background-color: #EF9599; font-size: 12px; }
.error-header { background: transparent 2px 3px no-repeat url('/images/icons/error.png'); padding: 3px 3px 3px 20px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFF; margin-bottom: 5px; }

.warning { margin: 2px; padding: 2px; border-top: 1px solid #FDFF00; border-left: 1px solid #FDFF00; border-bottom: 1px solid #7E7F00; border-right: 1px solid #7E7F00; background-color: #EEEF95; font-size: 12px; }
.warning-header { background: transparent 2px 3px no-repeat url('/images/icons/warning.png'); padding: 3px 3px 3px 20px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFF; margin-bottom: 5px; }

.info { margin: 2px; padding: 2px; border-top: 1px solid #6189B7; border-left: 1px solid #6189B7; border-bottom: 1px solid #001E3F; border-right: 1px solid #001E3F; background-color: #0D72DF; font-size: 12px; }
.info-header { background: transparent 2px 3px no-repeat url('/images/icons/information.png'); padding: 3px 3px 3px 20px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #FFF; margin-bottom: 5px; }

/* Suchfeld */
.suchfeld input { position: absolute; z-index: 40; border: 1px solid #C7C7C7; height: 17px; padding-top: 3px; background-image: url('/images/layout/inputverlauf.png'); background-repeat: repeat-x; }
.lupe { position: absolute; z-index: 50; margin: -1px 0 0 135px; width: 31px; height: 31px; background: transparent url('/images/layout/lupe.png') no-repeat scroll right top; }

/* �berschriften */
h1 { padding: 0; margin: 0 0 5px 0; font-size: 1.5em; color: #0096FF; border-bottom: 1px dotted #999; }
h2 { padding: 0; margin: 0 0 5px 0; font-size: 1.3em; color: #0096FF; border-bottom: 1px dotted #999; }
h3 { padding: 0; margin: 0 0 5px 0; font-size: 1.1em; color: #FFFFFF; border-bottom: 1px dotted #999; }

/* Position */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* Links */
a:link, a:active, a:visited, a:focus { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

/* IMG */
img { border: 0; }