@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: 960px; 
height: 180px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
}


#maincontent{
position: fixed; 
top: 180px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 45px;
overflow: auto; 
width:980px;
background:#fff;
border:3px solid #4477a1;
border-left:none;
border-right:none;
}

.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%; 
}

#onlineshop {
height:60px;
text-align:center;
background-image: -moz-linear-gradient(top, #000, #4f4f4f); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(1, #4f4f4f)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#4f4f4f'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#4f4f4f')"; /* IE8 */
}

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

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

#contentcolumn{
margin-left: 280px; /*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{
position:fixed;
bottom:0;
left:0;
clear: left;
width: 953px;
text-align: left;
padding: 4px 0;
font-size:1em;
height:30px;
padding:7px 0 7px 7px;
background:#000;
color:#f4f4f4;
font-size:12px;
}

#footer a{
color:#4941F3;
}


#footermaincontainer{
width: 630px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:center;
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;
background-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
		-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
color:#ffffff;
padding-top:5px;
text-align: center;
}





	a {color: #071CCD; 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:0 15px 30px 15px;
	color:#232323; 
	}

	#Content p {text-align:justify;
	}

	#Content img {
	}
	
	#Content h1 { line-height:1.6em; font-size: 1.1em;
	width:98%; 
	padding: 5px 0 5px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	background-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#f4f4f4;
	}
	
	#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:233px;
	padding-left:7px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	}
	
	a.block:hover{
	background-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
		color:#f4f4f4;
	}
	
	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 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: 12px;
text-decoration: none;
margin: 5px 0;
background-image:url(../bilder/site/right.gif);
background-position:left;
background-repeat:no-repeat;
-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}


.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-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
}

.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;
}
	
	.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);
-webkit-box-shadow: #244766 5px 5px 10px;
	-moz-box-shadow: #244766 10px 10px 10px;
	box-shadow: #244766 10px 10px 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
}

#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 #4477a1;
}

.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;
 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
background-color:#000;
}

#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;
background-image: -moz-linear-gradient(top, #000, #f4f4f4); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4f4f4f),color-stop(1, #000)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#000'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#000')"; /* IE8 */
		color:#f4f4f4;
}

#modernbricksmenu2 a:hover{
background-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
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;
}


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


/*Empfehlung*/
.empfehlung {
background-image: -moz-linear-gradient(top, #4477a1, #81a8cb); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1),color-stop(1, #81a8cb)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4477a1', endColorstr='#81a8cb')"; /* IE8 */
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
margin:10px;
padding:5px;
}