/*
---------------------------------
sauberlinge.css
Stylesheet Allgemein für http://www.sauberlinge.de
erzeugt am: 06.05.07
update:									 
---------------------------------
*/


/* Style HTML-Elemente */
/*---------------------*/

*{
margin: 0;
padding: 0;
}

body {
font-family: Helvetica,Arial,sans-serif;
font-size:101%;
background: url(../images/bg_body.gif) repeat;
text-align:center;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline;
}


a:link {
color: #333;
font-weight:normal;
}

a:visited {
color: #333;
font-weight:normal;
}

a:hover {
color: #000066;
font-weight:normal;
text-decoration: none;

}

a:active {
color: #333;
font-weight:normal;
}


p {
margin: 10px;
}

h1{
font-size: 1.3em;
font-weight:bold;
line-height:2.5em;
color:#333;
}

h2{
font-size: 1.2em;
font-weight:bold;
line-height:2.5em;
color:#333;
}

h3{
font-size: 1.0em;
font-weight:bold;
line-height:2.5em;
color:#333;
}


ul,li{
margin:0;
padding:0;
list-style-type: square;
}

ul{
padding-left:25px;
margin-top:20px;
}

li{
margin-bottom:5px;
}



img{
border:0;
}

/*Formular Style*/
textarea,input{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
}


.editbox {  border: 1px solid #CBCBCB; padding: 1px; }
.editbox:focus { border: 1px solid #E6E6E6; }
.editbox:hover { border: 1px solid #40A638; }
/*Formular Style Ende*/



/*spezielle IDs*/
/*-----------------*/
#musik{
position:absolute;
margin-left:485px;
top:143px;
z-index:10;
}

#musik_an_aus{
position:absolute;
margin-left:442px;
top:143px;
}


/*-----------------*/




/*spezielle Klassen*/
/*-----------------*/



/*-----------------*/








#box_aussen{
width:980px;
height:auto;
border: 1px solid #FFF;
}

#ThomasLinks, #container, #ThomasRechts{
float: left;
height: 461px;
margin-top: 50px;
padding: 0;
}

#ThomasLinks{
background-color:#FFF;
width: 17%;
background:url(../images/thomas_links.gif) no-repeat;
position:relative;
top:350px;
left:29px;
}

#container {
width: 637px;
height:568px;
padding-bottom:28px;
border: 1px solid #CBCBCB;
}

#ThomasRechts{
background-color: #FFF;
width: 17%;
background:url(../images/thomas_rechts.jpg) no-repeat;
position:relative;
top:350px;
}





/* Head */
/*--------*/

#head_schmuck{
width: 279px;
height: 37px;
margin-left:351px;
top: 15px;
position: absolute;
background: url(../images/autoteil.jpg) no-repeat;
border: 0px solid red;
}

#head{
height: 122px;
background-color: #FFF;
border: 0px solid red;
background:url(../images/sauberlinge_head_bg.gif) repeat-x;
}

#head #logo{
float:right;
}

#head #diesauberlinge{
float: left;
margin-left: 19px;
}


/****** Navigation Horizontal ******/

#navi_head{
float: left;
width: 635px;
height: 30px;
padding: 0;
margin: 0;
font-size: 0.82em;
border: 0px solid red;
}

#navi_head ul{
padding: 6px 0 5px 35px;
margin:0;
border: 0px solid black;
text-align: left;
vertical-align: middle;
}

#navi_head ul li{
display: inline;
padding: 4px 5px;
/*width: 50em;*/
}


.navidesign{
text-decoration: none;
border :1px solid #D5C82C;
background-image: url(../images/navi_bg.jpg);
padding: 3px 5px;
}

.navidesign:link{
color: #000;
font-weight: bold;
cursor:pointer;
}

.navidesign:visited{
color: #000;
font-weight: bold;
cursor:pointer;
}

.navidesign:hover{
color: #000;
font-weight: bold;
cursor:pointer;
background-image: url(../images/navi_bg_hover.jpg);
}

.navidesign:active{
color: #000;
font-weight: bold;
cursor:pointer;
}

/*-------------------*/



/*-----------------------------*/



/* Content Allgemein */
/*-------------------*/
 
#content {
font-size:0.9em;
height:auto;
padding:20px;
}

#content #box_main_title{
background:url(../images/reinigen_pflegen_schuetzen.gif) no-repeat;
border:0px solid red;
height:133px;
width:133px;
float:left;
}


.tooltip{
	position: absolute;
	display: none;
	background-color: #FFF;
	height:220px;
	width:300px;
	z-index:99;
	border:2px solid #3399CC;
	font-size:0.8em;
	text-align:left;
}

.tooltip h1{
padding-left:10px;
background-color:#FEED20;
}



.box_main_title_style{
font-size:1.5em;
border:0px solid red;
line-height:125px;
}


#content #boxrahmen{
border:0px solid red;
margin:4px 0 0 15px;
}

.box{
cursor:pointer;
}

.box, .box_nocursor{
height:133px;
width:133px;
background-color:#FEED20;
border:0px solid black;
float:left;
margin:4px;
}


/*-------------------*/


/* Footer */
/*--------*/
#footer {
margin-top:20px;
padding:30px;
background-color: #FFF;
font-size:0.69em;
clear:both;
width:637px;
}
 
#footer p {
line-height:1.5em;
margin:7px 0;
color:#666;
}

#footer a:link{
color:#666;
}

#footer a:visited{
color:#666;
}

#footer a:hover{
color:#000;
background-color: #FEED20;
}

#footer a:active{
color:#666;
}

/*--------*/