@charset "utf-8";

body {
	background-color: #fe6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size:1em;
}

.boaform input, .boaform select {
	padding: 10px;
	font-size: large;
	color: #666;
	margin-right:20px;
}

.boabutton {
	font-size:large;
	padding:10px;
}

.boabutton:hover {
	color: #444;
}

.quickcheck td {
	padding:8px;
	text-align:center;
}

.quickcheck img {
	margin:2px 2px 0px 2px;
}

#inhalt {
	width: auto;
	margin: 0 110px 0 110px;
}

.sidebar {
	width:100px;
	background-color:#fff;
	border-left:2px solid #fc6;
	border-bottom:2px solid #fc6;
	border-radius:2px;
	position:absolute;
	right:0px;
	top:0px;
}

@media (max-width:1200px) {
	#inhalt {
		margin: auto;
	}
	.sidebar {
		display:none;
	}
}

.katcol_2 {
	float:left;
	width:50%;
}

.katcol_3 {
	float:left;
	width:33%;
	display:none;
}

.news_entry {
	margin: 10px auto;
	border:2px solid #fc6;
	border-radius:2px;
	background-color:#fff;
	padding: 10px;
}

.service {
	max-width:990px;
}

.block {
	border-radius:2px;
	max-width:990px
}

.block .gruen {
	margin-right:2px;
	font-size:1.2em;
}

#nk_hinweis_img {
	text-align:right;
}

.checkbox {
	border: 1px solid #fc6;
	float:left;
	border-radius:2px;
	padding:10px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#ffc;
}

@media (max-width:800px) {
	#nk_hinweis_img, #nk_hinweis {
		display:none;
	}
	.checkbox {
		float:none;
		text-align:center;
	}
}

.themediv {
	padding-right:20px;
}

.themeimg {
	max-width:100%;
	height:auto;
	margin:auto;
}

.listing {
	text-align:center;
	border: 2px solid #fc6;
	border-radius:2px;
	width:200px;
	height:300px;
	float:left;
	margin:10px;
	transition:border-color 0.2s linear;
}

.listing:hover {
	border-color:#f93;
	color:#222;
}

.textbild {
	float:right;
	text-align:right;
	margin-top:-20px;
}

.textbild img {
	max-width:98%;
	height:auto;
	margin:10px;
}

img.orig {
	border:none;
	width:120px;
	height:120px;
}

img.boa {
	border:none;
	max-width:120px;
	max-height:120px;
}

a {
	color: #444;
}

a:hover {
	text-decoration: none;
	color:#222;
}

.buttonlink, .buttonlink:visited {
	padding:4px;
	border: 2px solid #ddd;
	border-radius:2px;
	text-decoration:none;
	transition:border-color 0.2s linear;
	white-space:nowrap;
	line-height:250%;
}

.buttonlink:hover, .buttonlink:active {
	border-color:#999;
	text-decoration:none;
}

em {
	font-weight: bold;
	font-style:normal;
	color: #c40000;
}

hr {
	height: 1px;
	border-color: #fc6;
	color: #fc6;
	background-color: #fc6;
}

h1, h2, h3, h4, h5 {
	margin-top: 0;
}

h1, h2 {
	font-size: 1.4em;
	color: #555;
	padding:8px;
	border-bottom: 1px solid #fc6;
}

h3 {
	font-size: 1.4em;
	text-align: center;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-weight: bold;
	font-size: 1.1em;
	background-color: #eeeeee;
}

img.randlos {
	border:none;
}

table {
	margin: 0 10px 10px 10px;
}

tr {
	margin: 1px;
	background-color: #d8e4f8;
}

tr:hover {
	background-color: #ffffaf;
}



.col1:hover {
	background-color: #ffffaf;
}

.zeile1 {
	background-color:#f6f6f6;
}

.zeile2 {
	background-color:#ececec;
}

ul {
	list-style: url(button.gif);
	text-align: left;
}

li {
	margin-bottom: 3px;
}

.pos {
	font-weight:bold;
	color:#00CC00;
}

.neg {
	font-weight:bold;
	color:#CC0000;
}

.fett {
	font-weight:bold;
}

.kursiv {
	font-style:italic;
}

.durchgestrichen {
	text-decoration:line-through;
}

.unterstrichen {
	text-decoration:underline;
}

.ueberstrichen {
	text-decoration:overline;
}

.blink {
	text-decoration:blink;
}

.small-caps {
	font-variant:small-caps;
}

.klein {
	font-size: smaller !important;
	font-size: x-small;
}

.klein {
	font-size: normal;
}

.gross {
	font-size: larger !important;
	font-size: x-large;
}

.zentriert {
	text-align: center;
}

.tab {
	margin-left: 20px;
}

.grau {
	color: #999999;
}

.rot {
	color: #990000;
}

.gruen {
	color: #009900;
}

.blau {
	color: #000099;
}

.unsichtbar {
	display:none;
	visibility:hidden;
}

.floatrechts {
	float: right;
	text-align: right;
}

.hinweis {
	padding: 1%;
	border: 2px solid #c40000;
	border-radius: 2px;
	background-color: #ffffaf;
	color: #c40000;
	font-weight: bold;
	text-align: center;
}

.farbkasten img {
	border: 2px solid #222;
	width:25px;
	height: 25px;
	border-radius:2px;
	margin:2px;
	transition:width 0.3s ease-out;
}

.farbkasten img:hover {
	width:60px;
}

.sortierung {
	float:right;
}

.sortierung select {
	padding: 10px;
	font-size: large;
	color: #666;
	border: 2px solid #ddd;
	border-radius:2px;
	transition:border-color 0.2s linear;
}

.sortierung select:hover {
	color: #444;
}

@media (min-width:1200px) {
	.katcol_2 {
		display:none;
	}
	.katcol_3 {
		display:inline;
	}
}

@media (max-width:639px) {
	body {
		font-size:0.9em;
	}
	
	.fullcss {
		display:none;
	}
	
	.news_entry {
		padding: 5px;
	}
	
	.katcol_2 {
		float:none;
		width:100%;
		font-size:1.2em;
	}

	h2 {
		font-size: 1.2em;
		padding:5px;
	}
	
	.listing {
		width:120px;
		height:250px;
		margin:3px;
	}
	
	img.orig {
		width:80px;
		height:80px;
	}
	
	img.boa {
		max-width:80px;
		max-height:80px;
	}
	
	.textbild {
		float:none;
		text-align:center;
	}
	
	.buttonlink, .buttonlink:visited {
		padding:3px;
	}
	
	.farbkasten img {
		border: 2px solid #222;
		width:15px;
		height: 15px;
		border-radius:2px;
		margin:2px;
		transition:width 0.3s ease-out;
	}

	.farbkasten img:hover {
		width:15px;
	}
	

}

/* Wird benutzt wenn die Anmeldung fehlschlägt */
.hinweis_2 {
	padding: 10px;
	border: 1px solid #c40000;
	background-color: #ffffaf;
	background-image: -moz-linear-gradient(315deg, #ffffaf, #ffffdd 25%, #ffffdd 45%, #ffffaf);
	background-image: -webkit-linear-gradient(315deg, #ffffaf, #ffffdd 25%, #ffffdd 45%, #ffffaf);
	background-image: -ms-linear-gradient(315deg, #ffffaf, #ffffdd 25%, #ffffdd 45%, #ffffaf);
	background-image: -o-linear-gradient(315deg, #ffffaf, #ffffdd 25%, #ffffdd 45%, #ffffaf);
	background-image: linear-gradient(315deg, #ffffaf, #ffffdd 25%, #ffffdd 45%, #ffffaf);
	color: #c40000;
	text-align: center;
}