/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

div {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* 
{
    font-size: 13px;
    font-family: Trebuchet MS, Georgia, Verdana, Sans-Serif;
	line-height: 18px;
}

body
{
    margin: 0;
	padding: 0;
}

img 
{
    border: 0;
}

.imgInactive {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.error 
{
    color: Red;
    font-weight: bold;
}

.error2
{
    color: Red;
    font-weight: bold;
    display: block;
    margin: 15px 0 15px 0;
}

.valError
{
    color: #A6001B;
    font-weight: bold;
    font-size: 16px;
}

.dContent
{
    margin: auto;
    width: 1000px;
}

.dBorderTop
{
    width: 1000px;
    height: 10px;
}

.border_1
{
    margin-top: 15px;
}

.block {
    display: block;
}

.messageBottom {
    margin-bottom: 20px;
}

/* Navigation */
.events
{
    position:absolute;
    left: 20px;
    top: 0px;
}

.vereine
{
    position:absolute;
    left: 385px;
    top: 10px;
}

.fotos
{
    position:absolute;
    left: 0px;
    top: 75px;
}

.shop
{
    position:absolute;
    left: 265px;
    top: 67px;
}

.info
{
    position:absolute;
    left: 483px;
    top: 75px;
}

.news {
    position:absolute;
    left: 15px;
    top: 140px;
}

.helfer
{
    position:absolute;
    left: 220px;
    top: 137px;
}

.punkte
{
    position: absolute;
    right: 0;
    top: 137px;
}

.news img {
    width: 195px;
}
.helfer img {
    width: 235px;
}
.punkte img {
    width: 250px;
}

.fb
{
    font-weight: bold;
}

h1, .fb2, .fb3
{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 8px;
    margin-top: 0;
    padding-top: 0;
}

.fb4
{
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    font-weight: bold;
}

.fbSP
{
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-decoration: none;
}

.fbSP:Hover
{
    text-decoration: underline;
}

.fb3
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

select.ddForm
{
    font-size: 13px;
    width: 224px;
    background-color: #FFCC00;
    
}

input.tbxForm2
{
    border: 0;
    font-size: 13px;
    width: 220px;
    background-color: #DADADA;
    padding: 2px;
    
}

input.tbxFormPV
{
    border: solid 1px black;
    height: 18px;
    font-size: 16px;
    width: 100px;
    background-color: #FFCC00;
    text-align: right;    
}

input.tbxUek {
    font-size:11px; 
    margin-right: 5px;
    color: green;
}

input.tbxTu {
    font-size:11px; 
    margin-right: 5px;
    color: darkred;
}

input.tbxEm {
    font-size: 11px; 
    margin-right: 5px;
}

input.btn
{
    height: 24px;
    font-size: 14px;
    color: #382f2b;
}

.separatorLine
{
    border-bottom: dotted 1px black;
    height: 5px;
}

.separatorLine2
{
    border-top: dotted 1px #818181;
}

.separatorLine3
{
    border-top: dotted 1px #ffffff;
}

.separator
{
    height: 5px;
}

.separator2
{
    height: 10px;
}

.navDiv 
{
    margin-top: 3px;
}

.textSmall
{
    font-size: 11px;
}

/* ***** AJAX ****** */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


wireFrame {
display: 	none; 
overflow: hidden; 
z-index: 2; 
background-color: #FFFFFF; 
border: solid 1px #D0D0D0;
}

.validatorCalloutHighlight 
{
    background-color: lemonchiffon; 
}

.fernseher {
    top: 145px;
    width: 280px;
    height: 175px;
    position: absolute;
}

.ajax__tab_panel 
{
    background-color: #FFCC00;
    margin: -8px;
}

.fotolist 
{
    margin-left: -15px;
    padding: 0px;
}

.fotolist li
{
    display: inline;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}

.shoplist 
{
    margin-left: -15px;
    margin-top: -10px;
    padding: 0px;
}

.shoplist li
{
    display: inline;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
}

.shoplist li div
{
    background-color: White;
    border: solid 5px #62AE23;
    width: 118px;
    height: 140px;
    vertical-align:middle;
    text-align:center;
}

.shopImg
{
    padding: 5px;
    max-width:100px;
    max-height:80px;
}

.shopDetailImg
{
    padding: 10px;
    max-width:160px;
    max-height:160px;
}

.shopDetail
{
    background-color: White;
    width: 100%;
    height: 300px;
}

.shopPhotoDetail
{
    border: solid 5px #62AE23;
    background-color: White;
    width: 180px;
    height: 180px;
    /*display: table-cell;*/
    vertical-align: middle;
    text-align: center;
}

.content 
{
    margin-top: 15px;
    padding-top: 0;
    padding-left: 30px;
    z-index: 0;
    position: absolute;
    width: 690px;
}

.divDropSchoolYear
{
    margin-top: 15px;
    padding-top: 0;
    margin-left: 574px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
}

.dropSchoolYear
{
    border: 0 !important; /*Removes border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background-color: transparent;
    width: 80px;
    height: 22px;
    font-size: 12px;
}

.scroll
{
    overflow: auto;   
}

.navBgr
{
    position:relative;
    width:250px;
    height:200px;
    left:-30px;
    background-repeat: no-repeat;   
}

.modalBackground
{
  background-color:#000000;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.VeranstaltungenPopup
{
    min-width: 300px;
    min-height: 250px;
    background: white;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    text-align: center;
}

.hidden
{
    display: none;
}

.borderRight
{
    border-right: dotted 1px #818181;
}

.divPDF
{
    background: url(/img/icons/pdf_schwarz.png) no-repeat center left;
    width: 300px;
    display: block;
    padding-left: 40px;
}

/* NEWS PopUp */
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #FFCC00;
    display: none;
}

.boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 450px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    overflow: auto;
}

.boxes #dialog {
    width: 500px;
    height: 300px;
    padding: 30px;
    background-color: #ffffff;
}

#popupfoot {
    margin: 20px;
}