/**********************************************************************
*  alexandra.css(www.alexandraimatelier.de)
*
*  Version : 1.0  08.08.2007
*  Funktion: Fixes Layout für alexandraimatelier Homepage
*
*  Autor: www.ruhrtaler-softwareschmiede.de  
***********************************************************************/

/* Global */
html{margin:0;width:100%;}
body{margin:0;padding:0;height:100%;width:100%}

ul{list-style:none;margin:0;padding:0;}
a{text-decoration:none;} 

/* Seiten-Layout */

/* Grundstruktur */
#container{
	margin:0 auto 0 auto;	
	width:773px;
	height:539px;	
	background:url(../img/bg.jpg) no-repeat 0 0;
	
}
#footer{
	margin:0 auto 0 auto;	
	width:773px;
	height:539px;	
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	
}

* html .thumbview{margin-top:0px;} /* IE6 - Fix */
#content{
	position:relative;
	margin:200px 0 0 5px;
	padding:0 0 0 30px;
	width:415px;
	height:224px;
	overflow:hidden;
	float:left;
}
#left_col{
	position:relative;
	float:left;
	top:93px;left:0;
	height:446px;
	width:485px;	
}
#right_col{	
	position:relative;	
	top:93px;
	float:left;
	height:446px;
	width:288px;	
}


/* Scroll-Text */
#caption{}

#scrolltext_container{positon:fixed;width:100%;height:600px;overflow:hidden;} /*sonst wird im IE6 nicht abgeschnitten, in #right_col und darunter wirkt es nicht*/
#scrolltxt{position:relative;width:100%;height:700px;padding:0;overflow:hidden;}/*sonst scrolled der IE6 nicht */

#scrollbar{
	width:15px;
	margin:401px 0 0 10px;
	border:solid #999 1px;
	float:left;
	
}
#footer{
	height:10px;color:#5e5e5e;
}

* html #scrollbar{margin:401px 0 0 7px;} 
#scrollbar a{width:7px;height:7px;display:block;}
a#btnUp{width:15px;height:17px;background:url(../img/auf_grau.gif) no-repeat center center;border-bottom:solid #999 1px;}
a#btnDown{top:443px;width:15px;height:17px;background:url(../img/ab_grau.gif) no-repeat center center;}
a#btnUp:hover{background:url(../img/auf_rot.gif) no-repeat center center;}
a#btnDown:hover{background:url(../img/ab_rot.gif) no-repeat center center;}


#sexyBG { display: none; position: absolute; background: #000; opacity: 0.8; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; }
#atelier #sexyBOX { display: none; position: absolute; background: ##7a7975; color: #333; text-align: center; border: 0px solid #fff; top: 70px; z-index: 100; }
#atelier .sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 0px solid #636D61; background: #778574; }

#atelier #sexyBG { display: none; position: absolute; background: #000; opacity: 0.8; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; }
#sexyBOX { display: none; position: absolute; background: ##7a7975; color: #333; text-align: center; border: 1px solid #fff; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }