@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#wrapper {
	text-align: left;
	width: 950px;
	z-index: 0;
	position: absolute;
	left: 50%;
	margin-left: -475px;
	height: auto;
	border: 1px solid #CCC;
}

#head {
	height: 75px;
	font-size: 22px;
	padding-top: 25px;
	padding-left: 10px;
	background-color: #84BD00;
	font-weight: bold;
	color: #ffff;
}

#module {
	width: 450px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #EEEEEE;
	
}

#head a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#content {
	margin: 5px;
	min-height: 400px;
	color: #000000;
}

#content h1 {
	font-size: 24px;
	padding-top: 8px;
	padding-bottom: 15px;
	color: #38741d;
}

#content h2 {
	font-size: 20px;
	padding-bottom: 20px;
	color: #38741d;
}

#content h3 {
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 8px;
	color: #38741d;
}

#content a {
	color: #84bd00;
	text-decoration: none;
}

#content a:hover {
	color: #215732;
	text-decoration: underline;
}


#content a.b:link, a.b:visited, a.b:hover, a.b:active
{
 font-family:Arial;
 font-size:14px;
 font-weight: bold;
 text-align:center;
 text-Decoration: none;
 width:200px;
 height:70px;
 padding:10px;
}
#content a.b:link, a.b:visited
{
 color:#FFF;
 background-color:#ffffff;
 border-left:1px solid #efefef;
 border-top:1px solid #efefef;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
}
#content a.b:hover, a.b:active
{
 color:#000000;
 background-color:#84bd00;
 border-left:1px solid #efefff;
 border-top:1px solid #efefff;
 border-right:1px solid #215732;
 border-bottom:1px solid #215732;
}



#content ul {
	padding-left: 25px;
	color: #84bd00;
	list-style-type:square;
}



#content ul li:before {  
    color: #84bd00; 
    font-size:14px;
	}

#content p.adresse {
	color: #84bd00;
	padding-left: 10px;
	padding-bottom: 6px;
}

#content table {
  border-collapse: separate;
  border-spacing: 10px;
  color: #5a5a5a;
}

#content table.td {
  padding: 10px;
}
	
#content div.formularfeld {
	width: 450px;
	height: 22px;
	font-size: 14px;
	padding: 2px;

}

#content div.formularfeld-liste {
	width: 815px;
	height: 15px;
	font-size: 14px;
	padding: 2px;

}


#content div.spaltendef {
    font-size: 14px;
	color: #AAAAAA;
    width: 60px;
	float: left; 
   font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}
	
#content div.spaltendef-ck {
    font-size: 14px;
	color: #AAAAAA;
    width: 30px;
	float: left; 
   font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}

#content div.spaltendef-7 {
    font-size: 14px;
	color: #AAAAAA;
    width: 20px;
	float: left; 
   font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}
	
#content div.spaltendef-rechte {
    font-size: 14px;
	color: #AAAAAA;
    width: 47px;
	float: left; 
   font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}	

#content div.spaltendef-gross {
    font-size: 14px;
	color: #AAAAAA;
    width: 245px;
	float: left; 
    font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 3px;
	}

#content div.spaltendef-stud {
    font-size: 14px;
	color: #AAAAAA;
    width: 100px;
	float: left; 
    font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}

#content div.spaltendef-mail {
    font-size: 14px;
	color: #AAAAAA;
    width: 180px;
	float: left; 
    font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}	
	
#content div.spaltendef-stud-vor {
    font-size: 14px;
	color: #AAAAAA;
    width: 86px;
	float: left; 
    font-weight:bold;
	padding-top: 1px;
	height: 22px;
	padding: 2px;
	}
	
#content div.formularfeld-gross {
	width: 700px;
	height: 130px;
	font-size: 12px;
}

#content div.formularfeldbeschriftung {
	width: 125px;
	height: 16px;
	padding-top: 1px;
	float: left;
}

#content div.formularfeldbeschriftung-liste {
	width: 150px;
	height: 16px;
	padding-top: 1px;
	
}

#content option.form-eingabe {
	background-color: #87C2E4;
   width: 395px;
   padding: 2px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 15px;
   float: left;
}

#myCustomSelectbox select {
   background: transparent;
   width: 395px;
   padding: 2px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 22px;
}
#myCustomSelectbox {
   width: 374px;
   height: 22px;
   overflow: hidden;
   background: url(http://www.jg-dev.de/wp-content/uploads/2014/02/arrow_select.jpg) no-repeat right #87C2E4;
   border: 1px solid #449ABF;
}

#myCustomSelectboxklein select {
   background: transparent;
   width: 269px;
   padding: 2px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 22px;
}
#myCustomSelectboxklein {
   width: 248px;
   height: 22px;
   overflow: hidden;
   background: url(http://www.jg-dev.de/wp-content/uploads/2014/02/arrow_select.jpg) no-repeat right #D5DCD3;
   border: 1px solid #449ABF;
}


#mycheckbox {
    background-color:#FFFFFF;
    width: 410px;	
	border: 3px solid #449ABF;
	font-size: 16px;
	font-weight:bold;
	padding:25px; 
	color:#449ABF;
}

#kaestchen {
    border: 1px solid red;
}

#content input.form-eingabe {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 250px;
padding: 2px;
}

#content input.form-eingabe-inaktiv {
color: #000000;
font-weight:bold;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
height: 24px;
width: 250px;
padding: 2px;
}

#content input.form-eingabe-liste {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 60px;
padding: 2px;
}

#content input.form-eingabe-liste-ck {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 32px;
padding: 2px;
}

#content input.form-eingabe-liste-lang {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 250px;
padding: 2px;
}

#content input.form-eingabe-liste-mail {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 180px;
padding: 2px;
}

#content input.form-eingabe-liste-stud {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 100px;
padding: 2px;
}


#content input.form-eingabe-liste-stud-vor {
color: #000000;
border: 1px solid #449ABF;
background-color: #D5DCD3;
height: 24px;
width: 86px;
padding: 2px;
}


#content texarea.form-eingabe {
	font-size: 12px;
}

#content input.form-abschicken {
color: #000000;
border: 1px solid #449ABF;
background-color: #449ABF;
padding-top: 5px;
height: 27px;
width: 375px;
padding: 5px;
cursor: pointer;
margin-top:	1em;

}

#content input.form-abschicken-nutzer {
color: #000000;
border: 1px solid #449ABF;
background-color: #449ABF;
padding-top: 5px;
height: 27px;
width: 275px;
padding: 5px;
cursor: pointer;
margin-top:	1em;

}


#content input.form-abschicken-liste {
color: #000000;
border: 1px solid #449ABF;
background-color: #449ABF;
padding-top: 1px;
height: 24px;
width: 54px;
padding: 3px;
cursor: pointer;


}

#content input.form-abschicken-liste-pw {
color: #000000;
border: 1px solid #449ABF;
background-color: #449ABF;
padding-top: 1px;
height: 24px;
width: 88px;
padding: 3px;
cursor: pointer;


}