@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	height: auto;
}
body {
	background-image: url(bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica;
	font-size: 14px;
}
#wrapper {
	width:950px;
	margin:0 auto;
	min-height:400px;
	background-color:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-top:90px;
}
#logo {
	width:230px;
	height:163px;
	margin-left:-190px;
	margin-top:-90px;
	position:absolute;
}
#inhalt {
	color:#575756;
	width:894px;
	padding:25px;
	border-left:#0b0101 solid 3px;
	border-right:#0b0101 solid 3px;
}
#inhalt a {
	text-decoration:none;
	color:#B6262A;
}
#inhalt h1 {
	color:#B6262A;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
	margin-top:10px;
}
#inhalt h2 {
	color:#B6262A;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
	margin-top:10px;
}
#inhalt li {
	list-style-image:url(punkt.png);
	margin-left:-10px;
}
#footer {
	background-color:#0b0101;
	width:930px;
	height:45px;
	margin:0 auto;
	color:#FFF;
	padding:10px;
	font-size:10px;
}
#menu_div {
	height:50px;
	background-image:url(menu.bg.jpg);
	width:950px;
}
#slider {
	width:950px;
	height:318px;
	margin-top:0px;
	margin-left:0px;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#slider li{
	margin:0;
	padding:0;
	width:950px;
	height:318px;
	overflow:hidden;
}


.menu {width:950px; height:50px; position:relative; z-index:100; background-image:url(menu.bg.jpg); text-transform:uppercase; font-size:16px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:158px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:158px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#fff; width:158px; height:50px; padding-left:0px; line-height:50px; text-align:center;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ff0000 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ff0000 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#ff0000 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:50px;left:0; width:158px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background-image:url(sub_top.png); color:#FFF; height:50px; line-height:50px; padding:5px 10px; width:158px;}
/* style the top level hover */
.menu ul ul :hover > a {
	color:#FFF;
	background-image:url(sub_bg.png);
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}


.menu .top_menu a:hover{
	width:158px;
	height:50px;
	color:#fff;
	background-image:url(menu_hover_bg.jpg);
}
.menu .current a{
	width:158px;
	height:50px;
	color:#fff;
	background-image:url(menu_hover_bg.jpg);	

}
.menu .child a {
	background-image:url(sub_top.png);
	width:138px;
	height:50px;
}
.menu .child a:hover {
	background-image:url(sub_bg.png);
	width:138px;
	height:50px;
}
#flags {
	position:absolute;
	margin-left:883px;
	margin-top:348px;
}
#flags ul li {
	display:inline;
}
#flags li {
	margin-left:5px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
#sozial {
	position:absolute;
	margin-left:865px;
}
#menu_mobile {
	display:none;
}
#boxen_startseite {
	width: 200px;
	float: left;
	margin-left: 20px;
}
.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#kontakt_mobil {
	display:none;
}
/*
@media (max-width: 1024px) {
	#kontakt_pc {
		display:none;
	}
	#kontakt_mobil {
		display:block;
		line-height:30px;
	}
	#kontakt_mobil input, textarea {
		max-width:95%;
	}
	#wrapper {
		max-width:95%;
		margin:0 auto;
		min-height:400px;
		background-color:#FFF;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		margin-top:2px;
	}
	#boxen_startseite {
		width:90%;
		float:none;
		margin:0;
	}
	#menu_div {
		height:50px;
		max-width:100%;
		line-height:50px;
	}
	.menu {
		display:none;
	}
	#menu_mobile {
		display:block;
		max-width:95%;
		text-align:center;
	}
	#menu_mobile select {
		width:100%;
		height:30px;
	}
	#logo {
		margin-left:0px;
		margin-top:90px;
		position:absolute;
	}
	#slider {
		max-width:100%;
		margin-top:0px;
		margin-left:0px;
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden;
	}
	#slider li{
		margin:0;
		padding:0;
		max-width:100%;
		overflow:hidden;
	}
	#inhalt {
		max-width:100%;
		padding:3px;
		border:0;
	}
	#footer {
		width:95%;
		min-height:55px;
		margin:0 auto;
		padding:3px;
		background-image:none;
	}
	#sozial {
		display:none;
	}
}
*/