/**
 * @author      Stefan Teuber
 * @package     Joomla!
 * @subpackage  Auktionshaus Schwerin website
 * @link        http://auktionshaus-schwerin.de
 * @email       it@autionshaus-schwerin.de
 * @copyright   Stefan Teuber
 *
 * AuktionshausSchwerinTemplate
 * Copyright (C) 2015 Stefan Teuber
 *
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/


*{
	margin: 0px;
	padding: 0px;
}

html, body{
  background: #CCC;
  height: 1050px;
}

/* ************************** TYPO ****************************
*****************************************************************/

 body{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #CCC;
	background-color: #CCC;
	min-width: 500px;
	align-items:center;
}

.left_bg {
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
	position: fixed;
	width: 386px;
	height: 1200px;
	top: 0px;
	left: 0px;
	opacity:0.6;
}
.right_bg {
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	position: fixed;
	width: 308px;
	height: 1200px;
	top: 0px;
	right: 0px;
	opacity:0.6;
}

p{
	margin-top: 20px;
}


	


/* ************************** LAYOUT ****************************
*****************************************************************/

#wrapper{
  width: 1050px;
  min-height: 1050px;
  height:auto !important;
  height:1050px;
  overflow: hidden !important; /* FF Scroll-leiste */ 
  margin-left:auto;
  margin-right:auto;
  align-self:center;
}

header{
	width: 100%;
	min-width: 800px;
	border: 1px solid #EEE;
	height: 150px;
  	color:#EEE;
	background-color: #223;
	opacity: 0.95;
	position: static;
	margin-top:10px;
	text-align:center;
}

#allertposition{
	width: 100%;
	min-width: 800px;
	border: 1px solid #FFF;
	background-color: #223;
	opacity: 0.95;
	position: relative;
	margin-top:5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	color:#F5F5F5;
  
}

#navigationsleiste{
	width: 100%;
	min-width: 800px;
	border: 1px solid #FFF;
	/*height: 25px;*/
	background-color: #223;
	opacity: 0.95;
	position: relative;
	margin-top:5px;
	align-content:center;
}

#contentwrapper{
	width: 100%;
	min-width: 800px;
	background-color: #EEE;
	border: 1px solid #FFF;
	position: relative;
	top: 10px;
	min-height: 200px;
	opacity: 0.95;	
}


#content{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #222;
	width: 95%;
	margin-left: 1%;
	margin-top:10px;
	margin-bottom:10px;
	height: auto;
	text-align: left;
	border: 1px solid #223;
	/*opacity: 1.5;*/
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	font-weight:500;
	padding-left:10px;
	padding-right:20px;
}

footer{
	width: 100%;
	height: 40px;
	min-width: 800px;
	border: 1px solid #EEE;
	background-color: #223;
    color: #CCC;
	opacity: 0.95;
	position:relative;
	top:15px;
	text-align:center;
	margin-top:10px;
	margin-bottom: 20px;
}

footer a{
    color: #CCC;
}
	

/* ************************** NAVIGATION ************************
*****************************************************************/

#moduletable_menu {
}

.nav ul{ 
}

.nav li {		
	text-align:center;
	display: inline-block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color:#FFF;
	line-height: 20px;
	/*border: ridge 1px #FFF;*/
	/*width: 10em;*/
	vertical-align:middle;
	top:5px;
	margin-left:3px;
	margin-right:3px;
	webkit-transition: all 900ms ease-in;
	-moz-transition: all 900ms ease-in;
	-ms-transition: all 900ms ease-in;
	-o-transition: all 900ms ease-in;
	transition: all 900ms ease-in;
	padding-left:5px;
	padding-right:5px;
}



.nav li a{
	text-align:center;
	display: inline-block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color:#FFF;
	line-height: 20px;
	/*border: ridge 1px #FFF;*/
	/*width: 10em;*/
	vertical-align:middle;
	top:5px;
	margin-left:3px;
	margin-right:3px;
	webkit-transition: all 900ms ease-in;
	-moz-transition: all 900ms ease-in;
	-ms-transition: all 900ms ease-in;
	-o-transition: all 900ms ease-in;
	transition: all 900ms ease-in;
	padding-left:5px;
	padding-right:5px;
}


.nav li a:hover{		
	text-align:center;
	display: inline-block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color:#222;
	background-color:#FFF;
	line-height: 20px;
	/*border: ridge 1px #222;*/
	/*width: 10em;*/
	vertical-align:middle;
	top:5px;
	margin-left:3px;
	margin-right:3px;
	webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
	padding-left:5px;
	padding-right:5px;
}


/*:::::::::::::::::::Formatierung:::::::::::::::::::*/

li{
	margin-left:30px;
  	color:#223;
	}
	
a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
	color:#223;
	}