/*-------------------------------------------------------- */
html{
	font-size:100%;
	min-height:101%;
}

body{
	font-size:62.5%;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#666;
}
/*-------------------------------------------------------- */
.generic em {
font-style:italic;font-weight:inherit;
}


.generic p {
line-height:1.5em;
margin-bottom:1.5em;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
}

.generic strong {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#8FAB09;
font-weight:normal;
text-decoration:none;
}
/*-------------------------------------------------------- */
#navlist li{
	display: inline;
	list-style-type: none;
}

#navlist li a{
	color: #fff;
	font-size: 1.25em;
	padding: 0.3em;
	text-decoration: none;
}

#navlist li a:hover {
	color: #ffcc00;
	padding-top: 0.5em;
	text-decoration: none;
}

#navlist a#current{
	background-color: #e6edf8;
	border-top: 5px solid #799ddb;
	color: #666;
	padding-top: 0.2em;
}

/*Ressourcen Box*/
/*-------------------------------------------------------- */
#resbox {
  width: 200px;
  border: 1px;
  border-style: solid;
}

#resbox ul {
  padding-left: 5px;
}

#resbox li {
  margin-left: 15px;  
}

#resbox li a {
  text-decoration: underline;
  color: #666;
}
/*-------------------------------------------------------- */
p a a:active a:visited a:link {
color:#1c7a99;
font-size:8;
font-weight:normal;
text-decoration:none;
}

a:link { color:#1c7a99; text-decoration:none; }
a:visited { color:#1c7a99; text-decoration:none; }
a:focus { color:#1c7a99; text-decoration:underline; }
a:hover { color:#1c7a99; text-decoration:none; }
a:active { color:#1c7a99; text-decoration:underline; }



p a:hover {
color: #ffcc00;text-decoration:underline;
}

h2 {
  line-height:0.9em;
  color:#1c509b;
  font-size:2em;
  font-weight:normal;
  text-decoration:none;
}

/*-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
	width:10em;
	float:left;
	margin-top:0.6em;
}
#name, #form-email, #url, #location{
	width:42.7em;
	height:20px;
	padding:3px;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:18px;
	background:#fff !important;
}
#comments{
	width:43.8em;
	height:10em;
	padding:3px;
	border:2px solid #666;
	margin-bottom:18px;
	overflow:auto;
	background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, 
#form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus, #submitsuche{
	border:1px solid #000;
	padding:2px;
}
#submit{
	clear:both;
	padding:1px;
	border:1px solid #666;
	background:#fff !important;
	cursor:pointer;
	margin-left:5px;
}
#reset{
	clear:both;
	padding:3px;
	border:none;
	background:#f00 !important;
	cursor:pointer;
	float:right;
	color:#fff;
	margin-top:-28px;
}

/*-------------------------------------------------------- */

#wrapper{
  width: 120em;
}

#navTop{
  background-repeat: repeat;
	background-image: url(../images/navTop.png);
  height: 60px;
  line-height: 70px;
}

#navSearch{
  line-height: 50px;
  height: 50px;
  /*background-color: yellow;*/
}

#navSearch1{
  width: 220px;
  float: left;
  font-size: 1.1em;
}

#navSearch2{
  float: left;
  font-size: 1.1em;
}

#navSearch2 a{
  color: #666;
  text-decoration: none;
}

#navSearch3{
  float: right;
  font-size: 1.1em;
}

#header{
  height: 60px;
  background-repeat: repeat;
  color: #fff;
  border-style: solid; 
  border-width: 1px;
  border-color: #c3c3c3;
  margin-bottom: 15px;
}

.flags {
  margin-left: 1120px;
  margin-top: -45px;
}

.header h1{
  color:#666666;
  letter-spacing: 2px;
  margin-left: 40px;
  line-height: 35px;
}

/*linke Navigation*/
/*-------------------------------------------------------- */
ul#navLeft {
  padding-left: 0px;
  float: left;
  margin: 0px;
  margin-right: 0.5%;
  width: 14%;
  /*background-color: green;*/
}

ul#navLeft li {
  font-size: 1.1em;
  list-style: none;
}
  
ul#navLeft a, ul#navLeft span, ul#navLeft h2 {
  display:block;                       
  width: 100%;                         
  text-decoration: none;
  text-indent: 3px;               
  margin-top: 1px;
  margin-bottom: 1px;  
  padding-top: 3px;
  padding-bottom: 3px;        
  border-left-color: white; border-top-color: white;
  color: black; background-color: #eee;
}

ul#navLeft a:hover, ul#navLeft span {
  border-color: white;
  border-left-color: black; border-top-color: black;
  color: white; background-color: gray;
}

ul#navLeft h2 {
  font-size: 1.2em;
  margin-top: 1px;
  margin-bottom: 1px;  
  padding-top: 5px;
  padding-bottom: 5px;
  text-indent: 3px;
  border-color: gray;
  color: black; background-color: #ccc;
}
/*-------------------------------------------------------- */
#navRight{
  float: right;
  margin-left: 0.5%;
  width: 18%;
}

.greybox{
  padding: 7px;
  border: solid 1px #c3c3c3;
}

.spacer{
  margin-top: 10px;
}

#content{
  float: left;
  padding: 7px;
  width: 65%;
  height: 100%;
}


.msg {
  margin: 10px;
}

#msgbox_left{
  width: 49%;
  height: 250px;
  float: left;
  background-color: #e3e3e3;
  margin-bottom: 10px;
}

#msgbox_right{
  width: 49%;
  height: 200px;
  float: right;
  background-color: #e3e3e3;
  margin-bottom: 10px;
}

/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer {
  height: 40px;
  width: 100%;
  float: left;
  background: #1c7a99 url(../images/footer.png) no-repeat top left;
  margin-top: 2px;
  text-align: center;
  padding-top: 10px;
  color: #fff;
}

#footer li{
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  font-size:1.2em;
}

#footer li a{
  color: #fff;
}

#footer li a:hover{
  color: #ffcc00;
}


/*GALLERIE
-------------------------------------------------------- */
#gallerie {
  float: right;
  width: 330px;
  margin: 5px;
  text-align: center;
  border-color: #666;
  border-width: 1px;
  border-style: solid;
}

#gallerie a {
  text-decoration: none;
}

#gallerie img {
  
}

/*GRUPPENANSICHT
-------------------------------------------------------- */
#gruppe {
  width: 100%;
  border-color: #666;
  border-width: 0px;
  border-style: solid;
}

#gruppe #artikelliste {
  margin: 2px;
  background-color: #777;
  border-color: #666;
  border-width: 0px;
  border-style: solid;
  float: left;
}

#gruppe #artikelliste thead{
  background-color: #BBB;
}

#gruppe #artikelliste tbody{
  background-color: #FFF;
}

#gruppe .gruppenliste {
  font-weight: bold;
  float: left;
  width: 18%;
  height: 150px;
  margin: 0.8%;
  float:left;
  text-align: center;
  border-color: #666;
  border-width: 1px;
  border-style: solid;
}

#gruppe .gruppenliste .box{
  margin: 5px;
}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 0px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}