/* StyleSheet fuer 
LicetBovi.com
© LicetBovi 2006
*/
/* Generelles*/

/* hellgrau: #F2F2F2 */


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

img {border:0;}


ul
{
	list-style:disc;
	list-style-position:outside;
	margin-left: 16px;
}

p {
	margin: 10px 0px;
}
a
{
	transition: color 0.5s;
	-moz-transition: color  0.5s; /* Firefox */
	-webkit-transition: color  0.5s; /* Safari and Chrome */
	-o-transition: color  0.5s; /* Opera */
	text-decoration:none;
}
a:link { background-color:transparent;	color:#757575;	}
a:visited {background-color:transparent;	color:#757575;	} 
a:hover{background-color:transparent;	color:#000000;	text-decoration:none;	}
a:active {background-color:transparent;	color:#000000;	text-decoration:none;	}


/*	body
*******************************************************************************/
body {
	
	 font-family:"OpenSansRegular";
	 font-size: 100%;
	font-size: 1.1em;
	padding:0px;
	margin:0px;

	
	 background-color:#F2F2F2; 
	 color:#000000;        
	
}


.newsbull{

		margin-left:-25px;
	margin-top:1px;

		float:left;
}


h1, h2, h3, strong
{
	 font-family:"OpenSansBold";
	 font-weight: 1000;
		background-color:transparent;
		color:#757575;

}

h1
{
	font-size: 2.4rem;
	z-index: 10;
	position: relative;
}

h2
{

	font-size: 1.4rem;
}

h3
{
	font-size: 1.2em;
}



hr
{

	border-color:	#757575;
	
	border-top-style:solid;
	border-top: 1px;
}

ul, li
{
	list-style-image:url('../img/lidisc.gif');
		
}

#container
{
	padding:0px;
	margin:0px;
}




/* Navigations-Leiste*/
#burger
{
	display: none;
}
#navileiste
{
				position:fixed;
		background-color:#757575;

	height:100%;
	width:18%;
					left:0px;
					top:0px;
		
}
	
	#navwrapper
	{
list-style: none;
margin-left: -15px;
	}
	
		#navwrapper li
		{
			display: block;
		}
		
		#navwrapper li:before
		{
			content: url('../img/HM_n.gif');
		}
		
			#navwrapper li.akt_menue:before
			{
				content: url('../img/HM_h.gif');
			}
/* Logo */

#logo	{	background-image:url("../img/logo.png");
	display: block;
	background-repeat:no-repeat;
background-size: contain;
	position:relative;
	max-width:350px;
	width: calc(98% - 20px);
	height: 3.5vw;
	left:15px;
	top:1.6vw;
	z-index:2;
		}
#logo a
{
	display: block;

	max-width:800px;
	width: calc(98% - 20px);
	width: 100%;
	height: 100%;
	
}

#homedummy{
	width:185px;
	height:33px;
	border:none;
}
/* navigation*/

#navigation
{
	
	position:relative;
	display: block;

	top: calc(1.6vw + 10px);

	padding-left:0px;
	bottom:0px;
	background-color:#757575;
	color:#F2F2F2;

}

#navwrapper
{
	font-size:1.1em;
	
}

/* Links */


#navwrapper a
{
	display:inline-block;
	margin:2px 6px;
}
.menue a
{
	transition: color 0.5s;
	-moz-transition: color  0.5s; /* Firefox */
	-webkit-transition: color  0.5s; /* Safari and Chrome */
	-o-transition: color  0.5s; /* Opera */
}

.menue a:link{
background-color:transparent;
	color:#C6C6C6;
		text-decoration:none;

		border-style:none;
		margin-left: 8px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}

.menue a:visited{
background-color:transparent;
	color:#C6C6C6;
		text-decoration:none;

		border-style:none;
			margin-left: 8px;
			transition: color 0.5s;
			-moz-transition: color  0.5s; /* Firefox */
			-webkit-transition: color  0.5s; /* Safari and Chrome */
			-o-transition: color  0.5s; /* Opera */
}


.menue a:hover{
background-color:transparent;
	color:#fff;
		text-decoration:none;

		border-style:none;
			margin-left: 8px;
			transition: color 0.5s;
			-moz-transition: color  0.5s; /* Firefox */
			-webkit-transition: color  0.5s; /* Safari and Chrome */
			-o-transition: color  0.5s; /* Opera */
		
}

.akt_menue a:link{
background-color:transparent;
	color:#fff;
		text-decoration:none;

		border-style:none;
			margin-left: 8px;
			transition: color 0.5s;
			-moz-transition: color  0.5s; /* Firefox */
			-webkit-transition: color  0.5s; /* Safari and Chrome */
			-o-transition: color  0.5s; /* Opera */
		
}

.akt_menue a:visited{
background-color:transparent;
	color:#fff;
		text-decoration:none;

		border-style:none;
			margin-left: 8px;
			transition: color 0.5s;
			-moz-transition: color  0.5s; /* Firefox */
			-webkit-transition: color  0.5s; /* Safari and Chrome */
			-o-transition: color  0.5s; /* Opera */
		
}


.akt_menue a:hover{
background-color:transparent;
	color:#C6C6C6;
		text-decoration:none;
		
		border-style:none;
			margin-left: 8px;
			transition: color 0.5s;
			-moz-transition: color  0.5s; /* Firefox */
			-webkit-transition: color  0.5s; /* Safari and Chrome */
			-o-transition: color  0.5s; /* Opera */
		
}

/* submenue*/
.submenu a:link{
background-color:transparent;
	color:#C6C6C6;
		text-decoration:none;

		
		border-style:none;
		margin-left: 35px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}

.submenu a:visited{
background-color:transparent;
	color:#C6C6C6;
		text-decoration:none;

		
		border-style:none;
		margin-left: 35px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}


.submenu a:hover{
background-color:transparent;
	color:#fff;
		text-decoration:none;

		
		border-style:none;
		margin-left: 35px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}

/* akt_submenu*/
.akt_submenu a:link{
background-color:transparent;
		color:#fff;
		text-decoration:none;

		
		border-style:none;
		margin-left: 35px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}

.akt_submenu a:visited{
background-color:transparent;
		color:#fff;
		text-decoration:none;

		
		border-style:none;
		margin-left: 35px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}


a:hover.akt_submenu{
background-color:transparent;
		color:#C6C6C6;
		text-decoration:none;

		
		border-style:none;
		margin-left: 35px;
		transition: color 0.5s;
		-moz-transition: color  0.5s; /* Firefox */
		-webkit-transition: color  0.5s; /* Safari and Chrome */
		-o-transition: color  0.5s; /* Opera */
		
}

/* XING */

#xing
{
	position:fixed;


	left:15px;
	bottom:30px;
}
/* Mailbutton*/
#mailbutton
{

		position:fixed;
		width:auto;
		height:70px;
		left:40px;
		bottom:5vh;

	
}

#mailbutton a
{
	display: block;
	background:url(../img/MailButton.png) transparent no-repeat;
		height:80px;
		width: 40px;
}
#mailbutton a:hover
{
	background:url(../img/MailButton_r.png) transparent no-repeat;
}
/* Dekoelemenmte*/

.IMG_absatztrenner
{


width: 144px;
height:34px;

border-style: none;
	
}


#headerDiv
{
		background-color:#27354F;
		position:absolute;	
		height:123px;
	width:100px;
	top:-110px;
	left:-70px;


}
#dekoli
{
		position:absolute;	
		top:0px;
	width: 10px;
left:100%;
height:100%;
	 background-color:#C6C6C6;
}

#dekore

{
		position:fixed;
		top:0px;
		bottom:0px;
	width: 100px;
right:0px;

	 background-color:#757575;
}
#dekore_hell

{
		position:absolute;
		top:0px;
		bottom:0px;
	width: 30px;
right:70px;

	 background-color:#C6C6C6;
}
/* Inhaltsblock*/

#main-block{
	padding:0px;
	margin:0px;
	position:relative;
	 color:#000000;
	left: calc(18% + 10px);
	width: calc(100% - 18% - 110px );
	
}

#main-block > h1
{
		padding:0px 10% ;
}
.lb_std_text
	{
			position:relative;
	padding:0px 10% ;
	
max-width:calc(1600px - 10%);
	}
	.headerimg
	{
			position:relative;	
	margin-top:0px;
	z-index:5;
	min-height:80px;
		
		max-width:1600px;
	}

h1.lbhl1
{
	position: absolute;
	top:15px;
	color:rgb(255,255,255);
text-shadow: 2px 2px 2px #121212;
display: block;
font-family: 'OpenSansSemibold';

margin:0px;
padding:0px 4%!important;

font-size: 2.5rem;
}
.imgcont img
{
	width: 100%;
}
.links
{
	text-align: left;
	height: auto;
}

.mitte
{
	text-align: center;

}

.rechts
{
	text-align: right;
}
/* Galerie */


.lbg_container
{
	
	margin-top:40px;
}

.lbg_galerie
{
	
	position:relative;
	
	left:-12px;



}


div.lbg_thumbnail{
	margin:10px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align:middle;

}

div.lbg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{

	margin: 20px 10px; 

}
/* pt=portrait-Format der Thumbs */
div.pt img{

	margin: 10px 20px;

	
}

/*footer schaltet float:left wieder aus */
div#lbg_footer{
	clear: both;
	padding-top: 1em;
}

/* 
Bild-Modul
Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. .pleft , .pright und .pnormal    
.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b definieren die Anzeige der Bilder für den 2. Stil.  z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

/* Bildunterschrift */

.img_caption{
		 color:#464646; 
			font-size: 1.2em;
}

/* ************* Formular-Formatierung ************** */
/* 
REDAXO-Modul: doForm! 3 - 4
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  und 3.x
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch
 
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/
 
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
 
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 0px;
	padding-left: 0px;
}
 
 
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
 
}
 
 
 
.formgen form
{
line-height : 120%;
 
}
 
 
 
 
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
 
 
.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
 
}
 .forminfo 
{
	width:400px;
	margin-bottom: 25px;
	margin-left:0px;
	background-color: transparent;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;

	border: 1px solid #757575;

}
 
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
 
 
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/
 
 
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 200px;
	margin-left: 40px;
	border: 1px solid #6F6F6F;
	background-color: #fff;
		color: #6F6F6F;
		
		transition: background-color 0.5s;
		-moz-transition: background-color  0.5s; /* Firefox */
		-webkit-transition: background-color  0.5s; /* Safari and Chrome */
		-o-transition: background-color  0.5s; /* Opera */
}
 
 
/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 40px;
	margin-bottom:10px;
	padding-bottom: 4px;

	border: 1px solid #6F6F6F;
	background-color: #fff;
	color: #6F6F6F;
	
	transition: background-color 0.5s;
	-moz-transition: background-color  0.5s; /* Firefox */
	-webkit-transition: background-color  0.5s; /* Safari and Chrome */
	-o-transition: background-color  0.5s; /* Opera */
}
 
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #6F6F6F;	
		color: #fff;
		font-weight: bold;
		
}
 
 
 
/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;

	color: #000;
}
 
 
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #fff;
	margin-left: 4px;
	color: #000000;
}
 
 
/* Sende-Button */
.formgen .formsubmit
{
	width: 150px;
	text-align: center;
	font-weight:bold;
	background-color: #757575;
	border: 1px solid #6F6F6F;
	float: left;
	color: #FFFFFF;
}
 
 
 
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #757575;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}
 
/* -------------- AUSGABEN / Fehlermeldungen --------*/
 
 
/* Markierung der Labels bei Fehler */
.formgen .formerror {
 
	border-bottom-width: 1px;
	color: #e90000;
}
 
.formgen .formcaptcha
{
	border: 2px solid #e90000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
 
.formgen .formreq {
	color: #757575;
}
 
.formgen .formheadline {
	color: #e90000;
	background-color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
 
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */