@charset "UTF-8";

@media screen, projection{
  /*------------------------------------------------------------------------------------------------------*/
html, body {height:100%;width:100%; padding: 0;}	
body {background:transparent url("img/bg_verlauf.jpg") no-repeat center 315px; text-align: center; margin:0; padding:0;}
	
#TopContainer{position:absolute; top:0px; left:0px; float:left; clear:both; margin:0; padding:0;	overflow:hidden; width: 100%; min-width: 980px; max-width:none;	height:330px;}
#TopTopBg{ /* -- ist Holder für TopNav -- */
	position:relative; float:left;	clear:both; top:0px;
	width:100%;	height:38px;
	background: url("img/bg_toptop.jpg") repeat-x center bottom;
	text-align:center;
	/*background-color:#CC3300;*/
}
#TopBg{	
	position:relative;
	float:left;	clear:both;
	width:100%; height:285px;
	top:0px; 
	background: url("img/bg_head.jpg") repeat-x left top;	
	overflow:hidden;	
}
#MainBg{	
	position:relative;	
	margin:0 auto;
	top:0px; height:822px; width:980px;
	/*background:transparent url("img/bg_verlauf.jpg") no-repeat center top;*/
	background: url("img/bg_shadow4.gif") repeat-y center 0px;
	overflow:hidden;	
}
* html #MainBg{left:-10px;}
#TopLabel{
	position:absolute;
	top:30px;
	left:-31px;
	margin-left:0px;
	z-index:100;
}



/*#header {color: #000;	background: #aabbcc;	padding: 45px 2em 0em 20px; }
#header #TopNav{position:absolute;top:10px;right:10px}*/

#Page{position:relative; top:-40px; margin:0 auto; text-align:left; 
min-height:100%; height:auto; width:980px; min-width: 980px; max-width:none;
/*background: url("img/bg_shadow4.gif") repeat-y -18px 0px;*/
}
* html #Page {height:100%;}

.page_shadow{float:left; background: url("img/bg_shadow4.gif") repeat-y center 0px; max-height:none; min-height:100%; width:100%; min-width:980px;}
* html .page_shadow {height:100%; float:none;}

#TopNav {position:relative; top:35px; margin:0 auto; text-align: right; color: #aaa; background: transparent; width:940px; height:27px; padding: 17px 10px 0 10px; }
#TopImg {position:relative; top:35px; height:275px; float:left; clear:both;}
/*.main_bg_{position:relative;top:0px; float:left; clear:both; width:1000px; background: url("img/bg_shadow4.gif") repeat-y -18px 0px; margin-top:36px;}*/

#Main{position:relative; top:35px; float:left; width:980px; padding: 30px 0 50px 0px; background: url("img/bg_shadow3.jpg") no-repeat center 0px; min-height:565px; }
/** html #Main{height:100%;}*/
#Content{position:relative; float:left; width:750px;}

#footer{float:left; clear:both; 
	width: 100%; height:20px;
	margin:-40px 0 0 0; padding: 0 0 0 0;	
	text-align:center; color:#666; 		
}

#footer_content {position:relative; 
	text-align:left;
	color:#666;
	width: 930px; height:20px;
	margin:0 auto;	
	/*margin:0 auto;*/
	padding:12px 45px 8px 45px;		
	background: url("img/bg_shadow2.gif") repeat-y 2px 0px;
	background-color:#FFFFFF;
}
/** html #footer_content {background: url("img/bg_shadow2.gif") repeat-y -8px 0px; background-color:#FFFFFF;}*/


/* #col2 für Altbestand, temporäre Lösung */
#col2 {position:absolute; width: 190px; right:27px; overflow:hidden;}
#col3 {position:relative; float:left; width:520px;}
	
.box1{width:525px;}
.box_100{position:relative; float:left; width:725px; }
.box_100_pro{position:relative; float:left; width:750px;margin:0 0 10px 0;}
.box_50_pro2{float:left;width:50%; padding-bottom:12px;}
.box_100_pro2{float:left; clear:both; width:100%; padding-bottom:12px;}
.box_700{position:relative; float:left; width:700px;}
.box_185{position:relative; float:left; width:185px; overflow:hidden;}
.box_555{position:relative; float:left; width:540px; padding-right:10px;}
.box_500{position:relative; float:left; width:500px;}
/*------------------------------------------------------------------------------------------------------*/
.mini_searchbox_holder{float:left; border:1px solid #ccc; padding:8px;}
/*----- */	



.mini_gallery{position:relative; float:left; width:100%; padding:10px 0;}

/* .mini_gallery div {position:relative; float:left; width:39px; height:39px; padding:0px 3px 3px 0px;}
.mini_gallery img{position:absolute; width:37px; clip:rect(0px 39px 39px auto);border:1px solid #D5D3DD; background:transparent;}*/	  

.mini_gallery .cols3 div {position:relative; float:left; width:52px; height:52px; padding:0px 3px 3px 0px;}
.mini_gallery .cols3 img{position:absolute; width:50px; clip:rect(0px 52px 52px auto);border:1px solid #D5D3DD; background:transparent;} 

.mini_gallery .mini_gallery_head{background:#8F8579 url("img/oese.gif") no-repeat 3px 3px; width:158px;  height:26px; padding-right:8px;
	text-align:right; color:#fff; font-family: Georgia, "Times New Roman", Times, serif;  line-height:26px; vertical-align:middle;
	margin-bottom:3px; clear:both;
}

/*----- */

.container_1 img{display:block;}
.bag_container{width:260px; height:160px;position:relative; /*border:1px solid #ccc;*/ float:left; margin:0 10px 20px 0; text-align:center; overflow:hidden;}
.bagfront_small{position:absolute; top:8px; left:68px;}
.bagfront_small img{width:150px;}
.bag_small{
	position:relative; top:0px; left:0px;
	background-image: url(../img_allg/imgframe_tasche_kl.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:260px; height:160px;
	
}
.bagfront_big{position:absolute; top:8px; left:153px;}
#bagbig{position:relative; width:550px; height:320px; float:left; margin-bottom:20px; }
.bag_big{
	position:relative; top:7px; left:15px;
	background-image: url(../img_allg/imgframe_tasche_gr.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:476px; min-height:307px;
	z-index:100;
}
* html .bag_big{height:307px;}
.itemnr{position:absolute;z-index:50; bottom:5px; right:40px; font-size:10px;}
/*----- */	

.infobox_r1{position:relative; float:left; width:160px;  padding:5px; border:1px solid #ccc;}
.infobox_r1.inner{position:relative; border:1px solid #ccc; background-color:#ebebeb; width:160px; overflow:hidden;}
/*.infobox_r1.top{
	position:relative;
	width:204;
	height:120px;
	background-image:url(../img/style_frame_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.infobox_r1.left{position:relative; background-color:#FFCC33}
.infobox_r1.bottom{position:relative; background-color:#CC99FF}
.infobox_r1.right{position:relative; background-color:#669966}*/
/*----- */	
	
  #nav ul { margin-left: 20px; }
  #nav_main { background-color:transparent; text-align:right}
	
  #nav * { border: 0px none !important; text-align:right;}
  #nav_main { background: transparent; width: 770px; float:right; }
  #nav_main ul { margin-left: 10px;float:right;}
  #nav_main ul li { line-height: 1.2em;}
  
  #nav_main ul li a,
  #nav_main ul li strong { 
	color: #666; font-weight: bold; padding: 0.5em 0.8em 0.5em 0.8em;  font-size:1.0em;
	font-family:Helvetica, Arial, sans-serif;
	}
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: #D0C9C1; color: #fff; }
  
  #nav_main ul li#current { background: transparent; }
  
  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active {background: #A49A8E; color: #fff; font-weight: bold; }

/*---------------------------------------Login---------------------------------------*/

#MainLoginDiv{ 
	padding-top:30px;
	/*margin-left:auto; 
	margin-right:auto;*/
	width:200px;
	height:140px;
	background-image:url(../img_allg/bg_menuverlauf1.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border:1px solid #bfbfbf;
}

#LoginForm{
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
	width:150px;
}
#LoginForm .floatright{
	margin-right:5px;
}
.messageDiv{
	clear:both;
	color:#CC0033;
	width:100%;
	text-align:left;
	margin-top:15px;
}
/*
.dekostrip{
	position:relative;
	width:100%;
	height:20px;
	background-image:url(../img_allg/bg_grauverlauf2.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: center;
	clear:both;

}
*/
}