*{padding: 0; margin: 0;}

html {
	height: 100%;
	}
	
body {
	background: #000000 url('../images/layout/bg_black.jpg') top left repeat-x;
	font: normal 10pt/100% Arial, Tahoma;
	color: #444444;
	height: 100%;
	margin: 0;
	}
body.gallery{
	background-image: none;
	}
	body.gallery div#box{
		border-color: #444444;
		}
	body.gallery div#scroller-wrapper{
		border-color: #444444;
		}
	

a{
	color: #ea9b00;
	text-decoration: none;
	}
a:hover{
	color: #ffcc66;
	}
a.active{
	color: #ffcc66;
	text-decoration: none;
	}

a img{
	border-width: 0;
	}

table.boxtable {
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	}
table.boxtable td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	}

div#box {
	position: relative;
	width: 800px;
	height: 500px;
	margin: 0 auto 0 auto;
	background: #ffffff;
	border: 2px solid #666666;
	}
div#claim{
	width: 806px;
	margin: 0 auto 0 auto;
	font-size: 14pt;
	padding: 5px 0 5px 0;
	font-weight: bold;
	text-align: right;
	}

div#left {
	float: left;
	width: 225px;
	height: 100%;
	overflow: auto;
	}
	div#left img#designhotline{
		position: absolute;
		bottom: 0;
		left: 0;
		
		}
	div#left div#mainmenu{
		padding: 50px 0 0 0px;
		}
	div#left div#mainmenu a{
		display: block;
		color: #ea9b00;
		font-family: Verdana;
		line-height: 190%;
		font-size: 11pt;
		letter-spacing: 1px;
		padding: 0 0 0 20px;
		}
	div#left div#mainmenu a:hover {
		color: #cc7300;
		}
	div#left div#mainmenu a.active {
		color: #cc7300;
		}
	div#mainmenu div.submenu{
		padding: 0 0 0 15px;
		}
		
div#logo-container{
	padding: 0 0 0 15px;
	}
	div#logo-container img#logo{
		margin: 20px 0 0 0;
		}
	div#logo-container img#logoclaim{}


div#right{
	position: relative;
	float: right;
	width: 575px;
	height: 100%;
	overflow: auto;
	background-repeat: no-repeat;
	}
	div#right div.smalltext{
		line-height: 150%;
		font-size: 10pt;
		}
	div#right div.text{
		padding: 10px 10px 0 10px;
		line-height: 150%;
		}
	
	
	
div.clear{
	clear: both;
	}

div.newsblock {
	position: absolute;
	top: 0;
	right: 0;

	width: 147px;
	height: 420px;
	
	border: solid #666666;
	border-width: 0 0 0 1px;
	background: #000000;
	}
div.newsblock div {
	border: solid #666666;
	border-width: 0 0 1px 0;
	padding: 5px;
	font-size: 8pt;
	background: #000000;
	}
div.newsblock div div {
	padding: 0px 5px 0px 5px;
	border-width: 0;
	text-align: right;
	}


	

h1 {
	font-size: 16pt;
	font-weight: normal;
	margin: 10px 0 10px 0;
	}

h2 {
	font-size: 14pt;
	font-weight: normal;
	margin: 10px 0 10px 0;
	}
h3{
	font-size: 12pt;
	font-weight: normal;
	margin: 10px 0 10px 0;
	}
p{
	margin: 0 0 15px 0;
	}


/***
	Scroller für Gallerie
*/
div#scroller-wrapper{
	position: relative;
	height: 150px;
	width: 800px;
	margin: 0 auto 0 auto;
	border: solid #dfdfdf;
	border-width: 0 2px 2px 2px;
	}
	div#scroller-wrapper h1{
		font-weight: normal;
		color: #555555;
		font-size: 1.4em;
		margin: 15px 0 5px 9px;
		}	
	div#slider{
		position: relative;
		overflow: hidden;
		height: 100%;
		}
		div#slider div.items{
			/* this cannot be too large */
			width: 20000em;
			position: absolute;
			clear: both;
			}
		div#slider div.center{
			text-align: center;
			}
		div#slider div.scroll-item{
			/* single newsslider item */
			position: relative;
			float: left;
			width: 200px;
			height: 150px;
			overflow: hidden;
			cursor: pointer;
			}
		div#slider a.scroll-item{
			display: block;
			position: relative;
			float: left;
			width: 200px;
			height: 150px;
			overflow: hidden;
			cursor: pointer;
			border-right: 1px solid #000000;
			}
			div#slider div.scroll-item:hover,
			div#slider a.scroll-item:hover{

				}
			div#slider .scroll-item h1,
			div#slider .scroll-item p{
				margin: 0;
				text-align: left;
				}
			div#slider .scroll-item h1{
				font-size: 9pt;
				font-weight: normal;
				}
			div#slider .scroll-item a.readon{
				position: absolute;
				bottom: 0;
				right: 15px;
				}
			div#slider .scroll-item img{
				width: 200px !important;
				border-width: 0 !important;
				}
		div#slider div.active,
		div#slider .active{
			/* active item */
			position: relative;
			}
		/* Navigation Slider */
		a.nextPage, a.prevPage{
			position: absolute;
			top: 50%;
			margin-top: -16px;
			width: 19px;
			height: 32px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-image: url('../images/scroller/sprite_navigation.png');
			cursor: pointer;
			}
		/* VOR */
		a.nextPage{
			right: -24px;
			background-position: top right;
			}
			a.nextPage:hover{
				background-position: bottom right;
				}
		/* ZURÜCK */
		a.prevPage{
			left: -24px;
			background-position: top left;
			}
			a.prevPage:hover{
				background-position: bottom left;
				}	
	div#scroller-wrapper .navi{
		display: none;
		
		position: absolute;
		bottom: -18px;
		}
		div#scroller-wrapper .navi a{
			display: block;
			width: 10px;
			height: 10px;
			background-color: #ea9b00;
			float: left;
			margin: 0 4px 0 0;
			cursor: pointer;
			}
		div#scroller-wrapper .navi a:hover{
			background-color: #cc7300;
			}
		div#scroller-wrapper .navi a.active{
			background-color: #cc7300;
			}