@charset "utf-8";
/* CSS Document */


body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
line-height:1.5em;
background:#000000;
font-size:0.9em; 
}

#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 140px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
}


#maincontent{
position: fixed; 
top: 140px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 

}

.innertube{
margin: 0; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 140px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#maincontainer{
width: 960px; /*Width of main container*/
background:#ffffff;
color: #000000;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 330px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 310px; /*Width of left column*/
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
color: #000000;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: left;
padding: 4px 0;
font-size:0.7em;
}

#footer a{
color: #FFFF80;
}

#footermaincontainer{
width: 630px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:center;
background:#E0E0E0;
color:#000000;
}

#footercontentwrapper{
float: left;
width: 100%;
}

#footercontentcolumn{
margin-left: 420px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}

#footerleftcolumn{
float: left;
width: 210px; /*Width of left column in pixel*/
margin-left: -630px; /*Set left margin to -(MainContainerWidth)*/
}

#footerrightcolumn{
float: left;
width: 210px; /*Width of right column in pixels*/
margin-left: -420px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
}

#footerend{
clear: left;
width: 100%;
padding: 4px 0;
}

#footerend a{
color: #FFFF80;
}

.footerinnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
border-top: 2px dotted #ffffff;
background:#666666;
color:#ffffff;
padding-top:5px;
}





	a {color:#660066; font-weight:bold;
	text-decoration:none;
	}
	
	a:hover { color:#3366CC;
	}

	a img {border:none;
	}
	
div.clear {clear:both;
}
	

	#Header { background-color:#000000; background-image:url(../bilder/header_arsvendo.jpg); background-position:left; 
	background-repeat:no-repeat; 
	width: 100%;
	height: 100px;
	border-bottom: 4px solid black;
}

		#Wahl {font-size: 0.8em;
		}
		

	#Content { padding:15px 15px 30px 15px;
	background: #E0E0E0;
	color:#232323; 
	}

	#Content p {text-align:justify;
	}

	#Content img {
	}
	
	#Content h1 { line-height:1.6em; font-size: 1.1em;
	width:98%; background-color:#666666;
	color:#FFFFFF;
	padding: 5px 0 5px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	}
	
	#Content h2 {line-height:1em; font-size:1em;

	padding:10px 0;
	margin:10px 0;
	border-bottom:2px solid #666666;
	font-weight:normal; font-style:italic;
	}
	
	#Content h5 {margin: 0;
	border-bottom: 1px solid white;
	}
	
	#footerrightcolumn, #footercontentcolumn ul{list-style-image:url(../bilder/site/right.gif);
	text-align:left;

	}
	
	#footerrightcolumn, #footercontentcolumn ul li {
	text-align:left;
	padding:0;
	}
/*Verschieden Klassen*/

	.alignleft {float:left;
	margin-right: 15px;
	padding-top:10px;
	}
	
	.alignright {float:right;
	margin-left: 15px;
	padding-top:10px;
	}
	
		.alignrightweight {float:right;
		margin: 0 0 20px 25px;
		}
		
	.middle {text-align:center;
	}
	
	.inline-thumb {width:100px; height:150px; display:inline;
	}
	
	.list {list-style:none;
	margin:0 0 0 10px;
	border-bottom: 2px solid #cccccc;
	}
	
	.block {display:block;
	width:100%;
	}
	
	a.block:hover{ background:#cccccc;
	}
	
	a.shop {
	padding:10px 0 10px 30px;
	height:30px;
	background-image:url(../bilder/site/001_60.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
	
	.small {font-size:0.7em;
	}
	
	.white {background-color:#FFFFFF;
	}
	
	.grey {background-color:#666666;
	}
	
	.padder {padding:5px;
	text-align:center;
	}
	


/*This is the Carousel*/

	.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid black;
overflow: scroll; /*leave this value alone*/
width: 130px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
background-color:#666666;
}



.stepcarousel .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*this is the left menü*/
.glossymenu{
margin: 5px 0;
padding: 5px;
width: 250px; /*width of menu*/

}


.glossymenu a.menuitem{
border-bottom: 2px solid #000000;
font-weight:bold;
font-size:14px;
color: #000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
margin: 5px 0;
background-image:url(../bilder/site/right.gif);
background-position:right;
background-repeat:no-repeat;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000000;
margin: 15px 0 15px 0;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: #cccccc;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin:0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #666666;
padding-top:5px;
}


	
	/*twitter-button*/
	.twitter {display:block;
	width:250px;
	text-align:center;
	color:#FFFFFF;
	background-image: url(../bilder/site/onebit_50.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-top:5px;
	height: 48px;
	}
	
	a.twitter:hover {color:#660066;
	text-decoration:underline;
	}
	
	
	.cssbutton{
		margin-left: 5px;
background-color: #9FCFFF;
border: 2px #2D96FF outset;
padding: 3px 4px 3px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset; border-color:#9FCFFF;
background-color: #2D96FF;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}
	
	.small {font-size:0.7em;
	}
	
	.white {background-color:#FFFFFF;
	}
	
	.grey {background-color:#666666;
	}
	
	.padder {padding:5px;
	text-align:center;
	}
	



/*This is the tooltip*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
background-color: #E6E6E6;
color:#2D96FF;
visibility: hidden;
z-index: 100;
padding: 5px;
font-weight:bold;
font-size:12px;
font-weight:bold;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



/*verschiedene Klassen*/
.widthall {width:100&;
}

.panel-overlay {font-weight:bold;
font-size:11px;
line-height:1.2em;
margin:5px;
}

.panel {border:5px solid white;
}

.news { text-align:right; margin-right:70px;
margin-bottom:0; margin-top:0;
text-decoration:underline;
}



/*new Menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
padding: 0;
width: 100%;
height:25px;
border-top: 5px solid #660066; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid #666666;
}

#modernbricksmenu2 a:hover{
background-color: #660066; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #660066; /*Brown color theme*/ 
color: white;
border-color: #660066; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}

/*jquery-twitter*/
#twitter_div {overflow:hidden;
width:250px;
list-style-image:none;
text-align:left;
padding-top:5px;
}

#twitter_update_list {list-style-image: url(../bilder/site/right.gif);
margin:0 0 0 20px;
}

#twitter_update_list li {border-bottom: 2px dotted #cccccc;
font-size:0.8em;
padding:7px;
}

#twitter-link {margin:0 0 0 30px;
}

#twitter-link:hover {margin:0 0 0 50px;
}

/*jquery-titter ende*/

/*facebook*/
#facebook  {margin:10px 0 0 40px;
}


/*Empfehlung*/
.empfehlung {background:#666666;
margin:10px;
padding:5px;
}