@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* ### ALLGEMEINES ### */

body{
background-color: #f9f9f9;
}

a:link {
	color: #920807;
	text-decoration: underline;
}

a:visited {
	color: #920807;
	text-decoration: underline;
}

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

a:active {
	color: #ff0000;
	text-decoration: underline;
}

a:focus {
	color: #ff0000;
	text-decoration: underline;
	font-size: 10px;
}

td{
	padding: 10px;
}

th{
	font-weight:bold;
	background-color:#920807;
	/*border-collapse:collapse;*/
	color: #fff;
	text-align: center;
}

.footer a:link {
	color: #fff;
	text-decoration: underline;
}

.footer a:visited {
	color: #fff;
	text-decoration: underline;
}

.footer a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.footer a:active {
	color: #ff0000;
	text-decoration: underline;
}

.footer a:focus {
	color: #ff0000;
	text-decoration: underline;
}

/* Formular Formatierung */

/* Browser Reset */
 input:invalid {
   box-shadow:none;
 }
 /* ersetzt Asterisk */
 input:required + label::after {
   content:" *";
   color:#f00;
 }
 /* nicht oder falsch ausgefuellte Felder rot markieren */
 input:focus:invalid {
   border-color:#f00;
 }
 /* richtig ausgefuellte Felder gruen markieren */
 input:required:focus:valid {
   border-color:#0c0;
 }
 /* Buttons mit grauem Gradient und runden Ecken */
 button {
   background:-moz-linear-gradient(top,#fff,#ccc);
   background:-webkit-linear-gradient(top,#fff,#ccc);
   background:-ms-linear-gradient(top,#fff,#ccc);
   background:-o-linear-gradient(top,#fff,#ccc);
   background:linear-gradient(top,#fff,#ccc);
   padding: 10px 20px;
 }
 /* Submit-Buttons mit rotem Verlauf 
 button[type="submit"] {
	color: #fff;
   background:-moz-linear-gradient(top,#0920000,#920807);
   background:-webkit-linear-gradient(top,#920000,#920807);
   background:-ms-linear-gradient(top,#920000,#920807);
   background:-o-linear-gradient(top,#920000,#920807);
   background:linear-gradient(top,#920000,#920807);
   padding: 10px 20px;
 } 
*/
 
 /*
input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #787878; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }
*/

li {
	list-style-image: url(../img/li.png);
	list-style-position: inside;
}

/* ### Site Formatting ### */

#laix_logo{
	-webkit-transition: -webkit-transform 0.5s;
	width: 204px;
	height: 77px;
}

#laix_logo:hover {
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transform:scale(1.10,1.10);
 	-webkit-transform:scale(1.10,1.10);
 	-o-transform:scale(1.10,1.10);
 	transform:scale(1.10,1.10);
}

#top-button {
 	position: fixed;
	width: 40px;
	height: 39px;
	bottom: 0;
 	right: 10px;
}

#header_index {

}

.logo_header {
	margin: 20px 0 20px 30px;
}

#content_index {
	margin-top: 20px;
}

.footer{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 70px;
	background-color: #787878;
	background-image: url(../img/footer_gradient.png);
	background-repeat:repeat-x;
	min-height:200px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
}

.seperator {
	background-image: url(../img/seperator.png);
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: top right;
}

.20top {
	margin-top: 200px; 
}

.rounded {
/*border:1px solid;*/
min-height: 130px;
padding: 10px;
border-radius:5px;
border-color: #ccc;
-moz-border-radius:5px; /* Old Firefox */
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.lightbg {
background-color: #fff;
}

/* ### MENÜ ### */

#menu_bg {
	background: #484949;
	background-image: url(../img/grey_slice_bg3.png);
	background-repeat:repeat-x;
	min-height:59px;
}

#menu {
	width: 940px;
	height: 50px;
	min-height:59px;
	margin: 0 auto;
	font-family: 'Droid Sans', sans-serif;
	background-image: url(../img/menu_bg_end.png);
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
	z-index: 99999;
}

#menu a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;	
}

#menu .inhalt {
	width: 940px;
	margin: 0 auto;
}


#menu .inhalt ul li ul li a {
	color: #000;
}

#menu .inhalt ul {
	position: absolute;
	margin: 0 auto;
	list-style: none;
}

#menu .inhalt ul li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	list-style: none;
}

#menu .inhalt>ul>li:hover {
	height: 50px;
	background: #920807;
}

#menu .inhalt ul li img {
	float: left;
	width: 16px;
	height: 16px;
	margin: 11px 5px ;
	padding: 6px;
	background: #000;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#menu .inhalt ul li ul {
	top: -9999px;
	min-width: 200px;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	background: linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
	padding: 0;
	margin: 0 0 0 -10px;
	box-shadow: 0 1px 5px #aaa;
}

#menu .inhalt ul li:hover ul {
	top: 50px;
}

#menu .inhalt ul ul li {
	float: none;
	font-size: 14px;
	padding: 10px 20px;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #ddd;
	line-height: 20px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#menu .inhalt ul ul li:hover {
	background: #333;
	color: #fff;
}

#menu .inhalt ul ul li a {
	display: block;
}

#menu .inhalt ul ul li a:hover {
	color: #fff;
}

#menu li ul li ul {
	position: absolute;
	left: -9999px;
}

#menu .inhalt ul ul li:hover ul {
	left: 100%;
	top: auto;
	margin-top: -20px;
}

/* Back to top */

#back-top{
    position: fixed;
	width: 40px;
	height: 40px;
	bottom: 20px;
 	right: 20px;
	display: block;
    float: right;

    padding: 20px 10px 0 10px;
    opacity:0.4;
    border-style:solid;
    border-width:0px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow:2px 2px  #000, inset 1px 0px #000;
    -webkit-box-shadow:2px 2px  #000, inset 1px 0px #000;
    box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.2);
    background: #000000;  
	text-align: center;	
}

#back-image{
    display: inline;

}