/* Der Reset-Style bringt alle Browser auf eine Ausgangsbasis */

* {
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 1.25;
}

html {height: 100.5%;}


#myform fieldset, #myform input {
	border: 1px solid #666666;
}  

/* Der eigene Font */

@font-face {
    font-family: 'copy';
    src: url('font/AurulentSans-Regular-webfont.eot');
    src: url('font/AurulentSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/AurulentSans-Regular-webfont.woff') format('woff'),
         url('font/AurulentSans-Regular-webfont.ttf') format('truetype'),
         url('font/AurulentSans-Regular-webfont.svg#AurulentSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'copy', Arial, sans-serif;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}

p {
	font-size: 85%;
	line-height: 1.9;
}


h1 {
	font-size: 130%;
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	font-size: 110%;
	font-weight: normal;
    margin-bottom: 10px;
}

h3 {
	font-size: 100%;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: rgb(57,98,165);
}

a:hover {
	color: green;
}

html {
    background: url(images/background/Kellerwand_27z1500.jpg) repeat-y left top;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}

html, body, {
width: 100%;
min-height: 100%;
}

#wrapper {
    top: 0px;
    width: 100%;
    height: auto;
    background: url(images/background/c.png) no-repeat left top;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% ;    
}

#kopf {
   position: relative;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    width: 1080px;
    height: auto;
    min-height: 167px;
}

#logo {
    float:left;
    width: 503px;
}

#navigation {
    float: left;
    padding-top: 2px;
    margin-left: 100px;
    height: auto;
    width: auto;
}

ul.menu {
	display: block;
    list-style-type: none;
}

ul.menu li{
    float: left;  
}

ul.menu a{
    font-family: 'copy', Arial, sans-serif;
    font-size: 85%;
    color: rgb(83, 81, 81);
}

ul.menu span{
    margin-right: 5px;
    padding: 10px;
    background-color: rgba(0,0,0,0.2);
}

ul.menu span:hover{
    border-bottom: solid 3px red;
}



#laufbild {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1131px;
    height: 300px;
    padding: 2px;
    
}
#slideshow {
    float: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    width: 1080px;
    height: 300px; 
    border: solid black 1px;
    padding: 2px;
    background-color: white;
    -webkit-box-shadow: 1px 3px 7px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 3px 7px rgba(0,0,0,0.7);
    box-shadow: 1px 3px 7px rgba(0,0,0,0.7);
}

#schenkerlogo {
    float: left;
    height: 150px;
    width: 45px;
    margin-top: 120px;
    z-index: -100;
    background-color: white;
    -webkit-box-shadow: 1px 3px 7px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 3px 7px rgba(0,0,0,0.7);
    box-shadow: 1px 3px 7px rgba(0,0,0,0.7);
}

#schenkerlogo img:hover{
     -webkit-transform: translateX(1);
    -moz-transform: translateX(1);
    transform: translateX(2px);
}

#schenkerlogo:hover{
    background-color: rgb(185, 183, 183);
}

#footer img {
    width: 100%;
}


#inhalt {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    z-index: 100;
    width: 1080px;
}

#inhaltlinks {
    float: left;
    height: auto;
    width: 305px;
    padding-left: 20px;
    padding-right: 15px;
}

ul.seitenwechsel li {
    float: left;
    margin-top: 10px;
	list-style-type: none;
    font-size: 85%;
  }

ul.seitenwechsel li{
padding-left: 5px;
}

ul.seitenwechsel a:hover {
	color: green;
}

#inhaltrechts {
    float: right;
    width: 655px;
    height: auto;
    padding-left: 15px;
    padding-right: 50px;
}

#inhaltrechts p {
    padding-right: 25px;
}
.clearfix {
    clear: both;
}

#fusszeile {
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 1080px;
}

#fusszeile p {
    text-align: center;
}






/*CSS für das Formular*/

 #main-container {
	width: 650px;
	height: auto;
	margin-left: auto;
	margin-right: auto;

}

#myform {
	margin: 0px;
	padding: 0px;
}


#myform fieldset {
    margin-top: -10px;
    padding-bottom: 10px;
	background-color: rgba(0,0,0,0.1);
    border: none;
}

#myform fieldset legend {
    margin-top: 29px;
    padding-top: 5px;
	padding-left: 10px;
    padding-bottom: 5px;
    width: 640px;
	font-size: 100%;
	color: rgb(83, 81, 81);
	background-color: rgba(0,0,0,0.1);
}

#myform fieldset label {
	font-size: 85%;
     margin-left: 10px;
}


#vorname,
#nachname,
#firma,
#strasse,
#ort,
#plz,
#tel,
#email
{
    margin-left: 10px;
    margin-right: 10px;
	margin-top: 2px;
	width: 628px;
}

#schweabische-alb /*für die Anzahl der Kalender*/
{
    margin-left: 10px;
    margin-right: 10px;
	margin-top: 2px;
	width: 40px;
}

#aludibond1,
#aludibond2,
#aludibond3
{
	margin-top: 10px;
	width: 400px;
}

#g-aludibond1,
#g-aludibond2,
#g-aludibond3
{
	width: 130px;
}

#acrylglas1,
#acrylglas2,
#acrylglas3
{
	margin-top: 10px;
	width: 400px;
}

#g-acrylglas1,
#g-acrylglas2,
#g-acrylglas3
{
	width: 130px;
}

#digtalerabzug1,
#digtalerabzug2,
#digtalerabzug3
{
	margin-top: 10px;
	width: 590px;
}

/*Für Formular Nutzungsrechte*/
#nutz1,
#nutz2,
#nutz3,
#nutz4
{
	margin-top: 10px;
	width: 418px;
}

#schweabische-alb-pk-block,
#schwarzwald-pk-block {
    margin-left: 10px;
    margin-right: 10px;
	margin-top: 2px;
	width: 40px;
}

input:focus {
	background-color: #efd;
	border-color: #be8;
}


#Nachricht {
	margin-left: 10px;
    margin-right: 10px;
	margin-top: 5px;
	width: 628px;
	height: auto;
}

#submit {
	width: 100px;
    height: 25px;
    margin-top: 20px;
    padding: 3px;
    font-size: 85%;
    color: rgb(83, 81, 81);
    border: none;
    background-color: rgba(0,0,0,0.2);
}

#submit:hover {
    border-bottom: 3px solid red;
}

/* das CSS für die Antwortseite */
#fenster-schliessen {
	margin-left: 320px;
	padding: 2px;
	font-size: 120%;
	font-weight: bold;
	background-color: #e6e6e6;
}


#fenster-schliessen:hover {
	color: #008040;
	background-color: #00ff00;
}