@import 'reset.css';

/* ////////////////////////////////////////// */
/* General Styles */
/* ////////////////////////////////////////// */
html				{	width: 100%; height: 100%; background: url('../img/bg-global.gif'); }
body			{	width: 100%; font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000; background: url('../img/bg-global.gif'); line-height: 1.2em  }
hr 				{	border-top: 1px solid #999; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; margin: 10px 0; clear: both }
p 				{	margin: 5px 0 }
img				{	border: 0 }
table			{	font-size: 14px; color: #000 }
.left 			{	float: left; margin-right: 10px }
.right			{	float: right; margin-left: 10px }
.center			{	text-align: center }
.gotcha			{	display: none; visibility: hidden }
.big 			{	font-size: 1.5em }
.small			{	font-size: 11px; margin: 0; }
.info			{	background: #fbd6d6; border: 1px solid #fe0000; color: #000; padding: 30px 20px; margin-top: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.cleaner		{	clear: both }
.color			{	color: #fe0000 }
.weiter			{	float: right; clear: both }
.datum			{	font-size: 0.8em; margin: 0 }
.last			{	margin: 0 !important }
.teaser			{	font-weight: bold }
.newsinactive	{	padding: 10px;  }
.newsactive		{	padding: 10px; background: #fe0000; color: #fff }
a				{	color: #000 }
.newsactive	a	{	color: #fff }
.activepage		{	background: #fe0000; color: #fff; padding: 1px 5px }
.feed			{	float: right; border: 0 !important; padding: 0 !important; margin-top: 15px }

/* ////////////////////////////////////////// */
/* Fonts */ 
/* ////////////////////////////////////////// */
h1						{	font-size: 18px; color: #fe0000; padding: 0 0 3px 25px; margin: 20px 0 10px 0; border-bottom: 1px solid #fe0000; background: url('../img/baustein.gif') no-repeat bottom left }
#sites.home h1			{	margin-top: 5px }
.sidebar h2				{	font-size: 14px; color: #fe0000; padding: 0 0 2px 25px; margin: 23px 0 10px 0; border-bottom: 1px solid #fe0000; background: url('../img/baustein.gif') no-repeat bottom left }
h2						{	font-size: 18px; margin: 5px 0 10px 0; line-height: 1em }


/* ////////////////////////////////////////// */
/* Layout */ 
/* ////////////////////////////////////////// */

#global 			{	width: 100%; padding: 0; margin: 0; text-align: center }
#main	 		{	position: relative; top: -18px; width: 970px; margin: 0 auto; background: #fff; text-align: left;  }
#top	 		{	position: relative; z-index: 999; top: 0; width: 100%; height: 150px; text-align: left; }
#nav			{	width: 100%; height: 30px; background: #fe0000 }
#logo	 		{	margin: 10px 0 0 10px }
#sites			{	position: relative; float: left; width: 930px; padding: 0 20px;  }
#footer			{	font-size: 10px; padding: 5px 0; text-align: center; margin: 10px 20px; border-top: 1px solid #000 }
#footer a		{	color: #000 }

#maincol		{	float: left; width: 690px; margin-right: 50px }
#bigcol			{	float: left; width: 460px; margin-right: 50px }
#bigcol h2		{	font-size: 18px; margin: 20px 0 10px 0; line-height: 1em }
#bigcol h3		{	font-size: 16px; margin: 10px 0 5px 0; line-height: 1em }
#bigcol ul		{	list-style-type: disc; margin: 0 0 0 30px }
#bigcol ol		{	list-style-type: decimal; margin: 0 0 0 30px }
#bigcol ul li,
#bigcol ol li		{	margin: 10px 0 }

.sidebar		{	float: left; width: 170px; font-size: 12px }
.sidebar img,
.themen img,
.border			{	border: 1px solid #999; padding: 4px }

.themen			{	float: left; width: 218px; margin-right: 15px } 

.schatten					{	position: absolute; top: 0; width: 15px; height: 100%; }
.schatten.schattenleft		{	left: -16px; background: url('../img/schatten-main-left.png'); }
.schatten.schattenright		{	right: -16px; background: url('../img/schatten-main-right.png'); }

#teaser_video		{	position: absolute; top: 40px; right: 40px; }

/* ////////////////////////////////////////// */
/* Signatur für News & Seiten*/
/* ////////////////////////////////////////// */
#signatur			{	border-top: 1px dashed red; border-bottom: 1px dashed red; background: #ffcccc; margin-top: 20px }
#signatur img		{	border: 1px solid red; float: left; margin: 0 10px;  }
#signatur p			{	margin: 0 !important }
#signatur h3			{	margin-top: 0 }
#signatur table 		{	font-size: 11px; margin: 10px 5px  }
#signatur table td	{	vertical-align: top;  }

/* ////////////////////////////////////////// */
/* Navigation */
/* ////////////////////////////////////////// */
#nav ul 				{	width: 100%; font-size: 16px; z-index: 100; margin: -15px 0 0 5px }
#nav ul li 			{	float: left; padding: 6px 10px; }
#nav ul li a			{	color: #fff; text-decoration: none; }
#nav ul li.active a	{	background: #fff; color: #fe0000; margin-top: -5px; padding: 8px 14px 8px 14px; border: 1px solid #fe0000 }

/* ////////////////////////////////////////// */
/* Unterseiten */
/* ////////////////////////////////////////// */
ul.unterseite			{	font-size: 12px; list-style-type: disc; margin: 5px 0 0 15px; color: #fe0000 }
ul.unterseite li 			{	margin: 0; padding: 2px 5px}
ul.unterseite li a		{	font-style: italic; text-decoration: none; color: #fe0000; margin: 10px 0}
ul.unterseite li a:hover	{	text-decoration: underline }
ul.unterseite li.active 	{	background: #fe0000;  }
ul.unterseite li.active a 	{	color: #fff; }

/* ////////////////////////////////////////// */ 
/* Anmeldeformular */ 
/* ////////////////////////////////////////// */ 
form#cr_newsletter_registration			{	width: 460px }
form#cr_newsletter_registration table	{	float: left; font-size: 12px; margin-right: 20px }
form#cr_newsletter_registration table td	{	padding-right: 10px }
fieldset				{	border: 2px solid #fe0000; padding: 10px; margin-top: 20px }
legend					{	background: #fe0000; color: #fff; padding: 5px 10px; margin-bottom: 10px }
textarea					{	background-color: #fff; font-size: 11px; border: 2px solid #fe0000 }
input					{	font-size: 12px; border: 1px solid #7f9db9; width: 160px; padding: 5px; margin: 2px 0; background: transparent }
input.titel				{	width: 50px !important; padding: 2px }
input.plz				{	width: 40px !important; }
input.ort				{	width: 80px !important; }
input.checkbox			{	width: auto; margin-left: 0px }
input.geburtsdatum		{	width: 90px !important; }
input.submit			{	background: #fe0000; color: #fff; width: 170px; border: 0; padding: 10px 5px; font-size: 13px; font-weight: bold; margin-top: 10px }
.highlight				{	background-image:url(../img/highlight.gif); }

form#cr_newsletter_registration2		{	float: left; }
form#cr_newsletter_registration2 input	{	width: 150px; height: 24px }
form#cr_newsletter_registration2 input.submit	{	width: 150px; height: 34px }
form#cr_newsletter_registration2 fieldset	{	border: 2px solid #fe0000; padding: 10px; margin-top: 25px; width: 150px }

.testimonial			{	font-size: 12px; margin-top: 30px }

/* ////////////////////////////////////////// */
/* Suchbox */
/* ////////////////////////////////////////// */ 
#suche					{	position: absolute; z-index: 999 !important; top: 30px; right: 20px; width: 250px; padding: 5px 10px; color: #fe0000; }
#suche input			{	border: 1px solid #fe0000; padding: 5px !important; font-size: 12px; height: 22px }
#suche input.q			{	color: #fe0000; font-weight: bold; padding: 3px 5px; margin-bottom: -3px }
#suche input.submit		{	background-color: #fe0000; color: #fff; float: right; height: 23px; margin-top: 0px; font-size: 12px; border: 0 }
#suche a				{	color: #fe0000;  }
		
#display				{ 	position: absolute; top: 75px; right: 9px; width: 250px; display: none; background: #fff; border: 1px solid #fe0000 }
.display_box			{	padding: 5px 10px }
.display_box a			{	text-decoration: none }
.display_box:hover		{	background: #fe0000; color:#fff; border: 1px solid #fff}
.display_box a:hover,
.display_box:hover a	{	background: #fe0000; color:#fff !important;}
.search					{	padding: 2px 5px; height: 18px }
.search.facebook		{	position: absolute; top: 21px; right: 10px; width: 200px; font-size: 18px; padding: 10px; height: 40px; border: 1px solid red }
:root .search.facebook 	{	top: 10px; background: #fff; height: 40px !important }

/* ////////////////////////////////////////// */
/* Checkform */
/* ////////////////////////////////////////// */
.LV_valid 					{	padding-left: 5px;  }
.LV_invalid 				{	color: red; font-size: 1px; display: none }
.LV_valid_field 			{	border: 1px solid green }
.LV_invalid_field 			{	border: 1px solid red !important; color: red }