﻿@charset "utf-8";
* 
{

   margin               : 0px;
   padding              : 0px;
}
/*Gesamt Anpassungen der Website*/
#container
{ 
   height               : 950px;
   width                : 1060px;
   margin               : 0px auto;
}

/*Text*/
body 
{ 
   font-family          : Arial, Verdana, sans-serif;
   background           : #6dd9ed; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background           : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkZDllZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzZkZDllZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
   background           : -moz-linear-gradient(top,  #6dd9ed 0%, #0066cc 40%, #0066cc 60%, #6dd9ed 99%); /* FF3.6+ */
   background           : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dd9ed), color-stop(40%,#0066cc), color-stop(60%,#0066cc), color-stop(99%,#6dd9ed)); /* Chrome,Safari4+ */
   background           : -webkit-linear-gradient(top,  #6dd9ed 0%,#0066cc 40%,#0066cc 60%,#6dd9ed 99%); /* Chrome10+,Safari5.1+ */
   background           : -o-linear-gradient(top,  #6dd9ed 0%,#0066cc 40%,#0066cc 60%,#6dd9ed 99%); /* Opera 11.10+ */
   background           : -ms-linear-gradient(top,  #6dd9ed 0%,#0066cc 40%,#0066cc 60%,#6dd9ed 99%); /* IE10+ */
   background           : linear-gradient(to bottom,  #6dd9ed 0%,#0066cc 40%,#0066cc 60%,#6dd9ed 99%); /* W3C */
   filter               : progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd9ed', endColorstr='#6dd9ed',GradientType=0 ); /* IE6-8 */
}

/*******************************************************************************/
/* Gesamter Kopf                                                               */
/*******************************************************************************/
header 
{ 
   display              : inline-block;
   width                : 100%;
   margin-top           : 10px;
   margin-bottom        : 30px;
}
header h1 
{
   font-size            : 40pt;
   margin-bottom        : 10px;
}
header h2 
{
   font-size: 20pt;                                                                                                                               
}
header img
{ 
   width                : 539px;
}
#titel 
{ /*header h1, header h2*/
   float                : left;
   margin-right         : 50px;
   margin-top           : 33px;
   color                : #0066cc;
}

#logo
{
   float: right;
}

a
{ /*Verlinkungen*/
padding-top: 60px; 
height: 90px;
color:#ffff33;
text-decoration: none;
display: block;
}
#werbungen13 img{
   position: absolute;
   margin: 213px 0px 0px 1080px;
   width: 275px;
   height: 661px;
}
#werbungen14 img{
   position: absolute;
   margin: 213px 0px 0px -284px;
   width: 265px;
   height: 661px;
}

/*******************************************************************************/
/* Kacheln                                                                     */
/*******************************************************************************/
#resultate, #anmeldung, #aktuelles, #rangeurauslastung, #schiessplan, #schiessplatz, #schuetzenstube, #fotos
{
   background-color     : #0066cc;
   height               : 150px;
   width                : 250px;
   list-style           : none;
   text-align           : center;
   font-size            : 25px;
   box-shadow           : 2px 2px 10px 2px #FFFFFF;
}
/*Kachel Fotos*/
#fotos
{
   position             : absolute;
   margin               : 0px 20px 20px 0px;
}
#fotos a:before
{ /*Beschriftung von Kachel*/
   content              : "Fotos";
}
#fotos a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f030";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}
/*Kachel Anmeldung & Kontakt*/
#anmeldung
{ 
   position             : absolute;
   margin               : 0px 0px 20px 540px;
}
#anmeldung a:before
{ /*Beschriftung von Kachel*/
   content              :"Anmeldung & Kontakt";
}
#anmeldung a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f044";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}
#resultate
{ /*Kachel Resultate*/
   position             : absolute;
   margin               : 340px 0px 20px 540px;
}
#resultate a:before
{ /*Beschriftung von Kachel*/
   content              : "Resultate";
}
#resultate a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f0e8";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}
#home1
{ /*Bild links*/
   box-shadow           : 2px 2px 8px 2px #FFFFFF;
   position             : absolute;
   margin               : 170px 20px 20px 0px;
   height               : 150px;
}
#aktuelles
{ /*Kachel Aktuelles*/
   position             : absolute;
   margin               : 0px 0px 20px 810px;
}
#aktuelles a:before
{ /*Beschriftung von Kachel*/
   content              :"Aktuelles";
}
#aktuelles a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f05a";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}
#home2, #home3
{ /*Bild Mitte, Bild rechts (Gr und Schatten)*/
   box-shadow           : 2px 2px 5px 2px #FFFFFF;
   height               : 320px;
}
#home2
{ /*Bild Mitte*/
   position             : absolute;
   margin               : 0px 0px 20px 270px;
}
#home3
{ /*Bild rechts*/
   position             : absolute;
   margin               : 170px 20px 20px  810px;
}
#rangeurauslastung
{ /*Kachel Rangeurauslastung*/ 
   position             : absolute;
   margin               : 170px 0px 20px 540px;
}
#rangeurauslastung a:before
{ /*Beschriftung von Kachel*/
   content              : "Rangeurauslastung";
}
#rangeurauslastung a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f140";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}
#schiessplan
{ /*Kachel Schiessplan*/
   position             : absolute;
   margin               : 340px 20px 20px 0px;
}
#schiessplan a:before
{ /*Beschriftung von Kachel*/
   content              : "Schiessplan";
}
#schiessplan a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f022";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}
#schiessplatz
{ /*Kachel Schiessplatz*/
   position             : absolute;
   margin               : 340px 20px 20px 270px;
}
#schiessplatz a:before
{ /*Beschriftung von Kachel*/
   content              : "Schiessplatz";
}
#schiessplatz a:hover:before
{ /*Symbol beim Hover*/
   content              : "\f041";
   font                 : normal normal normal 14px/1 FontAwesome;
   font-size            : 100px;
   color                : white;
   position             : relative;
   bottom               : 35px;
}

#schiesszeit
{ /*Kachel schiesszeit*/
   box-shadow        : 2px 2px 8px 2px #FFFFFF;
   background-color  :#0066cc;
   height            : 150px;
   width             : 520px;
   list-style        : none;
   text-align        : center;
   position          : absolute;
   margin            : 510px 20px 0px 0px;
   font-size         : 20px;
   color             : white;
}
#schiesszeit > table
{
   margin            : 0 auto;
}
#schuetzenstube a:before
{ /*Beschriftung von Kachel*/
   content           : "Schützenstube";
}
#schuetzenstube
{ /*Kachel Schützenstube*/
   background-color  : #0066cc;
   height            : 150px;
   width             : 520px;
   list-style        : none;
   text-align        : center;
   position          : absolute;
   margin            : 510px 0px 0px 540px;
}
#schuetzenstube a:hover:before
{ /*Symbol beim Hover*/
   content           : "\f0c0";
   font              : normal normal normal 14px/1 FontAwesome;
   font-size         : 100px;
   color             : white;
   position          : relative;
   bottom            : 35px;
}
footer 
{ /*Fusszeile*/
   text-align        : center;
   position          : relative;
   top               : 680px;
}
