@charset "UTF-8";

/* //////////// */
/* Website Stampfli Reinigungen AG - www.stampfliag.ch */
/* by Blitz & Donner - GES - Juni 2010 */
/* //////////// */


/* /////////////////////// ALLGEMEIN /////////////////////// */
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	background-color:#0f1c44;
}

img{
	border: none;	
}
a{
	text-decoration: none;	
}

#container{
	
	position:absolute;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	height: 100%;
}

#topline{
	width:100%;
	height:15px;
	z-index:60;
	position:absolute;
	background-image:url(blue_topline.png);
	background-repeat:repeat-x;	
}

#metanavi{
	position:absolute;
	left:809px;
	width:200px;
	z-index:49;
}

/* ------- */

#inhalt_overlay{
	z-index:50;
	position:absolute;
	width: 100%;
	height: 980px;
	background-image:url(bg_inhalt.png);
	background-repeat:repeat;
	top: 0px;
}

#inhalt_container{
	margin-top:85px;
	margin-left:114px;
	width:950px;
}
#inhalt_container div.col{
	float:left;
	widht: 250px;
	margin-right: 60px;
}

#inhalt_container a.box{
	vertical-align:middle;
	display:block;
	width: 250px;
	margin-bottom: 13px;
	background-image:url(bg_inhalt_box.jpg);
	background-repeat:repeat-x;
	background-color:#444343;
	font-weight:bold;
	line-height:17px;
	text-decoration: none;
	color: #ffffff;
}
#inhalt_container div.box{
	display:block;
	width: 250px;
	margin-bottom: 13px;
	background-image:url(bg_inhalt_box.jpg);
	background-repeat:repeat-x;
	background-color:#444343;
	font-weight:bold;
	line-height:17px;
	text-decoration: none;
	color: #ffffff;
}
#inhalt_container div.boxcontent{
	padding:10px;
}
#inhalt_container div.boxcontent a{
	color: #ffffff;
	text-decoration:none;
}

#inhalt_container img{
	margin-right:19px;
}
#button_inhalte{
	z-index:55;
	position: absolute;
	left:30px;
	top:0px;
	text-align:center;
	cursor:pointer;
}

/* ------- */

#logo{
	z-index:0;
	position:fixed;
	bottom:50px;
	right:50px;
}

#slider_left{
	z-index:9;
	position: absolute;
	left:0px;
	top:70%;
	/* width: 560px; */
	width: 360px;
}

#button_slider_left{
	cursor: pointer;
	float:right;
	width: 30px;
}

#slider_left_content{
	padding: 15px;
	float:left;
	height: 78px;
	background-image:url(bg_leftslider.png);
	/* width:500px; */
	width:300px;
	text-align: right;
}


#page_right{
	z-index:8;
	position: absolute;
	right:0px;
	top:40%;
}
#page_left{
	z-index:8;
	position: absolute;
	left:0px;
	top:40%;
}


/* /////////////////////// ADMIN /////////////////////// */
#slider_login{
	z-index:59;
	position: absolute;
	top:0px;
	right:20px;
	width: 350px;
	height:50px;
	background-image:url(bg_inhalt.png);
	background-repeat:repeat;
}

#button_slider_login{
	cursor: pointer;
	z-index:100;
	position: absolute;
	top:10px;
	right:5px;
	font-size:9px;
}

#slider_login_content{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
}
.loginButton{
	font-size:10px;
	display:inline;
}
.adminButton{
	font-size:10px;
	display:inline;
}
#logoutForm, #previewForm, #loginForm{
	display: inline;
}

/* /////////////////////// HOME /////////////////////// */

#home {
	background-image:url(src/home_bgcolor.jpg);
	background-repeat:repeat;
	padding-bottom:36px;
	z-index:-1;
	height:100%;
	width:100%;
	overflow:auto;
	}
#home .hintergrund{
	position:absolute;
	z-index:0;
	}
#home #title {
	position:absolute;
	top:72px;
	left:130px;
	z-index:6;
	}
#home #intro {
	position:absolute;
	top:120px;
	left:192px;
	z-index:6;
	}

/* /////////////////////// ANGEBOT /////////////////////// */

#angebot{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color:#0f1c44;
	}
#angebot #title {
	position:absolute;
	top:85px;
	width: 540px;
	text-align:right;
	}
#angebot #bubble {
	position:absolute;
	top:138px;
	left:77px;
	
	color:#6e6e6f;
	font-size:13px;
	line-height:18px;
	}
#angebot #bubble #top {
	width:340px;
	height:20px;
	background-image:url(ang_bubble_top.png);
	background-repeat:no-repeat;
	}
#angebot #bubble #middle {
	diplay:block;
	margin-top:-5px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:24px;
	padding-right:46px;
	background-image:url(ang_bubble_middle.png);
	background-repeat:repeat-y;
	width:270px;
	overflow:auto;
	}
#angebot #bubble #bottom {
	width:340px;
	height:11px;
	background-image:url(ang_bubble_bottom.png);
	background-repeat:no-repeat;
	}
#angebot #detailcontainer {
	position:absolute;
	top:190px;
	left:480px;
	height:auto;
	}
#angebot #detailcontainer .Eintrag {
	height:77px;
	width:530px;
	}

#angebot #detailcontainer .bild {
	float:left;
	height:60;
	width:140px;
	}
#angebot #detailcontainer div.s_bubble{
	float:left;
	margin-top:14px;
	}
#angebot #detailcontainer div.s_bubble div.left{
	float:left;
	background-image:url(ang_s_bubble_left.png);
	background-repeat:no-repeat;
	height:39px;
	width:26px;
	}
#angebot #detailcontainer div.s_bubble div.body{
	float:left;
	background-image:url(ang_s_bubble_middle.png);
	background-repeat:repeat-x;
	height:39px;
	width:187px;
	overflow:auto;
	padding-left:5px;
	padding-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:12px;
	color: #000000;
	line-height:30px;
	}
	
#angebot #detailcontainer div.s_bubble div.body input[type=text] {
	margin-top:4px;
	width:160px;
	}
#angebot #detailcontainer input.anordnung{
	margin-right:10px;
}
#angebot #detailcontainer div.editArea {
	float:left;
	padding-left:10px;
	padding-top: 25px;
	}
#angebot #detailcontainer span.message {
	margin-left:10px;
	margin-top:28px;
	color:white;
	font-size: 9px;
	float:left;
	}	
	
#angebot #detailcontainer div.s_bubble div.right{
	float:left;
	background-image:url(ang_s_bubble_right.png);
	background-repeat:no-repeat;
	height:39px;
	width:10px;
	}
	
#angebot #detailcontainer div.s_bubble div.body.highlight{
	background-image:url(ang_s_bubble_middle_highlight.png);
	background-repeat:repeat-x;
}
#angebot #detailcontainer div.s_bubble div.right.highlight{
	background-image:url(ang_s_bubble_right_highlight.png);
}
#angebot #detailcontainer div.s_bubble div.left.highlight{
	background-image:url(ang_s_bubble_left_highlight.png);
}
/* /////////////////////// DEFAULT /////////////////////// */

#norm_page{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color:#0f1c44;
	}
#norm_page h1{
	color:#02429a;
	font-size:28px;
	line-height:40px;
	}
#norm_page #title {
	position:absolute;
	top:85px;
	left:115px;
	}
#norm_page #bubble {
	position:absolute;
	top:138px;
	left:209px;
	}
#norm_page #bubble #top {
	width:566px;
	height:20px;
	background-image:url(bubble_top.png);
	}
#norm_page #bubble #middle {
	diplay:block;
	padding-top:12px;
	padding-left:36px;
	padding-right:28px;
	padding-bottom:10px;
	background-image:url(bubble_body.png);
	background-repeat:repeat-y;
	width:508px;
	color:#6e6e6f;
	font-size:13px;
	line-height:18px;
	overflow:hidden;
	}
#norm_page #bubble #bottom {
	width:566px;
	height:11px;
	background-image:url(bubble_bottom.png);
	margin-bottom: 50px;
	}
	
#norm_page a{
	color:#02429a;
	text-decoration:none;
}
#content #bubble #middle p sup {
	line-height: 11px;
}	
#content strong {
	font-size:24px;
	color:#02429a;
	/*
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	*/
}


/* /////////////////////// EDITOR /////////////////////// */

#editform label{
	display: inline-block;
	width: 20px;
	font-size: 10px;
	}
#editform h1{
	color:#02429a;
	font-size:14px;
	line-height:20px;
}

#editform input[type=text] {
	width:250px;
	margin-bottom: 5px;
	}
#editform textarea {
	width:100%;
	}
.saveButton{
	color:#093;
	font-weight: bold;
	float:right;
}
.refreshButton{
	color:#093;
	font-weight: bold;
}
.deleteButton{
	color: #900;
	font-weight: bold;
}
.newButton{
	font-weight: bold;
}
.message{
	color: green;
}


.gratisbox_h4  {
	color: #fff;
	font-size: 14px;
	text-align: right;
}

.gratisbox_p {
	color: #fff;
	font-size: 12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: lighter;
	text-align: right;
	line-height: 20px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

#slider_left a {
	color: #fff;
}


/* /////////////////////// UPDATE MANUEL /////////////////////// */
/* Menu auf fuer Explorer */


ul#top_navi {
	margin: 0;
	padding: 0;
	border:none;
	width: 250px;
}

ul#top_navi li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 55px;
	overflow: hidden;
	margin-bottom: 13px;
	background-image:url(bg_inhalt_box.jpg);
	background-repeat:repeat-x;
	background-color:#444343;
	font-weight:bold;
	line-height:17px;
	text-decoration: none;
	color: #ffffff;
}

ul#top_navi img {
	position: relative;
	left: 0;
	top: 0;
}

ul#top_navi p {
	position: relative;
	left: 74px;
	top: -56px;
	width: 170px;
}


/* top menu */
ul#top_navi li a {
	text-align: left;
	text-decoration: none;
	display: block;
	margin: 0;
	
	color:#FFFFFF;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;
	cursor: pointer;

}



ul#top_navi li a.active {
	color:#fff;
}
	
ul#top_navi li a:hover {
	color:#fff;
}