@charset "utf-8";
body {margin: 0 auto; font-family: roboto condensed;}
/*
#logo, #content, img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
}

#logo {
	margin: 0 auto; width: 100%; min-height: 70px; text-align: center;
	border-bottom: 1px solid #006633;
	padding-bottom: 10px;
	background: rgba(200,200,200,0.7);
}
*/


#content { margin: 0 auto; width: 100%; max-width: 1000px; min-height: 100px; font-size: 20px; padding: 10px;
text-align: left; margin-top: 20px;}

a:link {color: #006633; text-decoration: none; padding-left: 0px; font-weight: bold;}
a:visited {color: #555555; text-decoration: none; padding-left: 3px; font-weight: bold;}
a:hover {color: #cc0000; font-weight: bold; padding-left: 0px;}

.img_hover { border: 0px solid #000000; cursor: pointer;}
.img_hover:hover { background: #dddddd; 
border: 3px solid #000000; cursor: pointer;
border-radius: 10px; border-radius: 5px;}
.headline {font-size: 27px; color: #006633; font-weight: bold;}
/* CSS Document */

input[type="text"] {width: 100%; height: 20px;font-size: 16px; font-family: roboto condensed;}
input[type="submit"] {width: 100%; height: 30px; font-size: 18px; font-family: roboto condensed;}
input[type="button"] {width: 100%; height: 30px; }
textarea {width: 100%;font-size: 16px; font-family: roboto condensed;}
input[type="password"] {width: 100%; height: 30px; font-size: 18px; font-family: roboto condensed;}

#user {
	position: absolute; top: 10px; right: 10px;width: 40px;display: none;
}

#user_logout {
	position: absolute; top:50px;right:10px; width: 100px; 
	background:#ffffff; border: 1px solid #aaaaaa; border-radius: 5px; display: none;
	text-align: center;
}
#button_logout {font-weight:normal; }
#button_logout:hover {font-weight:bold; cursor: pointer}


/* animation ------------------------------*/
@-webkit-keyframes profil_ein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes profil_ein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes profil_ein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes profil_ein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}


#firmenprofil {
  -webkit-animation: profil_ein 1s 1; /* Safari 4+ */
  -moz-animation:    profil_ein 1s 1; /* Fx 5+ */
  -o-animation:      profil_ein 1s 1; /* Opera 12+ */
  animation:         profil_ein 1s 1; /* IE 10+, Fx 29+ */	
}

#messeteilnahme {
  -webkit-animation: profil_ein 1s 1; /* Safari 4+ */
  -moz-animation:    profil_ein 1s 1; /* Fx 5+ */
  -o-animation:      profil_ein 1s 1; /* Opera 12+ */
  animation:         profil_ein 1s 1; /* IE 10+, Fx 29+ */	
}

#ranking {
  -webkit-animation: profil_ein 1s 1; /* Safari 4+ */
  -moz-animation:    profil_ein 1s 1; /* Fx 5+ */
  -o-animation:      profil_ein 1s 1; /* Opera 12+ */
  animation:         profil_ein 1s 1; /* IE 10+, Fx 29+ */	
}

/* messe und profil ------------------------------

#firmenprofil {display: none;}
#messeteilnahme {display: none;}

*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 600px;
  border-radius: 20px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#gotop {
position: fixed; left: 10px; top: 10px;background: #ffffff;cursor: pointer; 
border-radius: 50%; display: none; width: 40px; height: 40px; z-index: 11000;	
}