/* - DEFAULTS - */
*{margin: 0px; padding: 0px;}
html		{width: 100%; height: 100%; }
body	{height:100%; width: 100%; background: #202020; font-size: 12px; line-height: 15px;  /*min-height: 530px;height: auto !important; height: 530px;*/font-family:  "Tahoma";}
.page {margin: 0 auto; width: 800px; height:100%;}
div,img,table,td,form,button,select,input,textarea	{border: none; color: #191919; font-family:  "Tahoma"; font-size: 12px; line-height: 15px;}
hr {	background-color: #d8d8d3; color:#d8d8d3; border: #d8d8d3; height: 1px;}

/* - LINKSTYLE - */
a:link,a:visited,a:active {color: #e27626; font-weight: bold;text-decoration: underline;}
a:hover {color: #b15c1e;}

/* - HEADER - */
#header	{background: transparent url(images/logo.jpg) no-repeat top left; width: 100%; height: 145px; text-align: right;}
#kreise	{position: relative; display: ; z-index: 3; background: url(images/kreise.jpg) no-repeat; width: 90px; height: 108px; top: -19px; left: 708px;}
.r54	{padding-right: 54px;}

/* - SIDEMENU- */
#sidemenudiv	{display: inline; margin: 0px 0px 0px 29px; border: solid white 2px; float: left; background: #eeeeee url(images/contentbg.jpg) bottom repeat-x; min-height: 400px; height: auto !important; height: 400px; width: 180px;}
#sideprivat	{display: inline; margin: 0px 0px 0px 29px; border: solid #202020 2px; float: left; background: transparent; min-height: 400px; height: auto !important; height: 400px; width: 180px;}
#sidemenu		{padding: 15px;}
#sidemenu_c		{padding: 15px; background: url(images/kontakt.png) no-repeat center;height: 360px;}

/* - CONTENT - */
#contentdiv	{display: inline; margin: 0px 56px 5px 0px; border: solid white 2px; float: right; width: 500px; height:auto; /*min-height: 400px;  height: auto !important; height: 400px;*/ background: #eeeeee url(images/contentbg.jpg) bottom repeat-x;;}
#content	{padding: 20px 33px 15px 15px; min-height: 365px; /*height:100%;height: auto !important; height: 365px;*/}
#footer		{float: right; text-align: right; width: 500px; height: 15px; margin: 0px 56px 20px 0px; color: #a3a3a3; font-size: 9px; background: transparent; }

.intropage {position:relative;background: url(images/bg.jpg) #141414 center top no-repeat;}
.intropage .page {position:relative; /*background: url(images/bg_pattern.jpg);*/ }
.intropage .wrapper {position:relative; height:100%;/*background: url(images/bgverlauf.png) repeat-y center center;*/}

.intropage #footer  {position:absolute; bottom:0;  right:0; color:#ffffff;}
.intropage #contentdiv {width:800px; background:none; margin: 0 0 0 0; border:none; padding:0 0 0 0; height:100%;}
	.intropage #content {padding:0 0 0 0!important;height:100%;}
		.intropage .carousel_wrapper {overflow:hidden!important; margin:0 auto; width:800px; height:100%; position:relative;}
			.intropage #carousel1 {width:800px; height:360px; position:absolute; top:150px; left:0;}

			.intropage #left-but {position:absolute; overflow:hidden; text-indent:-9999px; top:260px; left:0; width:45px; height:100px; display:block!important; background:url('images/button_left.png');}
			.intropage #right-but {position:absolute; overflow:hidden; text-indent:-9999px; top:260px; right:0; width:45px; height:100px; display:block!important; background:url('images/button_right.png');}

/* - HEADINGS - */
h1	{line-height: 2em; font-size: 12px;}
h3    {font-size: 12px; color: #202020; font-weight:bold;}
.title	{line-height: 2em; font-size: 14px; color: orange; font-weight: bold;}
.subtitle	{line-height: 2em; font-size: 14px; color: black; font-weight: bold;}

/* - DIVERSES - */
.clear_contact	{display: hidden; border: none;}


/* - NEWS - */
div#news h2 {
	line-height: 2em;
	color: #e27626;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0px 0px 10px 0px;
/* margin to the bottom of the news article summary */
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 80%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}


/*--- SAMPLE FORM BUILDER CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border: none;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#dbdbdb;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border: none;
}
textarea {
	margin: 7px 0px 0px 0px;
	width:98%;
	height: 6em
}

.submit {margin: 0px 10px 0px 0px; vertical-align: top; text-align: right;}

.contactform input {border: 1px solid #dbdbdb;}
.contactform input.checkbox {border: none; margin: 0px 0px 0px 10px;}
.contactform label {
	display: block;
	float: left;
	width: 100px;
	}
	
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
	
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;

}
.contactform .dsgvo-checkbox input {
    float:left;
    }
.contactform .dsgvo-checkbox label{
    width: auto;
}