/*<?php
	header("content-type: text/css");
?>*/

/*
Primäre Grundfarbe		#B22222		heller		R:178 G:034 B:034
Sekundäre Grundfarbe	#8B0000		dünkler		R:139 G:000 B:000
Neutrum					#FFE4E1		neutral		R:255 G:228 B:225
Neutrale Farbe			#FFFFFF		White
Textfarbe Farbe			#000000		Black
*/

/*
 _____BASICS_____
 */
body {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	outline: none;
	background-color: white;
	border-color: #B22222;
}

div {
	float: left;
	border-width: 0;
	border-style: solid;
}

img {
	border: 0;
}

iframe {
	border: 0;
	frameborder: 0;
	framespacing: 0;
	scrolling: no;
}

/* 
_____TEXT_____ 
*/
h1,h2,h3,h4,h5,h6,p,span,dt {
	text-decoration: none;
	font-weight: normal;
	color: #B22222;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

p,span,a,th,dd,td,li {
	font-size: 14px;
	color: black;
}

a,a:active {
	text-decoration: none;
	outline: none;
	color: #B22222;
}

a:hover,a:focus {
	color: #8B0000;
}

#content a[href^="http:"],#content a[href^="https:"],#content a[href^="ftp:"] {
	background: url('design/link_extern.png') 100% 50% no-repeat;
	padding-right: 12px;
}

/*
 _____STRUCTURE_____
 */
#holder {
	width: 950px; /*max 960px*/
	float: none;
	margin: 0 auto;
	padding: 0;
}

#page {
	/*background-color:#fef;*/
	/*border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;*/
	margin-bottom: 10px;
}

#footer,#submenu {
	padding: 10px 0;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	width: 100%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#header {
	width: 100%;
	margin-bottom: 10px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #fff;
	background-color: #B22222;
	background: -webkit-radial-gradient(top, #B22222, #8B0000); /* Chrome, Safari */
	background: -moz-linear-gradient(top, #B22222, #8B0000); /* Firefox */
	background: linear-gradient(top, #B22222, #8B0000); /* W3C Standard */
	background: -ms-linear-gradient(#B22222, #8B0000); /* IE */
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#mainMenu {
	border-color: #8B0000;
	background-color: #B22222;
	width: 100%;
	margin-bottom: 10px;
}

#userSection {
	width: 100%;
}

#breadcrumbs {
	display: none;
	float: left;
	width: 100%;
}

#content {
	margin-top: 10px;
	width: 100%;
}

#main-content,#side-content .tile {
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
}

#main-content {
	width: 600px;
	margin-right: 10px;
}

#side-content {
	width: 300px;
}

/*
_____LAYOUT_____
 */
#content h1,#content h2,#content h3,#content h1 a,#content h2 a,#content h3 a,#side-content h1,#side-content h2,#side-content h3 {
	color: #8B0000;
}

#main-content img {
	text-align: right;
}

a.lightbox {
	float: right;
}

#main-content a.lightbox img {
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	margin: 0 0 10px 10px;
}

/* IE8 */
#main-content a.lightbox img.full {
	margin: 10px 0;
}

#main-content p {
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#content span {
	font-style: italic;
}

a.gallery {
	float: left;
	margin: 25px;
}

/*
 _____HEADER and FOOTER_____
 */
#logo img {
	margin: 10px 10px 0 10px;
}

#header h1 {
	color: #fff;
	/*display:inline;
float:left;*/
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.menu ul { /* generell menu's */
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	line-height: 20px;
}

.menu ul li { /* menu's, footer */
	display: inline;
}

.menu a {
	color: #555;
	min-width: 50px;
	margin: 0 0 0 10px;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

#mainmenu a { /* Differenzierung zu .menu a */
	color: #fff;
	margin: 0 10px 0 0;
	background-color: transparent;
	border-width: 1px 1px 0 1px;
	border-color: #8B0000;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.menu li.active a, /* active and hover */ .menu  a:hover,.menu  a:focus {
	border-color: #B22222;
	color: #8B0000;
}

#mainmenu li.active a, /* mainmenu active and hover */ #mainmenu  a:hover,#mainmenu  a:focus {
	border-color: #fff;
	background-color: #8B0000;
}

/*#mainmenu  a:focus{
box-shadow:0px -3px 10px rgba(255, 255, 255, 0.5);
}*/

/*#mainmenu a:hover, #mainmenu a:focus,/* menu's normal */
/*#mainmenu li.active ul a:hover, #mainmenu li.active ul a:focus{
border-color:#fff;
box-shadow:0px 0px 10px rgba(255, 255, 255, 0.5);
}*/

/*#mainmenu a:active, #mainmenu li.active a, /* menu's active */
/*#mainmenu li.active ul li.active a:active, #mainmenu li.active ul li.active a{
background-color:#8B0000;
border-color:#fff;
}*/
#searchbar {
	display: none;
	width: 200px;
	margin: 10px;
	float: right;
	color: #ccc;
}

#searchbar:focus {
	color: #000;
}

/*
 _____FORMULARE_____
 */
#main-content form p {
	text-align: left;
	width: 280px;
}

form {
	border: 0;
	background-color: #eee;
	width: 280px;
	padding: 10px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

fieldset {
	margin: 10px 0;
	padding: 0 10px;
	width: 278px;
	/*border-color:#fff;*/
}

label {
	
}

fieldset,input,textarea,select,button { /* Alle Felder inkl. Fieldset und Buttons */
	border: 1px;
	border-style: solid;
	border-color: #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: left;
}

input,textarea,select { /* Alle Felder */
	min-width: 270px;
	margin: 0;
	padding: 4px;
}

textarea {
	width: 270px;
}

select { /* ist irgendwie sonst zu klein... */
	width: 280px
}

button,input[type="submit"],input[type="reset"] { /* Alle buttons */
	padding: 3px;
	margin-right: 10px;
	border: 0;
	color: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	min-width: 130px;
	text-align: center;
}

button,input[type="submit"] { /* Alle buttons, ausser Reset */
	background-color: #8B0000;
}

button:hover,input[type="submit"]:hover { /* Alle buttons, ausser Reset */
	background: -ms-linear-gradient(bottom, #8B0000, #B22222); /* IE */
	background: -moz-linear-gradient(top, #8B0000, #B22222); /* Firefox */
	background: -webkit-radial-gradient(bottom, #8B0000, #B22222); /* Chrome, Safari */
	background: linear-gradient(bottom, #8B0000, #B22222); /* W3C Standard */
}

input[type="reset"] { /* Reset Buttons */
	background-color: #ccc;
	color: #555;
	margin-right: 0;
}

input[type="reset"]:hover { /* Reset Buttons */
	background: -ms-linear-gradient(bottom, #ccc, #eee); /* IE */
	background: -moz-linear-gradient(top, #ccc, #eee); /* Firefox */
	background: -webkit-radial-gradient(bottom, #ccc, #eee); /* Chrome, Safari */
	background: linear-gradient(bottom, #ccc, #eee); /* W3C Standard */
}

input[type="radio"],input[type="checkbox"] { /* Radio & Checkbox */
	min-width: 16px;
	width: 16px;
	height: 16px;
	border: 0;
	vertical-align: middle;
}

#main-content label {
	text-align: right;
}

/*
#main-content fieldset{
width:578px;
}

#main-content form p{
text-align:left;
width:580px;
text-align:right;
}

#side-content fieldset{
width:278px;
}
#main-content textarea{
max-width:270px;
}
*/

/*
 _____TABELLEN_____
 */
table.full {
	width: 100%;
}

th,td,th {
	font-weight: normal;
	padding: 3px 5px;
	text-align: left;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

th {
	color: white;
	background-color: #B22222;
}

tr:nth-child(2n+1) {
	background-color: #eee;
}

/*
 _____SMILIES & ICONS_____ 
 */
/*
.smilies {
border:0px; margin: 0px; margin-left: 3px; margin-right: 3px; vertical-align: bottom; }

.icon {
border:0px; margin: 0px; margin-left: 3px; margin-right: 3px; vertical-align: middle; }
*/

/*
 _____NOTIFICATION LEVEL_____ 
 */
.info,.error,.warning,.success,.debug {
	padding: 5px;
	border: 1px;
	border-style: solid;
	border-radius: 3px;
}

.error {
	color: #a00;
	background-color: #fee;
	border-color: #a00;
}

.warning {
	color: #d60;
	background-color: #ffe;
	border-color: #d60;
}

.info {
	color: #00a;
	background-color: #eef;
	border-color: #00a;
}

.success {
	color: #0a0;
	background-color: #efe;
	border-color: #0a0;
}

.debug {
	color: #777;
	background-color: #eee;
	border-color: #555;
}

.info em,.error em,.warning em,.success em,.debug em {
	font-weight: bold;
}

/*
 _____FACEBOOK iLike_____ 
 */
.facebook_like {
	height: 21px;
}

/*
_____GOOGLE YOUTUBE_____ 
*/
.google_youtube {
	frameborder: 0px;
}

#side-content .google_youtube {
	width: 300px;
	height: 193px;
}

#main-content .google_youtube {
	width: 280px;
	height: 187px;
}

/*
_____GOOGLE MAPS_____ 
*/
.google_maps {
	frameborder: 0px;
	scrolling: no;
}

#side-content .google_maps {
	width: 300px;
	height: 200px;
}

#main-content .google_maps {
	width: 600px;
	height: 400px;
}

/*
_____GOOGLE CSE SEARCH_____ 
*/

/* Search button */
.cse input.gsc-search-button,input.gsc-search-button {
	width: 100px;
}

#cse {
	overflow: hidden;
}

#cse form {
	width: 580px;
}

/*
_____MEDIA QUERY_____ 
*/

/*IE8-Schrottometer*/
#header,#footer,#submenu {
	min-width: 620px;
}

/*
_____MEDIA QUERY_____ 
*/
@media all and (max-width: 950px) and (min-width: 1px) { /* small browser */
	#holder {
		width: 620px;
	}
	#main-content {
		margin-right: 0;
	}
	#side-content {
		width: 600px;
	}
}