@import "navi.css";




/******************************	
*******************************
*******************************

		CSS + HTML by Fevarus-Design.de	

******************************
******************************
******************************/


/******************************		Globale Definition		*****************************************/


* {
	padding: 0;
	margin:0;
	font-size: 100.01%;
	outline:none;
}
img {
	border: 0;
}

a {
	text-decoration: none;
	color: #f1f1f1;
	font-weight:bold;
	font-size:11px;
}
a:hover {
text-decoration:underline;
}
body {
	background:#1f1f1f url("images/body-bg.jpg") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4459ae;
	text-align:center;
	height:101%;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #c1dbda;
	}

h1 {
	font-size: 1.6em;
	}

h2 {
	font-size: 1.5em;
	}

h3 {
	font-size: 1.3em;
	}
li{
	list-style:none;
}
.no-border-right{
	border-right:none!important;
}


/******************************		Wrapper		*****************************************/

#wrapper {
	 text-align:left;
	 width:910px;
	 margin:0 auto;
	 position:relative;
}
#top-navigation {
		margin:0px auto 5px auto;
		float:left;
		width:820px;
}

#top-navigation li a{
		height:30px;
		width:130px;
		background-color:#c1dbda;
		border:1px solid #2d2d2d;
		border-top:2px solid #9eb8b7;
		border-right:none;
		font-weight:bold;
		color:#3e4696;
		padding:2px 0 0 3px;
		-moz-border-radius-bottomleft : 3px;
		-webkit-border-bottom-left-radius : 3px;
		-moz-border-radius-bottomright : 3px;
		-webkit-border-bottom-right-radius : 3px;
		float:left;
		text-align:center;
}
#top-navigation-last{
		border-right:1px solid #2d2d2d!important;
}
#top-navigation a{
	line-height:30px;
	color:#8495ba;
	padding:23px 5px 7px 5px;
}
#top-navigation li a:hover{
	background-color:#5a5a5a!important;
	text-decoration:none!important;
	color:#d9dadc;
}




/******************************		Header		*****************************************/
#header {
	clear:both;
	height:121px;
	
}
#header #logo-text{
	float:left;
	padding-right:10px;
}
#header #logo-text a{
	color:#c1dbda;
	display:block;
	margin-left:12px;
	font-size:19px;
}
#header #logo-text a:hover{
	text-decoration:none;
}
#header #logo-text a span{
	text-transform:uppercase;
	font-size:66px;
	margin:18px 0 -14px -5px;
	display:block;
}
#header #logo{
	width:110px;
	height:118px;
	background:url("images/logo.gif") no-repeat;
	display:block;
	float:left;
	margin:8px 0 0px 0px;
}
#header #top-2-navigation{
	float:right;
	margin:15px 15px 0 0px;
	border-bottom:1px solid #758584;
}
#login{
	margin:8px 15px 0 0px;
	float:right;
	width:600px;
	text-align:right;
	height:33px;
	
}
.loginUserInput, .loginPassInput  {
  width: 82px;
  height: 16px;
  background: url('images/loginUser.png') top left no-repeat;  
  border:none;
  padding-left: 18px;
  padding-top: 2px;
  font-size: 11px;
  font-family: Verdana, Tahoma, "Times New Roman";
  color:#787878;  
  font-weight:bold; 
  margin-right:4px;	  
}
.loginPassInput {
  background: url('images/loginPass.png') top left no-repeat;  
}
.login-btn{
	background:#232736; 
	height:18px;
	border:1px solid #060606;
	padding:0px 5px 0px 5px;
	color:#dddddd;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Tahoma, "Times New Roman";
}
#livestream-cr-song{
	float:right;
	margin:32px 15px 0 0;
	color:#00CCFF;
}
#cr-logo{
	background:url("images/cordless.gif") no-repeat;
	height:80px;
	width:180px;
	position:absolute;
	top:65px;
	right:310px;
}
* html #cr-logo{
	right:360px;
}
#livestream-cr-song a{
	margin:0 12px 0 3px;
}
.login-btn:hover{
	cursor:pointer;
	color:#ffffff;
}
#header #top-2-navigation ul{
	margin:0px 15px 0 0px;
}
#header #top-2-navigation li{
	float:left;
	margin:5px 5px 0px 5px;
}
#header #top-2-navigation li a:hover{
	text-decoration:none;
	background-color:#2e75a6;
	padding:2px 7px 0px 7px;
}
#header #top-2-navigation li a{
	padding:2px 7px;
	font-weight:bold!important;
}



ul#top-4-navigation{
	margin:20px 0 0px 0;
}
#top-4-navigation li{
	width:215px;
	padding-left:10px;
	height:14px;
	float:left;
}

#top-1-navigation li{
	width:215px;
	padding-left:10px;
	height:14px;
	float:left;
}

#top-4-navigation li a{
	background:url("images/list-style.jpg") no-repeat right ;
	padding-right:10px;
}
.down-top-4-menue{
	margin-top:14px;
	float:left;
}
.down-top-1-menue{
	margin-top:14px;
	float:left;
}

.down-top-4-menue li{
	width:223px;
	height:316px;
	float:left;
	border:1px solid #2d2d2d;
	-moz-border-radius-topleft : 3px;
	-webkit-border-top-left-radius : 3px;
	-moz-border-radius-topright : 3px;
	-webkit-border-top-right-radius : 3px;
	-moz-border-radius-bottomleft : 3px;
	-webkit-border-bottom-left-radius : 3px;
	-moz-border-radius-bottomright : 3px;
	-webkit-border-bottom-right-radius : 3px;
}
.down-top-1-menue li{
	width:899px;
	height:316px;
	float:left;
	border:1px solid #2d2d2d;
	-moz-border-radius-topleft : 3px;
	-webkit-border-top-left-radius : 3px;
	-moz-border-radius-topright : 3px;
	-webkit-border-top-right-radius : 3px;
	-moz-border-radius-bottomleft : 3px;
	-webkit-border-bottom-left-radius : 3px;
	-moz-border-radius-bottomright : 3px;
	-webkit-border-bottom-right-radius : 3px;
}

.down-top-4-menue p{
	font-size:10px;
	font: 11px/12px Arial, Helvetica, sans-serif;
	padding:10px 5px;
	height:52px;
	color:#0a0a0a;
}
.read-moore-link{
	float:right;
	color:#1d211d;
	background:url("images/arrow.jpg") no-repeat center right;
	height:16px;
	width:70px;
	padding-right:30px;
	margin-right:10px;
}
/******************************		bilders		*****************************************/
.home{
	background:url("images/Bull-Premium_flash.jpg") repeat-x;
}
.privat-umzug{
	background:url("images/Bull-Premium_13.jpg") repeat-x;
}
.senioren-umzug{
	background:url("images/Bull-Premium_16.jpg") repeat-x;
}
.transport{
	background:url("images/Bull-Premium_18.jpg") repeat-x;
}
.wohnungsaufloesung{
	background:url("images/Bull-Premium_20.jpg") repeat-x;
}

.malerarbeiten{
	background:url("images/Bull-Premium_13.jpg") repeat-x;
}
.tapezieren{
	background:url("images/tapezieren.jpg") repeat-x;
}
.bodenbelagsarbeiten{
	background:url("images/Bull-Premium_3.jpg") repeat-x;
}
.fliesenarbeiten{
	background:url("images/Bull-Premium_4.jpg") repeat-x;
}

.gartenarbeit{
	background:url("images/Bull-Premium_5.jpg") repeat-x;
}
.landschaftsgestaltung{
	background:url("images/Bull-Premium_6.jpg") repeat-x;
}
.winterdienst{
	background:url("images/Bull-Premium_7.jpg") repeat-x;
}
.platzhalter{
	background:url("images/Bull-Premium_8.jpg") repeat-x;
}

.3D-visuals{
	background:url("images/Bull-Premium_9.jpg") repeat-x;
}
.IT-Service{
	background:url("images/Bull-Premium_10.jpg") repeat-x;
}
.webdesign{
	background:url("images/Bull-Premium_11.jpg") repeat-x;
}
.beklebung{
	background:url("images/Bull-Premium_12.jpg") repeat-x;
}


.kinder{
	background:url("images/Bull-Premium_13.jpg") repeat-x;
}
.rentner{
	background:url("images/Bull-Premium_14.jpg") repeat-x;
}
.projekte{
	background:url("images/Bull-Premium_15.jpg") repeat-x;
}
.strafer{
	background:url("images/Bull-Premium_16.jpg") repeat-x;
}


.party{
	background:url("images/Bull-Premium_17.jpg") repeat-x;
}
.grillen{
	background:url("images/Bull-Premium_18.jpg") repeat-x;
}
.urlaub{
	background:url("images/Bull-Premium_19.jpg") repeat-x;
}
.weltweit{
	background:url("images/Bull-Premium_20.jpg") repeat-x;
}




#umzugs-bild, #gartenarbeit-bild, #senioren-bild, #platzhalter-bild, #landschaft-bild, #winterdienst-bild, #fliesen-bild, #bodenbelag-bild, #transport-bild, #transport-bild2, #tapezieren-bild, #wohnungsaufloesung-bild, #malerarbeiten-bild{
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
/****************************	Bilder Transport  ****************************/
#home-bild{
	background:url("images/Bull-Premium_03.jpg") no-repeat;
}
#umzugs-bild{
	background:url("images/Bull-Premium_03.jpg") no-repeat;
}
#senioren-bild{
	background:url("images/Bull-Premium_05.jpg") no-repeat;
}
#transport-bild{
	background:url("images/Bull-Premium_07.jpg") no-repeat;
}
#transport-bild2{
	background:url("images/23423.jpg") no-repeat;
}

/****************************	Bilder Malerarbeiten   ****************************/
#wohnungsaufloesung-bild{
	background:url("images/Bull-Premium_09.jpg") no-repeat;
}
#malerarbeiten-bild{
	background:url("images/Bull-Premium_01.jpg") no-repeat;
}
#tapezieren-bild{
	background:url("images/tapezieren.jpg") no-repeat;
}
#bodenbelag-bild{
	background:url("images/bodenbelag.jpg") no-repeat;
}
#fliesen-bild{
	background:url("images/fliesen.jpg") no-repeat;
}

/****************************	Bilder Gartenbau   ****************************/
#gartenarbeit-bild{
	background:url("images/gartenarbeit.jpg") no-repeat;
}
#landschaft-bild{
	background:url("images/landschaft.jpg") no-repeat;
}
#winterdienst-bild{
	background:url("images/winterdienst.jpg") no-repeat;
}
#platzhalter-bild{
	background:url("images/platzhalter.jpg") no-repeat;
}

/****************************	Bilder IT Service   ****************************/
#3d{
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}


#3d{
	background:url("images/3d.jpg") no-repeat;
}
#it-bild{
	background:url("images/it.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#webdesign-bild{
	background:url("images/webdesign.jpg") no-repeat;
}
#beklebung-bild{
	background:url("images/beklebung.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#transport-bild3{
	background:url("images/3d.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}

/****************************	Bilder soziales   ****************************/
#kinder-bild{
	background:url("images/kinder.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#rentner-bild{
	background:url("images/rentner.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#projekt-bild{
	background:url("images/projekt.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#strafer-bild{
	background:url("images/strafer.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
/****************************	Bilder events/partner   ****************************/
#veranstaltungen-bild{
	background:url("images/veranstaltungen.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#messe-bild{
	background:url("images/messe.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#mitarbeiter-bild{
	background:url("images/mitarbeiter.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}
#partner-bild{
	background:url("images/partner.jpg") no-repeat;
	width:223px;
	height:217px;
	display:block;
	margin-top:3px;
}

/****************************	Farb classen   ****************************/
.gruen{
	color:#288f62;
	
}
.hell-blau{
	color:#317976;
}
.blau{
	color:#367aa3;
}
.lila{
	color:#424b9f;
}

/**************************		CONTENT ********************************/
#content{
	margin:30px 0 0 0;
	float:left;
	line-height:16px;
}
#content a {
	color: #f2871d;
}
#content h1{
	color:#c1dbda;
	border-bottom:1px solid #000000;
	padding:5px 15px 5px 0;
	margin-bottom:13px;
}
#content h3{
	margin:15px 0;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
}
.content-menues li{
	width:266px;
	padding:10px 10px 10px 20px;
	float:left;
	background:#323232;
	border:1px solid #2d2d2d;
	-moz-border-radius-topleft : 3px;
	-webkit-border-top-left-radius : 3px;
	-moz-border-radius-topright : 3px;
	-webkit-border-top-right-radius : 3px;
	-moz-border-radius-bottomleft : 3px;
	-webkit-border-bottom-left-radius : 3px;
	-moz-border-radius-bottomright : 3px;
	-webkit-border-bottom-right-radius : 3px;
	margin-right:4px;
	min-height:250px;
}
#content img {
	border:1px solid #3b427e;
	margin:5px;
}




/**************************		footer ********************************/
#over-footer{
	clear:both;
	text-align:right;
	width:900px;
}
#over-footer a{
	margin:1px 10px 0 0;
	color:#999999!important;
}
#footer{	
	margin:15px;
	float:left;
}
#footer li{	
	margin:1px 0px;
	float:left;
	width:400px;
}
#footer a{	
	padding:0 7px;
	border-right:1px solid #3d4872;
	line-height:1.5em;
}
#footer li a:hover{	
	border-bottom:1px solid #ff0000!important;
	text-decoration:none!important;
}
#footer .footer-links-right{	
	width:480px;
	text-align:right;
}
#footer .footer-links-left{	
	width:320px;
	float:none;
}

#login_ausgabe{
	position:absolute;
	right:380px;
	top:100px;
	font-weight:bold;
	font-size:12px;
	color:#FF0000;
	
}

<!--

/* Tooltip */

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
color:#000000;

border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 320px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}

–>