body {
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	background-image: url(gra_htgr_silhouette_blau.png), url(gra_htgr_slogan_ideen_blau.gif), url(gra_htgr_body_blau.jpg);
	background-position: left top, 5% 90%, left top;
	background-repeat:no-repeat, no-repeat, repeat-x;
	background-color:#d7e1f5;
	border-top: 2px solid #036;
}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
	margin-top:0px;
}

.schrift_kleiner {
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	text-align:left;
}

ul {
	list-style-type: square;
	color: #036;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
}

ul ul{
 	margin: 0px 0px 0px 30px; 
	padding:0px 0px 0px 0px;
}

.farbe_liste {
	color:#333;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    }
     
sup { bottom: 1ex; }
sub { top: .5ex; }

.rechts {
float:right;
clear:both;
}

.stil4 {color: #486682;font-weight: bold;}

.rahmen {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 20px;
	border: 1px solid #b4c8f0;
	max-width:150px;
	float:right;
	font-size:0.8em;
	line-height:1.3em;
}

.rahmen img {
	width:100%; 
	height:auto; 
	max-width:150px;
	border:none;
}

h1 {
	text-align:left;
	color: #486682;
	font-size: 1.5em;
	line-height:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	font-style:normal;
	letter-spacing:0px;
	margin-top:0px;
	margin-bottom:10px;
}

h2 {
	text-align:left;
	color: #486682;
	font-size: 1.7em;
	line-height:1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-style:italic;
	letter-spacing:1px;
	margin-top:0px;
	margin-bottom:15px;
}

h3 {
	text-align:center;
	color: #486682;
	font-size: 1.5em;
	line-height:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	font-style:normal;
	letter-spacing:0px;
	margin-top:0px;
	margin-bottom:10px;
}

hr {
	background-color: #b4c8f0; /* Farbe für Opera und Firefox */
	color: #b4c8f0; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
}

div#trennlinie {
	border-bottom: 4px dotted #036;
	width:100%;
	clear:both;
	margin:30px 0px 30px 0px;
}

div#logo {
	float:left;
}

div#container {
	width:96%;
	max-width: 960px;
	margin:auto;
	padding: 0px 2% 0px 2%;
}

div#banner {
	margin:auto;
	width: 100%;
	clear:both;
	text-align:center;
}

/*---------------Navigation Kontakt -------------------*/

div#kontakt{
	
	max-width: 960px;
	margin:auto;
}

div#button_kontakt{
	text-align:left;
}

div#button_kontakt a{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #666;
	background-image:url(gra_icon_kontakt.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_kontakt a:hover{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_kontakt_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_kontakt .aktiv{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_kontakt_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_mitglieder{
	text-align:left;
}

div#button_mitglieder a{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #666;
	background-image:url(gra_icon_mitglieder.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_mitglieder a:hover{
	display:inline;	
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_mitglieder_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_mitglieder .aktiv{
	display:inline;	
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_mitglieder_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_impressum{
	text-align:left;
}

div#button_impressum a{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #666;
	background-image:url(gra_icon_impressum.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_impressum a:hover{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_impressum_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

div#button_impressum .aktiv{
	display:inline;
	float:right;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_impressum_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 66px 10px 10px 42px;
}

/*---------------Änderungen für Navigation Hauptnavigation Startseite und Inhalt -------------------*/


div#hauptnavi_start {
	clear:both;
	text-shadow:2px 2px 2px #333;
	position:  relative;
	margin: 5px auto 50px auto;
	border-bottom:1px solid #036;
}

div#hauptnavi_start ul {
	padding: 0px 0px 0px 0px;
	margin: auto;
}

div#hauptnavi_start ul li { 
	list-style: none;
	padding: 0px;
	margin: auto;
}
 
div#hauptnavi_start a.rechteck-1 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color:#fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:245px;
	height:55px;
	background-image:url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi_start a:hover.rechteck-1 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:245px;
	height:55px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi_start .rechteck-1-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:245px;
	height:55px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi_start a.quadrat-1 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_blau.jpg);
	background-repeat:repeat-x;
	background-color:#003361;
	float:left;
}

div#hauptnavi_start a:hover.quadrat-1 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi_start .quadrat-1-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi_start a.quadrat-2 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_gruen.jpg);
	background-repeat:repeat-x;
	background-color:#00530a;
	float:left;
}

div#hauptnavi_start a:hover.quadrat-2 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_gruen_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#00530a;
	float:left;
}

div#hauptnavi_start .quadrat-2-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_gruen_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#00530a;
	float:left;
}

div#hauptnavi_start a.quadrat-3 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_beere.jpg);
	background-repeat:repeat-x;
	background-color:#550a3c;
	float:left;
}

div#hauptnavi_start a:hover.quadrat-3 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_beere_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#550a3c;
	float:left;
}

div#hauptnavi_start .quadrat-3-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_beere_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#550a3c;
	float:left;
}
div#hauptnavi_start a.quadrat-4 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_rot.jpg);
	background-repeat:repeat-x;
	background-color:#990000;
	float:left;
}

div#hauptnavi_start a:hover.quadrat-4 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_rot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#990000;
	float:left;
}

div#hauptnavi_start .quadrat-4-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_rot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#990000;
	float:left;
}
div#hauptnavi_start a.quadrat-5 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_apricot.jpg);
	background-repeat:repeat-x;
	background-color:#fd6600;
	float:left;
}

div#hauptnavi_start a:hover.quadrat-5 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_apricot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#fd6600;
	float:left;
}

div#hauptnavi_start .quadrat-5-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_apricot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#fd6600;
	float:left;
}
div#hauptnavi_start a.quadrat-6 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_orange_a.jpg);
	background-repeat:repeat-x;
	background-color:#ea9e00;
	float:left;
}

div#hauptnavi_start a:hover.quadrat-6 {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_orange_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#ea9e00;
	float:left;
}

div#hauptnavi_start .quadrat-6-aktiv {
	margin: 0px 5px 5px 0px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_orange_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#ea9e00;
	float:left;
}

.row {}

.portfolio-projekte {
  	position: relative;
  	width: 31.33333333%;
	float:left;
	margin: 1% 1%;
	color:#fff;
}


.portfolio-projekte .box_teaser {
	padding:0;
	text-align:left;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	margin: 0;
	width: 100%;
	min-height:200px;
	color:#fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.portfolio-projekte .box_teaser h6 {
	text-align:left;
	color: #fff;
	font-size: 1.2em;
	line-height:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: bold;
	font-style:normal;
	letter-spacing:none;
	padding:10px;
	margin:0;
}


.portfolio-projekte .box_teaser p {
	text-align:left;
	color: #fff;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-style:normal;
	letter-spacing:none;
	padding:10px;
	margin:0px;
}

.portfolio-projekte .box_teaser a:link {color:#fff!important;outline:none;text-decoration:underline;}
.portfolio-projekte .box_teaser a:hover {color:#ccc!important;outline:none;text-decoration:underline;border-bottom:3px solid #fff!important;}
.portfolio-projekte .box_teaser a:active {color:#fff!important;outline:none;text-decoration:underline;}
.portfolio-projekte .box_teaser a:visited {color:#fff!important;outline:none;text-decoration:underline;}

.headline-icons {
	text-align:left;
	color: #535f80;
	font-size: 1.7em;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style:normal;
	margin-top:0px;
	margin-bottom:5px;
	letter-spacing:0px;
}

.headline-icons a:link{
	color: #535f80!important;
	font-weight: 300!important;
	text-decoration:none!important;
}


.container-2{
	max-width: 96%;
	margin: 0px auto 50px auto;
	padding: 0px 2% 0px 2%;
	position:relative;
	background-color:none;
	z-index:1;
	min-height:300px;
}


.box-inhalt-icons {
	position:relative;
	margin: 10px auto;
	display:inline-block;
	padding: 0 2%;
	text-align:center;
	vertical-align:top;
	font-size:1em;
	line-height:1.3em;
}

.box-inhalt-icons p {
	text-align:center;
	margin:0;
}

.inhalt_start {
	padding: 0px 0px 0px 0px;
	max-width:960px;
	background:none;
	font-size:1em;	
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	margin: 0 auto;
}

div#inhalt_start {
	max-width:100%;
	float: left;
	margin: 0px 0 0 0;
	padding: 0px 0 20px 0px;
	background:none;
	font-size:1em;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

div#inhalt_start a:link {color:#036;outline:none;text-decoration:underline;}
div#inhalt_start a:hover {color:#486682;outline:none;text-decoration:underline;border-bottom:3px solid #036;}
div#inhalt_start a:active {color:#036;outline:none;text-decoration:underline;}
div#inhalt_start a:visited {color:#036;outline:none;text-decoration:underline;}



/*---------------Box Menüs Right -------------------*/

div#box_right {
	clear:right;
	float: right;
	width:30%;
	min-width: 255px;
	max-width: 256px;
	text-align:left;
	margin: 5px 0 0 0;
}

/*---------------Navigation Hauptnavigation -------------------*/

div#hauptnavi {
	clear:both;
	float: left;
	max-width:255px;
	text-shadow:2px 2px 2px #333;
	display:block;
}

div#hauptnavi ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#hauptnavi ul li { 
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display:inline;
}
 
div#hauptnavi a.rechteck-1 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color:#fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:245px;
	height:55px;
	background-image:url(gra_htgr_hauptnavi_blau.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi a:hover.rechteck-1 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:245px;
	height:55px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi .rechteck-1-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:245px;
	height:55px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi a.quadrat-1 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_blau.jpg);
	background-repeat:repeat-x;
	background-color:#003361;
	float:left;
}

div#hauptnavi a:hover.quadrat-1 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi .quadrat-1-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_blau_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#003361;
	float:left;
}

div#hauptnavi a.quadrat-2 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_gruen.jpg);
	background-repeat:repeat-x;
	background-color:#00530a;
	float:left;
}

div#hauptnavi a:hover.quadrat-2 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_gruen_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#00530a;
	float:left;
}

div#hauptnavi .quadrat-2-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_gruen_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#00530a;
	float:left;
}

div#hauptnavi a.quadrat-3 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_beere.jpg);
	background-repeat:repeat-x;
	background-color:#550a3c;
	float:left;
}

div#hauptnavi a:hover.quadrat-3 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_beere_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#550a3c;
	float:left;
}

div#hauptnavi .quadrat-3-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_beere_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#550a3c;
	float:left;
}
div#hauptnavi a.quadrat-4 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_rot.jpg);
	background-repeat:repeat-x;
	background-color:#990000;
	float:left;
}

div#hauptnavi a:hover.quadrat-4 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_rot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#990000;
	float:left;
}

div#hauptnavi .quadrat-4-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_rot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#990000;
	float:left;
}
div#hauptnavi a.quadrat-5 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_apricot.jpg);
	background-repeat:repeat-x;
	background-color:#fd6600;
	float:left;
}

div#hauptnavi a:hover.quadrat-5 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_apricot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#fd6600;
	float:left;
}

div#hauptnavi .quadrat-5-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_apricot_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#fd6600;
	float:left;
}
div#hauptnavi a.quadrat-6 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:normal;
	width:75px;
	height:75px;
	background-image:url(gra_htgr_hauptnavi_orange_a.jpg);
	background-repeat:repeat-x;
	background-color:#ea9e00;
	float:left;
}

div#hauptnavi a:hover.quadrat-6 {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_orange_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#ea9e00;
	float:left;
}

div#hauptnavi .quadrat-6-aktiv {
	margin: 0px 0px 5px 5px;
	padding: 5px 0px 0px 5px; 
	color: #fff;
	text-decoration: none;
	font-size:1em;
	outline:none;
	font-weight:bold;
	width:75px;
	height:75px;
	background-image:url(gra_hauptnavi_highlight.png), url(gra_htgr_hauptnavi_orange_a.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:bottom right, top left;
	background-color:#ea9e00;
	float:left;
}

/*---------------Navigation Menü Right -------------------*/

div#menue_right {
	display:block;
	float:left;
	clear:both;
	width:250px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 30px 5px;
	background-color:#0061b9;
	background-image:url(gra_htgr_menue_right_blau.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

div#menue_right ul{
 	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}
div#menue_right li {
    list-style: none;
	display:inline;
}
div#menue_right ul ul{
 	margin: 0px 0px 0px 20px; 
	padding:0px 0px 0px 0px;
}

div#menue_right ul ul li {
    list-style: none;
	display:inline;
}

div#menue_right ul ul ul{
 	margin: 0px 0px 0px 20px; 
	padding:0px 0px 0px 0px;
}

div#menue_right ul ul ul li {
    list-style: none;
	display:inline;
}
 
div#menue_right a{
    display:block;
	color:#fff;
	font-size:1em;
	line-height:1.2em;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    text-decoration:none;
	outline:none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}
	  
div#menue_right a:hover {
    display:block;
	color:#000;
	font-size:1em;
	line-height:1.2em;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
	outline:none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(gra_menue_right_hover.png), url(gra_menue_right_highlight.gif);
	background-repeat:repeat, no-repeat;
	background-position:top left, right center;
}
	  
div#menue_right .aktiv {
    display:block;
	color:#000;
	font-size:1em;
	line-height:1.2em;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    text-decoration:none;
	outline:none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(gra_menue_right_hover.png), url(gra_menue_right_highlight.gif);
	background-repeat:repeat, no-repeat;
	background-position:top left, right center;
}

div#menue_right_teaser {
	display:block;
	width:230px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 30px 5px;
	border: 1px solid #b4c8f0;
	text-align:center;
	font-size:0.9em;
}

div#menue_right_teaser a:link {color:#036;outline:none;text-decoration:underline;}
div#menue_right_teaser a:hover {color:#486682;outline:none;text-decoration:underline;border-bottom:3px solid #036;}
div#menue_right_teaser a:active {color:#036;outline:none;text-decoration:underline;}
div#menue_right_teaser a:visited {color:#036;outline:none;text-decoration:underline;}

/*--------------- Inhalt ------------------*/

div#inhalt {
	max-width:69%;
	float: left;
	margin: 30px 0 0 0;
	padding: 0px 1% 20px 0px;
	background:none;
	font-size:1em;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

div#inhalt a:link {color:#036;outline:none;text-decoration:underline;}
div#inhalt a:hover {color:#486682;outline:none;text-decoration:underline;border-bottom:3px solid #036;}
div#inhalt a:active {color:#036;outline:none;text-decoration:underline;}
div#inhalt a:visited {color:#036;outline:none;text-decoration:underline;}


div#inhalt_karte {
	width: 180px;
	height: 100%;
	text-align:center;
	float:left;
	display:inline;
	margin:0px;
	padding: 0px 0px 0px 20px;
}

.box_vorstand {
    width:150px;
	min-height:180px;
	padding:0px;
	text-align:left;
	margin:0px 10px 10px 0px;
	float:left;
}

.box_vorsitz{
    width:140px;
	min-height:200px;
	padding:0px;
	text-align:left;
	margin:0px 10px 10px 0px;
	float:left;
}

.box_personalien{
	width:47%;
	min-width:300px;
	float:left;
	margin: 0 3% 30px 0;
}


.clear {
	clear:both;
}

/*------------------------- Box Startseite ----------------------------*/

.box_startseite {
	padding:0px;
	text-align:left;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	width:28%;
	min-width:180px;
	margin: 0 5% 10px 0;
	min-height:280px;
}

.box-2-spaltig {
	padding: 0px 0px 0px 0px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
     column-count: 2;	
	 column-gap: 30px; 
	-moz-column-gap: 30px; 
	-webkit-column-gap: 30px; 
	color:#000;
	min-width:290px;
}

.box_startseite_2 {
	padding:0px;
	text-align:left;
	width:100%;
	margin: 0 0 10px 0;
	display: inline-table;

}

.box_startseite_2 img {
	display: block;
    margin: 0;
	width:100%;
}

h5 {
	text-align:left;
	color: #486682;
	font-size: 1.5em;
	line-height:1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-style:italic;
	letter-spacing:1px;
	margin-top:0px;
	margin-bottom:10px;
}

.box_teaser {
	padding:10px 10px 10px 10px;
	text-align:left;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	margin: 0 55px 30px 0;
	width: 145px;
	min-height:135px;
	color:#fff;
	-moz-box-shadow: 5px 5px 0px #fff;
	-webkit-box-shadow: 5px 5px 0px #fff;
	box-shadow: 5px 5px 0px #fff;
}

div#menue_right_teaser .box_teaser {
	padding:10px 10px 10px 10px;
	text-align:left;
	float:left;
	font-size:0.9em;
	line-height:1.3em;
	margin: 0px 0px 0px 30px;
	width: 145px;
	min-height:135px;
	color:#fff;
	-moz-box-shadow: 5px 5px 0px #fff;
	-webkit-box-shadow: 5px 5px 0px #fff;
	box-shadow: 5px 5px 0px #fff;
}


.box_teaser h6 {
	text-align:left;
	color: #fff;
	font-size: 1.2em;
	line-height:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: bold;
	font-style:normal;
	letter-spacing:none;
	padding:0px;
	margin:0;
}


.box_teaser p {
	text-align:left;
	color: #fff;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	font-style:normal;
	letter-spacing:none;
	padding:0px;
	margin:0px;
}

div#inhalt .box_teaser a:link {color:#fff;outline:none;text-decoration:underline;}
div#inhalt .box_teaser a:hover {color:#ccc;outline:none;text-decoration:underline;border-bottom:3px solid #fff;}
div#inhalt .box_teaser a:active {color:#fff;outline:none;text-decoration:underline;}
div#inhalt .box_teaser a:visited {color:#fff;outline:none;text-decoration:underline;}

div#menue_right_teaser .box_teaser a:link {color:#fff;outline:none;text-decoration:underline;}
div#menue_right_teaser .box_teaser a:hover {color:#ccc;outline:none;text-decoration:underline;border-bottom:3px solid #fff;}
div#menue_right_teaser .box_teaser a:active {color:#fff;outline:none;text-decoration:underline;}
div#menue_right_teaser .box_teaser a:visited {color:#fff;outline:none;text-decoration:underline;}

/*--------------- Testimonials  ------------------*/

.testimonial-left {
	text-align:left;
	color: #fff;
	font-size: 8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	margin:20px 0 -10px -10px;
	padding:  0 ;
	line-height:30px;
}

.testimonial-right {
	text-align:left;
	color: #fff;
	font-size: 8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	margin:0px;
	padding:  0 ;
	text-align:right;
	line-height:0;
}

.box-team {
position:relative;
margin: 20px 0 0 20px;
display:inline-block;
padding: 0;
text-align:center;
	width:200px;
	height:200px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
		float:right;

}

.box-team img{
	width:200px;
	height:200px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

.box-team-personalien {
position:relative;
margin: 0;
display:inline-block;
padding: 0;
text-align:center;
	width:150px;
	height:150px;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
}

.box-team-personalien img{
	width:150px;
	height:150px;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
}

/*--------------- Footer  ------------------*/

div#footer {
	max-width:960px;
	clear:both;
	margin:0 auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-image:url(gra_htgr_footer_blau.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#005bae;
	z-index: 9999;
	position: relative;
	color:#a0b9cd;
	font-size:0.8em;
}

div#footer a:link {color:#a0b9cd;outline:none; text-decoration:none;}
div#footer a:hover {color:#fff;outline:none; font-weight:normal; text-decoration:underline;}
div#footer a:active {color:#a0b9cd;outline:none; text-decoration:none;}
div#footer a:visited {color:#a0b9cd;outline:none; text-decoration:none;}

div#footer h4{
	font-size: 1.3em;
	margin:0px 0px 0px 0px;
}

/*--------------- Funktionsboxen unten ------------------*/
div#funktionsboxen {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align:center;
	width:100%;
	line-height:1em;
}

#box_suchen {
	padding: 0px 2% 10px 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float:left;
	min-width: 150px;
	min-height: 120px;
}

.sform {
	color: #000000;
	width: 130px;
	height:18px;
	border: 1px solid #999999;
	background-color: #ffffff;
	margin:20px 0 0 0;
	font-size: 0.8em;
}

.sform-2 {
	color: #000000;
	width: 130px;
	height:18px;
	border: 1px solid #999999;
	background-color: #ffffff;
	margin:0 0 0 0;
	font-size: 0.8em;
}

#box_drucken {
	padding: 0px 2% 10px 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float:left;
	min-width: 150px;
	min-height: 120px;
}

#box_drucken img {
	padding: 0px 0px 20px 0px;
}

#box_textgroesse {
	padding: 0px 2% 10px 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	min-width: 150px;
	min-height: 120px;
}

#box_textgroesse img {
	padding: 0px 0px 20px 0px;
}

#box_textgroesse a:link {border-left: 1px solid #fff;padding-left:5px;padding-right:5px;}
#box_textgroesse a:hover {border-left: 1px solid #fff;padding-left:5px;padding-right:5px;}
#box_textgroesse a:active {border-left: 1px solid #fff;padding-left:5px;padding-right:5px;}
#box_textgroesse a:visited {border-left: 1px solid #fff;padding-left:5px;padding-right:5px;}

#box_textgroesse .text_main_blau {
	font-size: 1em;
}

#box_textgroesse .text_main_blau_gross_1 {
	font-size: 1.2em;
}

#box_textgroesse .text_main_blau_gross_2 {
	font-size: 1.4em;
}

#box_newsletter {
	padding: 0px 2% 10px 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float:left;
	min-width: 150px;
	min-height: 120px;
}

#box_newsletter img {
	padding: 0px 0px 20px 0px;
}

#box_spenden {
	padding: 0px 2% 10px 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float:left;
	min-width: 150px;
	min-height: 120px;
}

#box_spenden img {
	padding: 0px 0px 20px 0px;
}

/*------------------------- Sprachen ----------------------------*/

div#sprachen {
	padding: 0px 10px 0px 10px;
	margin: auto;
	clear:both;	
	max-width:960px;
	border-top: 5px solid #d7e1f5;
}

div#sprachen a{
	color:#a0b9cd;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    text-decoration:none;
	outline:none;
	padding: 0px 0px 0px 0px;
}
	  
div#sprachen a:hover {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	outline:none;
	padding: 0px 0px 0px 0px;
}

.sprachen{
	padding:15px 10px 10px 0;
	text-align:left;
	float:left;
}

/*------------------------- Icon Facebook ----------------------------*/

div#social_media {
	padding: 0px 10px 0px 10px;
	margin: auto;
	clear:both;	
	max-width: 960px;
	border-top: 5px solid #d7e1f5;
}

.social_media {
	padding:15px 50px 10px 0px;
	text-align:left;
	float:right;
}

div#socialplugin {
	margin:8px 0px 0px 0px;
	float:right;
}

/*------------------------- Sitemap ----------------------------*/

div#sitemap {
	padding: 0px 10px 0px 10px;
	margin: auto;
	clear:both;	
	max-width: 960px;
	border-top: 5px solid #d7e1f5;
}

div#sitemap ul{
 	margin:0px 0px 0px 0px; padding:0;
}
div#sitemap li {
    list-style: none;
	display:inline;
}

div#sitemap ul a{
    display:block;
	color:#a0b9cd;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    text-decoration:none;
	outline:none;
	padding: 0px 0px 0px 0px;
}
	  
div#sitemap ul a:hover {
	display:block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	outline:none;
	padding: 0px 0px 0px 0px;
}

.sitemap {
	padding:10px 2% 10px 0;
	text-align:left;
	float:left;
}

.sitemap h4 {
	padding:0px 0px 5px 0px;
}


/*------------------------- Adresse ----------------------------*/

div#adresse {
	max-width:960px;
	font-size:1.1em;
	clear:both;
	margin:auto;
	padding:10px;
	text-align:center;
	color:#a0b9cd;
	border-top: 5px solid #d7e1f5;
}

/* Suche*/
.blue {font-family:Arial, Helvetica, sans-serif; color: #f63}
.hitword {font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold}
/*  Ziffern  */
a.digits:link, a.digits:visited {color: #f63; text-decoration: none;}
a.digits:hover {color: #f63;}

/*  Vor-/zurück-Pfleile  */
a.first_last:link, a.first_last:visited {color: #900; font-size: 0.9em; text-decoration: none;}
a.first_last:hover {color: #f63;}

a.copy:link, a.copy:visited {color: #f63; font-size: 0.9em; text-decoration: none;}
a.copy:hover {color: #f63; text-decoration: underline;}
a.Stil1, a.Stil1:hover, a.Stil1:visited {font-size: 0.9em; text-decoration: underline;}

.sbutton {color: #000000; width: 132px; height: 19px; background-color: #ebe6e6; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675; margin-left:5px;}

form
{
display:inline;
}

/*--------------- Formular -------------------*/


.aform1 {color: #000000; width: 150px; border: 1px solid #999999}
.aform2 {color: #000000; width: 375px; border: 1px solid #999999}
.aform3 {color: #000000; width: 70px; border: 1px solid #999999}
.aform4 {color: #000000; width: 100%; border: 1px solid #999999}
.aform5 {margin:3px 0; color: #000000; width: 25px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999}

.inputField 
{ 
	BORDER-RIGHT: #7f7f7f 1px solid; 
	BORDER-TOP: #7f7f7f 1px solid; 
	BORDER-LEFT: #7f7f7f 1px solid; 
	BORDER-BOTTOM: #7f7f7f 1px solid; 
	WIDTH: 100%; 
} 
.inputField_lang
{ 
	BORDER-RIGHT: #7f7f7f 1px solid; 
	BORDER-TOP: #7f7f7f 1px solid; 
	BORDER-LEFT: #7f7f7f 1px solid; 
	BORDER-BOTTOM: #7f7f7f 1px solid; 
	WIDTH: 100%; 
} 
.inputField_box
{ 
	BORDER-RIGHT: #7f7f7f 1px solid; 
	BORDER-TOP: #7f7f7f 1px solid; 
	BORDER-LEFT: #7f7f7f 1px solid; 
	BORDER-BOTTOM: #7f7f7f 1px solid; 
} 
.errorField 
{
	BORDER-RIGHT: #9F0004 1px solid;
	BORDER-TOP: #9F0004 1px solid;
	BORDER-LEFT: #9F0004 1px solid;
	BORDER-BOTTOM: #9F0004 1px solid;
	WIDTH: 100%;
	background-color: #fff;
} 
.errorField_lang
{
	BORDER-RIGHT: #9F0004 1px solid;
	BORDER-TOP: #9F0004 1px solid;
	BORDER-LEFT: #9F0004 1px solid;
	BORDER-BOTTOM: #9F0004 1px solid;
	WIDTH: 100%;
	background-color: #fff;
} 
.errorField_box
{
	BORDER-RIGHT: #9F0004 1px solid;
	BORDER-TOP: #9F0004 1px solid;
	BORDER-LEFT: #9F0004 1px solid;
	BORDER-BOTTOM: #9F0004 1px solid;
} 
.errorTable 
{
	BORDER-RIGHT: #9F0004 1px solid;
	BORDER-TOP: #9F0004 1px solid;
	BORDER-LEFT: #9F0004 1px solid;
	BORDER-BOTTOM: #9F0004 1px solid;
	background-color: #fff;
} 
.button
{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid;
	background-color:#fff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em!important;
  width: 100%;
  max-width:375px;
} 

select {
  width:100%;
  border: 1px solid #bbb;
  padding:.75em 1em .5em 1em;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color:#fff;
  /*background-image:url(../images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;*/
}

select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

option:hover {
    background-color:#ccc;
}

.input-lang {width:100%;}

.button-abschicken { padding:5px; font-size:1.1em; letter-spacing:1px; font-weight:400; margin: 0 0 0 0; background-color:#036; color:#fff; border: 1px solid #000;}


/*--------------- Box Aktuelles -------------------*/

#aktuelles {
	margin: 0px auto 50px auto;
	max-width:620px;
	padding: 0 10px 0 10px;
	border-left: 10px solid #b4c8f0;
	background-color:#fff;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#aktuelles p {
	margin:0px 0 10px 0;
}

#aktuelles h1 {
	text-align:left;
	color: #486682;
	font-size: 1.5em;
	line-height:1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight: bold;
	font-style:normal;
	letter-spacing:0px;
	margin-top:0px;
	margin-bottom:0px;
}


#bildbox_aktuelles_quer {
   float:right;
   min-height:1em;
   max-width: 300px;
   text-align:left;
   clear:both;
   padding:0px 0px 10px 10px;
   margin:0px 0px 10px 10px;
   font-size:0.9em;
   border-left: 1px solid #036;   
   border-bottom: 1px solid #036;
   z-index:0;
}

#bildbox_aktuelles_hoch {
   float:right;
   min-height:1em;
   max-width: 225px;
   text-align:left;
   clear:both;
   padding:0px 0px 10px 10px;
   margin:0px 0px 10px 10px;
   font-size:0.9em;
   border-left: 1px solid #036;   
   border-bottom: 1px solid #036;
}

#aktuelles ul {
	list-style-type: square;
	color: #036;
	list-style-position: outside;
	margin-left:7px;
	padding-left:7px;
	font-family: Arial, Helvetica, sans-serif;
}

#aktuelles a:link {color:#036;outline:none;text-decoration:underline;}
#aktuelles a:hover {color:#486682;outline:none;text-decoration:underline;border-bottom:3px solid #036;}
#aktuelles a:active {color:#036;outline:none;text-decoration:underline;}
#aktuelles a:visited {color:#036;outline:none;text-decoration:underline;}


/*------------------------- Newsticker RSS Feed FeedEK ----------------------------*/

#divRss {
    padding: 105px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	background-image:url(gra_news_facebook_blau.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

#divRss img {
    border: 0;
}


.ItemTitle{
	color: #666;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
	letter-spacing:0px;
	margin:30px 0px 0px 0px;
 	padding-top:3px;
	
 }

#divRss .ItemTitle a:link {color:#333;outline:none;text-decoration:none;}
#divRss .ItemTitle a:hover {color:#486682;outline:none;text-decoration:underline;border-bottom:0px solid #ca6300;}
#divRss .ItemTitle a:active {color:#333;outline:none;text-decoration:none;}
#divRss .ItemTitle a:visited {color:#333;outline:none;text-decoration:none;}


.ItemContent{
 	border-bottom:0px solid #ccc;
 	margin: 10px 0 80px 0;
}
.ItemDate{
	font-size:0.8em;
	border-bottom: 1px solid #b4c8f0;
}

#divSrc
{
	color:#888888;
	font-size:0.9em;
}
	
	
	
@media screen and (max-width: 1480px) { 

body {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	background-image: url(gra_htgr_silhouette_blau.png), url(gra_htgr_body_blau.jpg);
	background-position: left top, left top;
	background-repeat:no-repeat, repeat-x;
	background-color:#d7e1f5;
	border-top: 2px solid #036;
}

}
@media screen and (max-width: 900px) { 
	
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	background-image: url(gra_htgr_body_blau.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color:#d7e1f5;
	border-top: 2px solid #036;
}


div#box_right {
	clear:right;
	float: left;
	width: 30%;
	min-width: 250px;
	max-width: 251px;
	text-align:left;
}


div#inhalt {
	max-width:100%;
	float: left;
	padding: 0px 0px 20px 0px;
	background:none;
	font-size:1em;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
}

@media screen and (max-width: 750px) { 


/*---------------Navigation Kontakt -------------------*/

div#kontakt{
	
	width: 100%;
	margin:auto;
}

div#button_kontakt{
	text-align:left;
}

div#button_kontakt a{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #666;
	background-image:url(gra_icon_kontakt.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_kontakt a:hover{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_kontakt_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_kontakt .aktiv{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_kontakt_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_mitglieder{
	text-align:left;
}

div#button_mitglieder a{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #666;
	background-image:url(gra_icon_mitglieder.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_mitglieder a:hover{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_mitglieder_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_mitglieder .aktiv{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_mitglieder_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_impressum{
	text-align:left;
}

div#button_impressum a{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #666;
	background-image:url(gra_icon_impressum.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_impressum a:hover{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_impressum_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

div#button_impressum .aktiv{
	display:block;
	float:left;
	clear:both;
	text-decoration: none;
 	outline:none;
	font-weight:normal;
	font-size:0.9em;
	color: #000;
	background-image:url(gra_icon_impressum_a_blau.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#d1ddf6;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 42px;
}

}

@media screen and (max-width: 480px) { 

.portfolio-projekte {
  	position: relative;
  	width: 98%;
	float:left;
	margin: 1% 1%;
	color:#fff;
}

.sitemap {
	padding:10px 2% 10px 0;
	text-align:left;
	clear:both;
	min-height:50px;
}

.sprachen{
	padding:0px 10px 10px 0;
	text-align:left;
	float:left;
}

.social_media {
	padding:0px 50px 10px 0px;
	text-align:left;
	float:left;
}

div#socialplugin {
	margin:8px 0px 0px 0px;
	float:left;
}

}