/****************************
styles www.diemausbringts.css
****************************/


/*** general PAGESTRUCTURE  D6DCDE  EAEBED***/
body
	{
	margin: 0px 0px 0px 0px;
	background-color: #ffffff ;
	text-align: center;
	font-size: 11px;
font-family:  Arial, Helvetica, Verdana, Helvetica, sans-serif; 
	line-height:14px;
	color: #1a171b;
}


#shell
	{
	position: relative;
	width: 736px;
	/* centers this div on the page, also, see body definition above */
	margin: 0px auto 0px auto; /*top, right, bottom, left*/
	text-align: left;
background: #ffffff;
	/*
	background: #FFFFFF url(container.gif) repeat-y;
	border-style: solid; border-width: 0px 1px 0px 1px; border-color: #CACBCC;
	 */
	}

#wraper{
padding: 0px;
border:0px;
margin:0px;
}

#header {
padding: 0px;
border:0px;
margin:0px;
background-color:#1a171b;
}

#headerlogo{
padding:0;
margin:0;
}

#bonusbutton{
position:absolute;
top:30px;
right:123px;
}

#subheader{
padding: 0px;
border:0px;
margin:0px;
height:142px;
background: #ffffff url(../pics/ikea_pool_anim.gif) no-repeat left top;
}
/* background: #ffffff url(../pics/maus_kueche_animiert2.gif) no-repeat left top;*/


#mainstage
	{
clear:both;
width:736px;
	padding:0px;
	margin:0px;
	background-color:#f1f1f1;
	border-top:1px solid #ffffff;
	}

a  {color: #2CB9D6; font-weight: normal; text-decoration: none}
a:visited {color: #2CB9D6; font-weight: normal; text-decoration: none}
a:hover { color: #2CB9D6;  font-weight: normal; text-decoration: none}
a:active {color: #2CB9D6; font-weight: normal; text-decoration: none}


.red {
 color: #D1553D !important;
}

/* now blue */
.green {
 color: #92b231;
color: #88b117;
color: #2CB9D6;
 font-weight:bold;
}


#content
	{
margin-top:20px;
margin-left:20px;
}

#content .txt
	{
width:600px;
margin-bottom:20px;
}


#Xsidenav {
width: 235px;
position: absolute;
top:257px;
right:0px;	
background-color:#996600;
}

#sidenav {
float:right;
width: 229px;
background-color:#ffffff;
border-left: 3px solid #ffffff;
color:#8c8f93;
}

#sidenav  #top {
padding-top:185px;
padding-left:5px;
padding-bottom:10px;
background: #ffffff url(../pics/sofa.jpg) no-repeat left top;
color:#FFFFFF;
margin-bottom:3px;

}
#sidenav  #bottom {
margin:0;
}


#footer{
padding: 0px;
border:0px;
margin:0px;
background-color:#1a171b;
border-top:1px solid #ffffff;
padding-top:3px;
padding-bottom:3px;
} 


#subfooter{
padding:15px;
border:0px;
margin:0px;
color:#8c8f93;

} 

#footer a  { color:#ffffff;font-weight:bold; text-decoration:none}
#footer a:visited {color:#ffffff; font-weight:bold; text-decoration: none}
#footer a:hover { color:#ffffff;  font-weight:bold; text-decoration: none}
#footer a:active {color:#ffffff;font-weight:bold; text-decoration: none}


.field{
margin-bottom:2px;
}
.field input, .field textarea{
text-align:left;
width:220px;
border: 1px solid #DBDDDD;
padding:2px;
font-size: 11px;
font-family:  Arial, Helvetica, Verdana, Helvetica, sans-serif; 
}



.errorPanel {
color:#FFFFFF;
background-color: #CA4E0A;
padding:6px;
margin-bottom:8px;
width:440px;
}

.alertPanel{
border:1px dotted #CA4E0A;
color:#CA4E0A;
padding:6px;
margin-bottom:8px;
width:440px;
}

.notePanel{
border:1px dotted #99A6A8;
color:#334;
padding:6px;
margin:8px;
width:440px;
}


.warning{
color:#FFFFFF;
background-color:#D1553D;;
padding:5px;
width:100%;
}

.errorFlag {
color: #CA4E0A;
font-weight: bold;
}