* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;font-size:13px;font-weight:500; color:#414141;}
.bg_body {background:#016701 url(https://www.sg-union-isserstedt.com/bilder/1441113405/1441113405-1441819217-bg_body.jpg) no-repeat left top fixed;}
.bg_body_kegeln {background:#016701 url(https://www.sg-union-isserstedt.com/bilder/1441113405/1441113405-1443621321-bg_body_kegeln.jpg) no-repeat left top fixed;}
/* Grundelemente Fixes */
.clr {clear: both;height:0 !important;width:0 !important;line-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;}
a:hover{text-decoration:underline;}
a, a:visited, a:active {outline-width:0;color:#016701;text-decoration:none;}
a img {border:none;}
hr {margin:5px 0;}

/* --------- Grundstruktur */
.main {margin:0 auto;}
.resize {
	background-image:url(https://www.sg-union-isserstedt.com/bilder/1441113405/1441113405-1453984797-bg_content.jpg);
	background-repeat:repeat-y;
	width:1000px;
	margin:0px auto;
	box-shadow:1px 2px 30px #000;
	-moz-box-shadow:1px 2px 30px #000;
	-webkit-box-shadow:1px 2px 30px #000;
	border:#323232 thin solid;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;}
	
/* Kopfzeile */
header{width:100%;margin:0;position:relative;}
.header_bg {
	width:100%;
	height:195px;
	margin:0 auto;
	background:#016701 url(https://www.sg-union-isserstedt.com/bilder/1441113405/1441113405-1441823266-header.jpg) no-repeat left top;}
.header_bg_kegeln {
	width:100%;
	height:195px;
	margin:0 auto;
	background:#016701 url(https://www.sg-union-isserstedt.com/bilder/1441113405/1441113405-1443622504-header_kegeln.jpg) no-repeat left top;}
	
.headercenter {}
.logo {float:left;}
.logo img 	{margin:7px 0px 0px 12px;}
/*.headline {float:left;margin:0 0 0 40px;}*/
/*.subline 	{float:left;margin:0 0 0 40px;}*/
.headline1 	{float:left;margin:16px 0 0 50px;} /* nur design.html und designstart.html */
.subline1 	{float:left;margin:0 10px 0 50px;} /* nur design.html und designstart.html */
/*.social {padding-top:128px;} */
/*.social img {border-radius:5px;box-shadow:1px 1px 8px #c7c7c7;-moz-box-shadow:1px 1px 8px #c7c7c7;-webkit-box-shadow:1px 1px 8px #c7c7c7;}*/
.RSS {display:table-row;float:right;padding:0px 16px 0px 0px}
.RSS img {float:left; margin:0 5px 0 0; width:32px; height:32px;}
.rssbox {display:table-cell;vertical-align:baseline;line-height:55px;}
.headline1 h1 {
	padding-top:0px;
	font-size:3.2em;
	color:#f9d905;
	text-transform:uppercase;
	font-weight: 900;
	letter-spacing:-0.02em;
	line-height:94px;
	text-shadow: 1px 1px 8px #000;}
.subline1 h2 {
	font-size:2.14em;
	color:#fefefe;
	font-style:normal;
	font-variant: normal;
	font-weight:500;
	letter-spacing:0.02em;
	line-height:0.1em;
	text-transform:normal;
	text-shadow: 1px 1px 8px #000;}

/* Topmenu */
.menu {
  float: right;
  padding: 1.0em 1.2em;
  margin: 1em;
  height: 2em;
  line-height: 2em;
  text-decoration: none;
  text-transform: uppercase;
  border:1px solid #016701;
  box-shadow:2px 2px 10px #666;
 -moz-box-shadow:2px 2px 10px #666;
 -webkit-box-shadow:2px 2px 10px #666;
  border-radius:5px;
  font-weight:700; 
  font-size:130%;
  letter-spacing:0.09em;
  text-shadow:1px 1px 0px #555;
  background:#fff;
  background:-moz-linear-gradient(#fff, #efefef);
  background:-ms-linear-gradient(#fff, #efefef);
  background:-o-linear-gradient(#fff, #efefef);
  background:linear-gradient(#fff, #efefef);
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
  background:-webkit-linear-gradient(#fff, #efefef);  		
	}
.menu ul {
	margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}   
.menu li {
	width: 100%;
   display: block; 
}
.menu li a {
   padding: .95em 0.1em;
   font-size: 1em;
   text-transform: uppercase;
   display: block;
}

.rm-nav {letter-spacing:1px;font-family: Arial, Helvetica, sans-serif;}
.rm-toggle.rm-button {margin-top: 25px;}
.rm-css-animate.rm-menu-expanded {max-height: none;display: block;}
.rm-container.rm-layout-expanded {float:right;}
.rm-container {
   width:100%;



   margin-top:5px;
   background:-moz-linear-gradient(#fff,#f5f5f5);
	background:-ms-linear-gradient(#fff, #f5f5f5);
	background:-o-linear-gradient(#fff,#f5f5f5);
	background:linear-gradient(#fff,#f5f5f5);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
	background:-webkit-linear-gradient(#fff, #f5f5f5);}
.rm-nav li a,
.rm-top-menu a {
   padding: .95em 0.1em;
    /*font-size: 1em;*/
    line-height: 1.5rem;
    text-transform: uppercase;}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {height:60px;line-height:60px;}

/* Navigation - Linke Spalte */
.menutitel {
    background-color:#016701;    
    color:#ffffff!important;
    text-transform: uppercase!important;
    letter-spacing:1px;}

/* Slidebarmenu */
.navmenu {padding:0;margin:0;width:100%;}
.info_box {margin:0 auto;width:90%;}
/* Seitenstruktur */
.col1 {float:left;width:16%;}
.col2 {float:left;width:61%;}
.col3 {float:right;width:23%;}
.col1box {border:none;}
.col2box {padding:20px 40px;}
.col3box {padding:15px 12px 0px 12px}
#contentbox {width:100%;margin:0;}
.slider {margin:0;}
.newsbox {margin:0 auto;width:99%;}
.sponsor{
background:#1B7820;
background:-moz-linear-gradient(#1B7820, #015c01);
background:-ms-linear-gradient(#1B7820, #015c01);
background:-o-linear-gradient(#1B7820, #015c01);
background:linear-gradient(#1B7820, #015c01);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B7820), to(#015c01));
background:-webkit-linear-gradient(#1B7820, #015c01);
width:100%;
margin:0;
}
.sponsorbox {padding:0;margin:0;border:0;}

.footer{
	width:100%;
	margin:0;
	background: #f5f5f5;
	background:-moz-linear-gradient(#F5F5F5,#ccc);
	background:-ms-linear-gradient(#F5F5F5, #ccc);
	background:-o-linear-gradient(#F5F5F5,#ccc);
	background:linear-gradient(#F5F5F5,#ccc);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#ccc));
	background:-webkit-linear-gradient(#F5F5F5, #ccc);}
.footer_bottom {font-size:14px;color:#414141;text-align:center;line-height:5.8em;}
.footer_bottom a{color:#414141;padding:0em 0.8em;font-family: Arial, Helvetica, sans-serif;}
.footer_bottom a:hover {color:#999;text-decoration:none;}

#scrollup {
    background: url(https://www.sg-union-isserstedt.com/bilder/1441113405/1441113405-1602064112-scroll.png) no-repeat;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    cursor: pointer;
	z-index: 9999;}

 /* ----------- Galaxy ----------- */
/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
     
  .resize {width: auto;margin: auto;max-width:100%;}
  .logo {width:100%;margin:0px auto;}
  .headline1 {width:100%;margin:0px auto;}
  .subline1 {width:100%;margin:0px auto;}
  .navmenu {width:100%;height:400px;}
  .col1 {width:100%}
  .col2 {width:100%}
  .col3 {display:none;}  
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}


/* ----------- iPhone --------------------------------------------------------------------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}
 
	



