/* Farben r-giedt.de

Grau 200,200,200 (C8,C8,C8)
Grau hell 213,234,237, #D5EAED; (Content, Adresse)
Fotos, Breite 300 Pixel

body background: 232,232,232 #E8E8E8;
color:#0074BD;
background-color: #0173BC; dunkel
color: #14594D; ganz dunkel
background-color: #0E5589; hell

Blau hell: 76,185,218 #4CB9DA;
Blau dunkel: 49,135,170 #3187AA;

Grün hell: 21,131,112 #158370
Grün dunkel: 26,120,104 #1A7868

Türkis-hell // #4da0b2;
Türkis-dunkel // #346c78;

*/

@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
  src: local('roboto'), local('roboto'), url(../fonts/roboto/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

html, body{
    background: linear-gradient(to bottom, #d2e5e9 0%,#ffffff 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-family: 'roboto', Verdana , Arial, Sans-serif;
	font-size: 15px;
}

#page {
	max-width: 960px;
	margin:0 auto;

}
#head {
	padding: 0 3%;
	/*background-color: #fff;*/
	min-height: 70px;
	text-align:right;
}

.links {
	width: 67%;
	padding: 0;
	float:left;
}

.rechts {
	max-width: 30%;
	padding: 0;
	float:right;
}

.content {
	max-width: 100%;
	padding: 5%;
	background-color: #fff;
	border: 1px solid #cecece;
	color: #0C456E;
	line-height: 1.5;
	border: 1px solid #cecece;
	margin-bottom: 12px;
}

.grau {
	max-width: 100%;
	padding: 1% 5%;
	background-color: #EAEAEA; 
	background: url('/images/stein.jpg');
	border-top-left-radius: 14px;
	border-top-right-radius: 14px; 
}

img {
	max-width: 100%;
	height: auto;
}


/* für Bildergalerie */
.g-links {
	width: 100%;
	padding: 0;
	float:left;
}

.g-content {
	max-width: 100%;
	padding: 5%;
	background-color: #fff;
	border: 1px solid #cecece;
	color: #0C456E;
	line-height: 1.5;
	border: 1px solid #cecece;
	margin-bottom: 12px;
}

.g-grau {
	max-width: 100%;
	padding: 1% 5%;
	background-color: #EAEAEA; 
	background: url('/images/stein.jpg');
	border-top-left-radius: 14px;
	border-top-right-radius: 14px; 
}

h1 {
	padding: 1% 3.5%;
	/*font-family: verdana, Arial, Sans-serif;*/
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	text-shadow: 3px 3px 2px #aaa;
}

h2 {
	/*font-family: verdana, Arial, Sans-serif;*/
	font-size: 18px;
	font-weight: bold;
	color: #eeffff;
	text-align: right;
	text-shadow: 3px 3px 2px #777777;
}

.xfuss {
    position:fixed;
    bottom: 0;
	width: 100%;
	padding: 1%;
	text-align: center;	
	background-color: #393534;
}

.xfuss a {
	text-decoration:none;
	color: #ffeeee;
	padding-right: 10px;
}

.xfuss a:hover {
	text-decoration:underline;
	color: #ffeeee;
}





/*  Kontakt-Formular */

.k_felder {
	display:block;
	max-width: 100%;
	margin-left: 10%;
	line-height: 2;
	vertical-align:text-top;
}


.k_felder input {
	float: right;
	text-align: left;
	vertical-align: bottom;
	border: 1px solid #cecece;
	margin-right: 80px;
	margin-top: 5px;
}

.k_felder select {
	float: right;
	height: 22px;
	border: 1px solid #cecece;
	font-size: 13px;
	width: 320px;
	margin-right: 80px;
	margin-top:5px;
}
.k_felder textarea  {
	float: right;
	height: 135px;
	width: 320px;
	border: 1px solid #cecece;
	margin-right: 80px;
	margin-top: 5px;
}

.kontaktok {
	float: right;
	text-align: left;
	height: 22px;
	width: 320px;
	border: 1px solid #cecece;
	margin-right: 80px;
	padding-bottom: 3px;
}


.kontaktokt {
	float: right;
	border: 1px solid #cecece;
	height: 135px;
	width: 320px;
	margin-right: 80px;
	margin-top: 5px;
	line-height: 1;
}

.k_felder.k_button input {
	float:left;
	height: 22px;
	border: 1px solid #cecece;
	font-size: 13px;
	background-color: #ffffff;
	margin-right: 80px;
	margin-top: 15px;
}

/*  Ende - Kontakt-Formular */



/*  Kontakt-Formular und Katalog-Formular */

.k_button input {
	width: 234px;
	height: 22px;
	border: 1px solid #cecece;
	font-size: 13px;
	background-color: #ffffff;
	margin-left: 28px;
}
/* +++++++++ Ende neue css ++++++++++++++++++++++ */