/* latin */


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
img a { border:0; }
p{margin:1em 0 1em 0; font-size:12px; text-align:justify;}

h2{font-size:16pt;font-weight:bold;line-height:1.6em;background:#e5312b; display:block; color:#fff; padding:5px; }
h1{font-size:18pt;font-weight:bold;line-height:1.6em;color:#e5312b;}
h1,h2 {line-height: 32px; }
body { background:#fff78c; color:#333;font-size:14px;font-family: 'Droid Sans'; line-height:1.8em; padding-top:0px;}
hr { color:#ccc; line-height:1px; height:1px; border:0px; margin: 1em 0; padding: 0; }
a { color:#333; text-decoration:underline;  }
a:Hover { cursor:pointer; }

.mobilnavi { display:none; }
.menu { width:260px; float:right; }
.menu, .menu ul { margin:0; padding:0; list-style:none; }
.menu ol { margin-top:-25px; padding-right:15px; }
.menu li { display:inline; padding:0; margin:0; }
.menu li span { cursor:pointer; display:block; padding:7px 10px; }
.menu li a { color:#333; display:block; padding:8px 5px 8px 15px; text-decoration:none; border-bottom:1px solid #ddd; }
.menu li li a, .menu li li span { cursor:pointer; padding:8px 5px 8px 20px; }
.menu a.active { font-weight:bold; color:#000; }
.menu a:hover { background:#fffbc3; font-weight:bold; }
.menu a.mitAbstand { margin-top:15px; margin-bottom:15px; border-top:1px solid #ddd; }
.menu a b { font-weight:bold; }

.head { width:100% !important; }
.headMenu { padding-bottom:0px; width:100% !important;  }
.headMenu a { padding:15px 15px; text-decoration:none; font-size:14px; color:#fff;  border-right:1px solid #b9605c;  margin-left:-18px;   }
.headMenu ul li ul li a { border:0; }
.headMenu span { text-decoration:none; font-size:14px; }

.headMenu { color: #eee; font-size:22px; }
.headMenu ul li ul li a:hover { background:none; border:0; }

.button { color:#555; background:#fff; border:1px solid #999; text-decoration:none; cursor:pointer; padding:8px 10px;}
.button:hover { color:#333; border:1px solid #666; background-color:#f3f3f3; }

.buttonGreen { color:#555; background-color:#f3f3f3; border:1px solid #999; text-decoration:none; cursor:pointer; padding:8px 10px;}
.buttonGreen:hover { color:#fff; border:1px solid #666;  background-color:#379c00; }

input { width:250px; }
label, input, select, textarea { display: block; float: left; width: 300px; padding:3px 2px; }
label { width:180px; }
form br { clear: left; }
textarea,input { border: 1px solid #939393; padding:3px 5px; margin:4px 0; }
form input:focus, form textarea:focus { border-color:#515151; }

.mannschaftsfoto{ float:left; }
.mannschaftsfoto img { -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 10px 10px 5px #404040; -moz-box-shadow: 10px 10px 5px #404040; box-shadow: 2px 2px 3px #404040; }
.mannschaftbuttons { float:right; }
.mannschaftstext { text-align:justify; }

ol,ul { list-style:circle; padding-left:10px;}
.left { text-align:left; }
.floatLeft { float:left; }
.center { text-align:center; }
.right { text-align:right; }
.floatRight { float:right; }
.clear { clear:both; height:1px; line-height:1px; }
.info { border:1px solid #ddd; font-weight:bold; padding:10px 10px; text-align:center; }
.tabelleTraining  tr td{ border:1px solid #ddd; padding:5px; }

.top { background:#fff; }
.header { margin:auto; width:100%; margin:auto; height:250px; background:#fff78c url(images/bg_header.jpg) top right no-repeat; }
.header div { margin:auto; width:70%; margin:auto; height:153px;}
.logo { padding-top:70px; float:left; }
.headerBottom { margin:auto; height:50px; margin-bottom:0px; background: url(images/background_menu.jpg) top left repeat-x;  }
.headerBottom div { width:70%; margin:auto;  }
.container { width:70%; margin:auto; min-height:400px; }
.content { font-size:12px; min-height:500px; padding:10px 5px; float:left; width:70%; max-width:800px; float:left; }
.inhalt { padding:15px 0px; padding-top:45px;margin-top:0px; float:left;  width:620px;}
.inhalt { margin-top:10px; float:left; width:100%; padding-bottom:40px; text-align:justify; }
.inhalt span, .inhalt p, .inhalt ul li { font-size:12pt !important; }
.footer { background:#606060; height:250px; border-top:2px solid #eee; width: 100%; clear:left; color:#fff; }
.footer div { width:70%; margin:auto; }
.footer p, .footer a { color:#fff; text-decoration:none; }
.footer a:Hover { text-decoration:underline; }
.inhalt_startseite {width: 70%; float: left; }
.infoMessage { background: #CCEDE4; padding:5px 10px; }

.links { width:15% !important; height:120px; float:left; padding:18px 25px; }
.anschrift { padding:18px 25px; float:left; width:18% !important; padding-left:0; }
.dekra { float:left;  }
.termine { border:1px solid #ddd; }
.termine a { border-bottom:1px solid #ddd; display:block; }



/*
dropdown css
*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 margin-top:-1px;
 padding: 0;
}

ul.dropdown li {
 float: left;
 min-height: 1px;
 line-height: 1.2em;
 vertical-align: middle;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 left: 0;
 top:50px;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/*
default css
*/
ul.dropdown {

}

ul.dropdown li {
 padding: 11px 7px;
 color: #fff;
 
}

ul.dropdown li ul { padding-top:10px; margin-top:-7px; }

ul.dropdown li ul li {
border:1px solid #b5b5b5;
border-top:0px;
}

ul.dropdown li ul li a {
 color: #000;
 padding:0 10px 0 25px;
}
ul.dropdown li ul li a:Hover {
 padding:0 10px 0 25px;
}

ul.dropdown li ul li {
 color: #fff;
 font-size:12px;
 padding: 11px 5px;
 border-bottom:1px solid #b5b5b5;
 width:230px;
}

ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown li.on { 
 color: #fff;
}

ul.dropdown li ul li {
  background:#fffab8;
} 

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
ul.dropdown ul li a:hover		{ color: #c51f19; }
ul.dropdown a:active	{ color: #000; }

ul.dropdown li ul li a:link,
ul.dropdown li ul li  a:visited	{ color: #000; text-decoration: none; display:block; }
ul.dropdown li ul li a:hover		{ color: #c51f19; }

/* -- level mark -- */

ul.dropdown ul {
 width: 230px;
 margin-top: 0px;
 margin-left:-10px;
}

@media (max-width: 1700px) {
 .header div { width:80%; }
 .container { width:90%;}

 .submenu { width:23%; }
 .sidebar { width:25%; }
 .content { width:55%; }
 .header div, .headerBottom div { width:90%; }
 .headMenu, .head { width:90%; }
 .footer div { width:90%; }
.footer{ margin-top:10px; }

}

@media (max-width: 1150px) {
  .mobilnavi{ width:90%; margin:auto; height:30px; display:block; margin:10px 20px; }
	.headMenu{ display:none; }
.anschrift{ width:100% !important; }
.links, .dekra { display:none;}
#plz:before{ content: "<br class='clear'/>"; }
}



@media (max-width: 830px) {
.test { padding-left:15px;}
.sidebarKasb { display:none; }
.inhalt img { max-width:100% !important; }
.inhalt table { width:100% !important; }
.header { height:180px !important; background:#fff78c; }
.tabelle-notdienst { width:100% !important; margin:40px 0 !important; }
.tabelle-notdienst tr td { padding:8px !important; }
.menu, .sidebar{ display:none; }
.inhalt img { width:95%; }
.oeffnungszeiten{ display:none; }
.telefonnummer { width:100% !important; margin-top:25px;text-align:center; height:70px !important; }
.telefonnummer a { color:#fff; }
.startseite_links { width: 100%; float: none; }
.startseite_rechts { width: 100%; float: none; border-left: 0px; border-top: 1px solid #ccc; padding-left: 0px; }
.bildergalerie img { width:100%; text-align:center; border:2px solid #1f282f; }	
  h1 { font-size:18px; }
  .bild{ width:100% !important; } 
  .bild img { width:100%; } 
  .kontakt1, kontakt2 { float:left; width:100%; }
  .extras1 { width:100%; }
  .preise img { float:left; width:100%; }  
  .footer p, .footer a  { font-size:14px; }
  .headMenu, .submenu { display: none; }
  .logo img { max-width:70%; margin-top:-25px; margin-left:15px; max-height:160px; }
  .header { height:100px; }
  .header div { height:100px; }
  .container, .content, .inhalt { width:95%; padding:0 10px; }
  .headerBottom { height:20px; }
  .headerBottom2 { height:15px; }
  body { height:100%; }
  .mobilnavi{ width:90%; margin:auto; height:30px; display:block; margin:10px 20px; }
  .sidebar_startseite { display:none; }
  .inhalt_startseite { width:100%; }
  .kontakt2{ float:none;margin:auto;width:95%; }
  .fotoHeader { display:none; }
.anschrift{ width:100% !important; }
.links, .dekra { display:none;}
#plz { clear:both; }

}