html			{ height:100%;  width:100%;  margin: 0;padding: 0;  font-family: arial;}
body				{ height:100%;  width:100%;  }

body					{ overflow-x:hidden;  }


#header					{ width:100%; height:155px; margin:0; padding:0; }

.container				{ max-width:1100px;  margin-left:auto; margin-right:auto; }
.container-fluid		{ width:100%; padding:0 !important;}


img						{ width:100%; }
#logo 					{ margin:12px 50px 35px 0; max-width:35%;  }

/* ALLGEMEIN [ALL]*/

a,a:hover, a:visited, a:link, a:active	{text-decoration: none!important; transition:0.3s;}


hr					{ border-top: 1px solid #000; }
.cleary				{clear:both;}
.nobreak			{white-space: nowrap;}

h1					{  }
h2					{ font-size:36px; }
.smaller			{ font-size:22px; margin:0 0 25px 20px; }
.smaller1			{ font-size:20px; margin:0 0 25px 20px; }
h3					{ }
h4					{  }
.justify			{ text-align:justify; }
.inhalte			{ color:#464646; font-size:1.1em; margin-bottom:30%; padding-left:30px; min-height:30%; }

/* Menu [MENU]  */
.menu				{ cursor: pointer; }
ul#tabs,.tab,#tabs 	{ font-stretch:semi-condensed;  }
#tabs li	a		{ font-size: 19px; }



.galeriebild		{ float:left; margin-bottom:10px; margin-right:10px; height:185px; border:1px solid #d9d9d9;
						transition:0.3s;}
#histtable          { width:55%; float:left; }
.hspicture          { width:30%; float:left; margin-left:30px;}
#archivbild1        { margin:20px 25px 25px 25px;  }

/* HEADER [HEAD] */
#wrapper 			{ position:relative; }
#footer				{ height:135px;  color:#f2f2f2; background-color:#333; text-align:right;  }
#footerrechts a 	{ color:#f2f2f2; padding:10px 25px 10px 25px;}
#footerlinks a		{ color:#f2f2f2; }
#footerlinks		{ margin:25px 100px 0 0; float:left; }
#footerrechts		{ margin:25px 100px 0 0; float:right; }



/* INHALT [INH] */

#titel1				{ color:#05928e; margin:65px 0  0px 20px;}
#titel_unterschrich	{ width:100%; margin-bottom:50px; border-top: 1px solid #333; float:left; }


/*	Contents */
.content				{ margin: 0 0 40px 20px; }
.content .logo			{ float:left; margin: 30px 10px 0 20px; width:50%; }
.box 					{ border:solid 1px #d1d1d1; padding:30px; }


.infoheader				{ padding:4px;padding-left:10px; padding-top:5px;background:#831940; color:#fff; height:20px; }
.downloadlink			{ padding-left:10px;padding-top:2px;padding-bottom:2px; height:18px; background:#f1f1f1; border-bottom:1px solid #999;}
.hoch					{ height:35px; height:auto; }
.download_2header,.kat_header{ padding-left:10px;padding-top:12px;padding-bottom:10px; height:15px; font-weight:bold; }
.kat_header				{ color:#0068b4; }
a.knoten       			{  border:solid 1px #a1a1a1;padding-left:2px; padding-right:2px; text-decoration:none; background:#1569A4; font-size:13px; font-weight:bold; cursor:pointer;  margin-top:6px; margin-right:8px; }


/*	KONTAKT 		[KONT] */

input,textarea			{ max-width:100%; }
input.submit			{ padding-left:30px;padding-right:30px; font-size:14px; height:30px; background:#831940; color:#fff;
						  cursor:pointer; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px;}
.google-maps {
	position: relative;
	padding-bottom: 40%;
	height: auto;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* Formulare */
.table_firstcol  {width:30%; float:left; min-width:150px; margin-top:5px;}
.table_secondcol  {width:50%; float:left; min-width:150px;  margin-top:5px;}

.form_normal	{border: 1px solid #e1e1e1; background:#f9f9f9; padding: 8px 2px 3px 4px; width:400px;}

a.small_button:link, a.small_button:visited,
a.small_button:active  {color:#212121; text-decoration:none; background:#f9f9f9; border:solid 1px #d1d1d1; width:250px;padding:0 10px 3px 10px; margin-top:10px; display:block;}
a.small_button:hover   {background:#D8EFFD; border:solid 1px #e1e1e1;}
.text_gruen 			{ font-weight:bold; color: #066205;}

/* Media queries
-------------------------------------------------- */



/* Large desktops and laptops */
@media (min-width: 1200px) {
.resolution 	{background-color:blue;}
.container 		{width:1100px; max-width:100%;}

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.resolution 	{background-color:green;}
.container		{width:100%;}
.headerkontakte	{width:50%;}
.headercontact	{margin: 0 0 25px  30px;}
.sprechzeiten	{width:600px;}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.resolution 	{background-color:yellow;}
.container		{width:100%;}
#sitetitle		{font-size:32px;}
.headerkontakte	{width:50%;}
.headercontact	{margin: 0 0 25px  0px; }
.sprechzeiten	{width:600px;}
.mobilemenu 	{display: none;}
#histtable      { width:100%;  }
.hspicture      { width:90%;  margin-left:10px;}

}







/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
#sitetitle		{float:none; }
#logo			{position:static; width:200px; display:inline-block; margin:10px 0 10px 10px;  }
#header			{  height:100px; }
#sitetitle		{margin:-55px 0 0 40px; font-size:24px; display:inline;}
.headercontact	{ margin-bottom:10px;}
.headercontact b{font-weight:normal;}
.headerkontakte	{ margin-top:-50px;}
.team			{ max-width:95%;}
.split	    	{ display:none;}

#histtable      { width:100%;  }
.hspicture      { width:90%;  margin-left:10px;}
#archivbild1    { margin:20px 25px 25px 0;  }
#logo 			{max-width:50%;  }
.inhalte		{ padding-left:0;  }
.content		{ margin: 0 0 90px 0; }


#footer			{ height:180px;  }
#footerlinks	{ margin:25px 0 0 25px; }
#footerrechts	{ margin:15px 0 0 0; font-weight:bold; float:left; }
}

@media (max-width: 580px) {
.headerkontakte	{ margin-top:-10px;}
.headercontact	{ margin-bottom:5px;}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.resolution 		{background-color:red;}
table th ,table td 	{   padding:5px 5px;}
.container-fluid	{padding:0;}
table 			{font-size:12px;}
.vorteile		{max-width:100%; margin-bottom:30px;}
#logo 			{max-width:60%;  }
}