﻿/* CSS Document */
body { 
	font-size: 14px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}    
	
textarea{ 
	background-color:#fff; 
	width:250px; 
	border: 1px solid #000; 
	height:150px;
	}          

input[type=text], input[type=password] { background-color:#fff; border: 1px solid black;}
table.noborder td
{
    padding: 5px;
}

h1
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
}

h2
{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 16px;
}

p{
	margin: 0;
	padding: 0;
	line-height: 14pt;
	}
	
a{
	color: #8484bd;
	text-decoration: none;
	outline: none;
	margin: 0;
	padding: 0;
	}

a img
{
    border: none;
}

a:hover{
	text-decoration: underline;
	}


div.blackBody{
	width: 990px;
	margin: 10px auto;
	padding: 0;
	border: 1px solid #000;
	}

div.blackBody div.header{
	background: #000;
	height: 64px;
	margin: 0;
	padding: 0;
	}

div.blackBody div.header a img{
	display: block;
	margin: 0 0 0 174px;
	padding: 0;
	}

div.naviTop{
	width: 816px;
	height: 20px;
	margin: 0;
	padding: 0 0 0 174px;
	background: #a6acdc;
	border-bottom: 1px solid #000;
	}

div.naviTop ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div.naviTop ul li{
	width: 101px;
	float: left;
	border-left: 1px solid #000;
	margin: 0 0 0 0;
	padding: 0;
	height: 20px;
	background: #9da1d0;
	}

div.naviTop ul li.sel{
	background: #8383ba;
	}

div.naviTop ul li:hover{
	background: #e3e3f0;
	}

div.naviTop ul li.sel a{
	color: #fff;
	}

div.naviTop ul li:hover a{
	color: #000;
	}

div.naviTop ul li a{
	color: #000;
	display: block;
	width: 101px;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 2px 0 0 5px;
	height: 18px;
	}

div.naviTop ul li a:hover{
	text-decoration: none;
	}

div.naviTop ul li ul{
	display: none;
	}

div.naviTop ul li:hover ul{
	display: block;
	position: absolute;
	margin: 0 0 0 -1px;
	padding: 0;
	width: 150px;
	z-index: 100;
	}

div.naviTop ul li:hover ul.last{
	display: block;
	position: absolute;
	margin: 0 0 0 -50px;
	padding: 0;
	width: 150px;
	z-index: 100;
	}

div.naviTop ul li:hover ul li{
	background: #c8c7e1;
	display: block;
	width: 150px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 20px;
	margin: 0;
	padding: 0;
	}

div.naviTop ul li:hover ul li a{
	width: 150px;
	}

div.naviTop ul li:hover ul li.first{
	border-top: 1px solid #000;
	}

div.naviTop ul li:hover ul li:hover{
	background: #e3e3f0;
	}

div.keyvisualStart{
	width: 990px;
	height: 166px;
	margin:  0;
	padding: 0;
	border-bottom: 1px solid #000;
	}



div.keyvisualStart img{
	display: block;
	}

div.blackBody div.keyvisual{
	width: 990px;
	height: 166px;
	margin:  0;
	padding: 0;
	background: url(../Bilder/keyvisual.jpg);
	border-bottom: 1px solid #000;
	}

div.blackBody div.keyvisual img{
	display: block;
	margin: 0 0 0 0;
	}

div.blackBody div.keyvisual div.border
{
    width: 290px;
    border: 1px solid #000;
    margin: 0 0 0 174px;
    border-top: none;
}

div.naviContent{
	background: #c8c7e1;
	width: 990px;
	}

div.naviContent div.naviLeft{
	width: 174px;
	margin: 0;
	padding: 0;
	float: left;
	}

div.naviContent div.naviLeft ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div.naviContent div.naviLeft ul li{
	display: block;
	}

div.naviContent div.naviLeft ul li a{
	color: #000;
	display: block;
	width: 166px;
	font-size: 12px;
	margin: 0;
	padding: 2px 0 0 8px;
	height: 19px;
	border-bottom: 1px solid #000;
	}

li.bold{
	font-weight: bold;
	}

div.naviContent div.naviLeft ul li.sel a{
	background: #8383ba;
	color: #fff;
	border-bottom: 1px solid #000;
	}

div.naviContent div.naviLeft ul li a:hover{
	background: #e3e3f0;
	color: #000;
	text-decoration: none;
	}

div.naviContent div.naviLeft ul li ul{
	display: none;
	}

div.naviContent div.naviLeft ul li.sel ul{
	display: block;
	}

div.naviContent div.naviLeft ul li.sel ul a{
		background: #c8c7e1;
		color: #000;
		font-size: 11px;
		padding: 3px 0 0 17px;
		height: 18px;
		}
	
div.naviContent div.naviLeft ul li.sel ul li.sel a{
	background: #8383ba;
	color: #fff;
	border-bottom: 1px solid #000;
	}

div.naviContent div.naviLeft ul li ul li a:hover{
	background: #e3e3f0;
	color: #000;
	text-decoration: none;
	}

div.naviContent div.content{
	width: 795px;
	background: #fff;
	border-left: 1px solid #000;
	float: right;
	min-height: 300px;
	height: auto!important;
	height: 300px;
	margin: 0;
	padding: 10px;
	}

div.naviContent div.content li
{
    padding-bottom: 10px;
}

div.naviContent div.content table td
{
    vertical-align: top;
}

div.naviContent div.content img{
	display: block;
	margin: 0;
	padding: 0;
	}

div.naviContent div.content p{
	margin: 0;
	padding: 0 0 10px 0;
	}

div.naviContent div.content div.textImage div.image{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #000;
	}

div.naviContent div.content div.imageText div.image{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 1px solid #000;
	}

div.naviContent div.content div.image div.imageBg{
	background: #c8c7e1;
	padding: 3px;
	font-size: 12px;
	margin: 0;
	}

div.naviContent div.content div.image div.imageBg img{
	border: none;
	margin-bottom: 0;
	}

div.naviContent div.content div.image div.imageBg p{
	padding-bottom: 2px;
	padding-top: 3px;
	}

div.naviContent div.content div.textUnderImage
{
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
}
div.naviContent div.content div.textUnderImage img
{
    display: block;
    }

div.naviContent div.content div.textUnderImage div.border
{
    border: 1px solid #000;
}

div.naviContent div.content div.mitarbeiter{
	width: 250px; 
	height: 145px;
	overflow: hidden;
	border: 1px solid #000;
	margin: 0 10px 10px 9px;
	padding: 0;
	background: #d4d4d4;
	float: left;
	}


div.naviContent div.content div.mitarbeiter div.image{
	float: left;
	width: 97px;
	margin: 0 5px 0 0;
	padding: 0;
	}

div.naviContent div.content div.mitarbeiter div.image img{
	border: none;
	}

div.naviContent div.content div.mitarbeiter div.text{
	float: right;
	width: 145px;
	margin: 0 3px 0 0;
	padding: 0;
	font-size: 13px;
	}

div.naviContent div.content div.mitarbeiter div.text p{
	margin-bottom: 5px;
	}

div.contentStart{
	width: 990px;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	margin: 0;
	padding: 0;
	}

div.contentStart div.leftStart{
	float: left;
	width: 454px;
	margin: 10px;
	padding: 0;
	}

div.contentStart div.rightStart{
	float: right;
	width: 492px;
	margin: 10px;
	padding: 0;
	}

div.contentStart div.gradientSmall
{
    width: 454px;
    height: 122px;
    overflow: hidden;
    margin: 0 0 10px 0 ;
    padding: 0 0 0 0;
    background: url(../Bilder/startbgklein.jpg);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    line-height: normal;
}

div.contentStart div.gradientSmall h1
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    padding: 0;  
}

div.contentStart div.gradientSmall p
{
    margin: 0;
    padding: 0 9px 0 0;
    line-height: normal;   
}

div.contentStart div.gradientSmall div.left
{
    float: left;
    margin: 6px 9px 0 9px;
    padding: 0;
    width: 111px;
}	

div.contentStart div.gradientBig
{
    width: 492px;
    height: 382px;
    overflow: hidden;
    margin: 0 ;
    padding: 0 0 10px 0;
    background: url(../Bilder/startbggross.jpg);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;

}

div.contentStart div.gradientBig div.left
{
    float: left;
    margin: 0 9px 0 9px;
    padding: 0 0 0 0;
    width: 230px;
}

div.contentStart div.gradientBig div.left h1
{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    padding: 0;
}

div.contentStart div.gradientBig div.left p
{
    margin: 0 0 10px 0;
    padding: 0;
    line-height: normal;
}

div.contentStart div.gradientBig div.right
{
    float: right;
    width: 232px;
    margin: 30px 9px 0 0;
    padding: 0;
}

div.fbtw{
	width: 48px;
	float: right;
	margin: -18px 0 0 0;
} 

div.fbtw a{
	padding-right: 5px;
	}
 
div.footer{
	height: 19px;
	margin: 0;
	padding: 1px 0 0 0;
	background: #000;
	text-align: center;
	}

div.footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	} 
  
div.footer ul li{
	display: inline;
	}

div.footer ul li a{
	color: #C2C2C2;
	font-size: 11px; 
	border-left: 1px solid #fff;
	margin: 0;
	padding: 0 2px 0 4px;
	}

div.footer ul li a.first{
	border: none;
	}

div.footer ul li a:hover{
	color: #fff;
	text-decoration: none;
	}

div.content table.imgList td{
	width: 190px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
	padding-right: 5px;
	}

div.content table.imgList td a
{
    margin: 0;
    padding: 0;
}

div.content table.imgList td img
{
    display: inline;
    text-align: center;
    margin:0;
    padding: 0;
}

span.bold
{
	font-weight: bold;
}

div.clearer{
	width: 100%; 
	clear: both; 
	height: 0; 
	line-height: 0px; 
	font-size: 0px;
	margin: 0; 
	padding: 0; 
	background: transparent;
	}
	
/* Shop */
div.shopContainer
{
	width: 795px;
	margin: 0;
	padding: 0;
}
div.naviContent div.content div.shopContainer img
{
	display: inline;
	border: none;
}

div.bigBox
{
	width: 527px;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	float: left;
	height: auto;
}
div.bigBox div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 521px;
	height: 24px;
}

div.bigBox div.headline div.headlineBg
{
	width: 515px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.bigBox div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.bigBox div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.bigBox div.boxContent
{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 511px;
	background: #ededed;
	padding: 7px;
	font-size: 12px;
}

div.bigBox div.boxContent table.w239
{
	margin: 0;
	padding: 0;
	width: 239px;
	float: left;
}

div.bigBox div.boxContent table.w239 td
{
	width: 239px;
	padding: 0 0 0 0;
	margin: 0;
	vertical-align: middle;
	height: 24px;
}

.paddRight
{
	padding-right: 35px;
}

div.bigBox div.boxContent table.w239 td input[type=text], div.bigBox div.boxContent table.w239 td textarea
{
	width: 237px;
	margin: 0;
}

div.bigBox div.boxContent table.w239 td select
{
	width: 239px;
}

div.bigBox div.boxContent table.small
{
	margin: 0;
	padding: 0;
}

div.bigBox div.boxContent table.small td.w60
{
	width: 60px;
	height: 22px;
	vertical-align: middle;
	padding: 0;
}

div.bigBox div.boxContent table.small td.w150
{
	width: 150px;
	height: 22px;
	vertical-align: middle;
	padding: 0;
}

div.bigBox div.boxContent table.small td
{
	vertical-align: middle;
}

div.bigBox div.boxContent table.small td a
{
	text-decoration: underline;
}

div.bigBox div.boxContent table.small td a img
{
	display: inline;
}

div.bigBox div.boxContent a.btnSave
{
	width: 113px;
	height: 26px;
	display: block;
	float: right;
	margin: -12px -8px -10px 0;
	padding: 0;
}

div.bigBox div.boxBottom
{
	width: 527px;
	height: 5px;
	background: url(../Bilder/bottom_big.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

div.boxOption
{
	width: 258px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
div.boxOption div.headline
{
	background: url(../Bilder/headline_left_yellow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 5px;
	width: 253px;
	height: 23px;
}

div.boxOption div.headline div.headlineBg
{
	width: 248px;
	background: url(../Bilder/headline_bg_yellow.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 23px;
}

div.boxOption div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.boxOption div.headline div.headlineRight
{
	width: 5px;
	height: 23px;
	background: url(../Bilder/headline_right_yellow.jpg);
	float: right;
}

div.boxOption div.boxContent
{
	width: 256px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: #ededed;
}

div.boxOption div.boxContent a.bg
{
	display: block;
	width: 51px;
	height: 51px;
	padding: 5px 0 0 10px;
	float: left;
}

div.boxOption div.boxContent div.info
{
	height: 21px;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	background: url(../Bilder/verlauf.png);
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
}

div.boxOption div.boxBottom
{
	width: 258px;
	height: 3px;
	background: url(../Bilder/option_bottom.jpg);
}

div.smallBox
{
	width: 795px;
	margin: 0 0 10px 0;
	padding: 0;
}

div.smallBox div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 789px;
	height: 24px;
}

div.smallBox div.headline div.headlineBg
{
	width: 783px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.smallBox div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.smallBox div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.smallBox a
{
	text-decoration: underline;
}

div.smallBox div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
	display: none;
}

div.smallBox div.boxContent2
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
}

div.smallBox div.boxContent td
{
	margin: 0;
	padding: 0 0 3px 0;
	text-align: right;
}

div.smallBox div.boxContent2 td
{
	margin: 0;
	padding: 0 0 3px 0;
	text-align: right;
}

div.smallBox div.boxContent2 p
{
	text-align: center;
	width: 200px;
	margin: 0 auto;
	padding: 0;
	color: #959595;
	font-weight: bold;
}

div.smallBox div.addArticle
{
	background: url(../Bilder/btn_add_left.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 7px;
	width: 788px;
	height: 39px;
}

div.smallBox div.addArticle div.bg
{
	width: 781px;
	background: url(../Bilder/btn_add_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 32px;
	text-align: center;
	padding-top: 7px;
}

div.smallBox div.addArticle a
{
	width: 146px;
	height: 26px;
}

div.smallBox div.addArticle a img
{
	display: inline;
}

div.smallBox div.addArticle div.bgRight
{
	width: 7px;
	height: 39px;
	background: url(../Bilder/btn_add_right.png);
	float: right;
}

div.smallBox div.boxBottom
{
	width: 7px;
	height: 3px;
	background: url(../Bilder/option_bottom.png);
}

div.smallBox div.boxBottom2
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}

ul.breadCrumb
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul.breadCrumb li
{
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
}

ul.breadCrumb li a
{
	display: block;
	background: url(../Bilder/line.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 3px 7px 0 10px;
	margin: 0;
	height: 17px;
	text-decoration: underline;
}

ul.breadCrumb li a.first
{
	background: none;
	padding-left: 0;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 0;
}

ul.breadCrumb li a.sel
{
	text-decoration: none;
}

div.artGroupItem
{
	width: 258px;
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
}

div.artGroupItem div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 252px;
	height: 24px;
}

div.artGroupItem div.headline div.headlineBg
{
	width: 246px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.artGroupItem div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.artGroupItem div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.artGroupItem div.boxContent
{
	width: 242px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
}

div.artGroupItem div.boxContent div.image
{
	width: 112px;
	float: left;
	padding: 0 10px 0 0;
}

div.artGroupItem div.boxContent div.text
{
	width: 120px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

div.artGroupItem div.boxContent div.text p
{
	margin: 0;
	padding: 0;
}

div.artGroupItem div.boxContent div.text p a
{
	text-decoration: underline;
}

div.artGroupItem div.boxBottom
{
	width: 258px;
	height: 3px;
	background: url(../Bilder/option_bottom.jpg);
}

div.artItem
{
	width: 795px;
	margin: 0;
	padding: 0 0 10px 0;
}

div.artItem div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 789px;
	height: 24px;
}

div.artItem div.headline div.headlineBg
{
	width: 783px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.artItem div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.artItem div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.artItem div.subHeadline
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	background: #d7d7d7;
}

div.artItem div.whiteBorder
{
	width: 793px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: url(../Bilder/border.gif);
	height: 2px;
	margin: 0;
	padding: 0;
}

div.artItem div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px 7px 0 7px;
	font-size: 12px;
	background: #ededed;
}


div.artItem div.boxContent div.image
{
	width: 74px;
	float: left;
	padding: 10px 10px 0 0;
}

div.artItem div.boxContent div.artName
{
	width: 150px;
	float: left;
	padding: 10px 10px 0 0;
}

div.artItem div.boxContent div.artName a
{
	text-decoration: underline;
}

div.artItem div.boxContent div.text
{
	width: 240px;
	float: left;
	padding: 10px 0 0 0;
}

div.artItem div.boxContent div.text p
{
	margin: 0;
	padding: 0;
	display: inline;
}

div.artItem div.boxContent table.options
{
	margin: 0;
	padding: 0 0 0 0;
	float: right;
}

div.artItem div.boxContent table.options td
{
	padding: 0 5px 5px 0;
	text-align: right;
}

div.artItem div.boxContent table.options input
{
	text-align: right;
}

div.artItem div.add
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px 7px 2px 7px;
	text-align: center;
	font-size: 12px;
	background: #ededed;
}

div.artItem div.boxBottom
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}



div.artItem2
{
	width: 795px;
	margin: 0;
	padding: 0 0 10px 0;
}

div.artItem2 div.availability
{
	float: right;
	margin: 0 0 -19px 0;
	position: relative;
	z-index: 2;
	padding: 0;
}

div.artItem2 div.availability img
{
	display: block;
	float: right;
	padding: 10px 10px 0 0;
}

div.artItem2 div.availability span
{
	display: block;
	float: right;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 0 0;
}

div.artItem2 div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 789px;
	height: 24px;
	position: relative;
	z-index: 1;
}

div.artItem2 div.headline div.headlineBg
{
	width: 783px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.artItem2 div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.artItem2 div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.artItem2 div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px 7px 5px 7px;
	font-size: 12px;
	background: #ededed;
}


div.artItem2 div.boxContent div.image
{
	width: 130px;
	float: left;
	padding: 5px 10px 0 0;
}

div.artItem2 div.boxContent div.text
{
	width: 372px;
	float: left;
	padding: 5px 0 0 0;
}

div.artItem2 div.boxContent div.text p
{
	margin: 0;
	padding: 0;
	display: inline;
}

div.artItem2 div.boxContent table.options
{
	margin: 0;
	padding: 0 0 0 0;
	float: right;
}

div.artItem2 div.boxContent table.options td
{
	padding: 0 5px 5px 0;
	text-align: right;
}

div.artItem2 div.boxContent table.options input
{
	text-align: right;
	width: 30px;
}

div.artItem2 div.buttons
{
	width: 779px;
	margin: -32px 0 0 0;
	padding: 7px 7px 2px 7px;
	font-size: 12px;
}

div.artItem2 div.buttons a
{
	float: right;
	display: block;
	margin: 0 -9px 0 0;
}

div.artItem2 div.buttons a.btnInfo
{
	padding-right: 20px;
}

div.artItem2 div.boxBottom
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}


div.artDetail
{
	width: 527px;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	float: left;
}

div.artDetail div.availability
{
	float: right;
	margin: 0 7px -20px 0;
	z-index: 100;
	position: relative;
	color: #fff;
}

div.artDetail div.availability span
{
	float: right;
	display: block;
	padding: 3px 0 0 0;
}

div.artDetail div.availability img
{
	float: right;
	display: block;
	padding: 3px 0 0 5px;
}

div.artDetail div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 521px;
	height: 24px;
}

div.artDetail div.headline div.headlineBg
{
	width: 515px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.artDetail div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.artDetail div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.artDetail div.boxContent
{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 511px;
	background: #ededed;
	padding: 7px;
	font-size: 12px;
}

div.artDetail div.boxContent div.image
{
	width: 247px;
	float: left;
	padding: 0 10px 0 0;
}

div.artDetail div.boxContent div.image div.moreImages
{
	padding: 10px 0;
	margin: 0;
}

div.artDetail div.boxContent div.image div.moreImages img
{
	display: block;
	padding: 0 9px 9px 0;
	float: left;
}

div.artDetail div.boxContent div.text
{
	width: 250px;
	float: left;
}

div.artDetail div.boxContent div.text p
{
	margin: 0;
	padding: 0;
	display: inline;
}

div.artDetail div.boxContent table.options
{
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
}

div.artDetail div.boxContent table.options td
{
	padding: 0 5px 5px 0;
	text-align: right;
}

div.artDetail div.boxContent table.options input
{
	text-align: right;
}

div.artDetail div.boxContent a.btnAdd
{
	display: block;
	float: right;
	padding: 10px 0 0 0;
}

div.artDetail div.boxBottom
{
	width: 527px;
	height: 5px;
	background: url(../Bilder/bottom_527.png);
	background-repeat: no-repeat;
}

div.message
{
	width: 527px;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	display: none;
	z-index: 100;
}

div.message div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 521px;
	height: 24px;
}

div.message div.headline div.headlineBg
{
	width: 515px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.message div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.message div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.message div.boxContent
{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 511px;
	background: #ededed;
	padding: 7px;
	font-size: 12px;
}

div.message div.boxContent td
{
	padding-bottom: 5px;
}

div.message div.boxContent td input[type=text], div.message div.boxContent td textarea
{
	width: 237px;
	margin: 0;
}

div.message div.boxBottom
{
	width: 527px;
	height: 5px;
	background: url(../Bilder/bottom_527.png);
	background-repeat: no-repeat;
}

div.message2
{
	width: 527px;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	display: none;
	z-index: 100;
}

div.message2 div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 521px;
	height: 24px;
}

div.message2 div.headline div.headlineBg
{
	width: 515px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.message2 div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.message2 div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.message2 div.boxContent
{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 511px;
	background: #ededed;
	padding: 7px 7px 20px 7px;
	font-size: 12px;
}

div.message2 div.boxContent a
{
	text-decoration: underline;
}

div.message2 div.boxContent table tr td
{
	padding: 0 20px 10px 0;
	vertical-align: top;
}

div.message2 div.boxContent table tr td input[type=text]
{
	width: 30px;
	text-align: right;
}

div.message2 div.boxContent table tr td div.image
{
	width: 65px;
	float: left;
}

div.message2 div.boxContent table tr td a.artBesch
{
	width: 110px;
	float: right;
}

div.message2 a.add
{
	display: block;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
}

div.message2 a.add img
{
	display: block;
}

div.message2 a.refresh
{
	display: block;
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
}

div.message2 a.refresh img
{
	display: block;
}

div.message2 div.boxBottom
{
	width: 527px;
	height: 5px;
	background: url(../Bilder/bottom_527.png);
	background-repeat: no-repeat;
	margin: 0;
}

div.moreArt
{
	width: 258px;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
}

div.moreArt div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 252px;
	height: 24px;
}

div.moreArt div.headline div.headlineBg
{
	width: 246px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.moreArt div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.moreArt div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.moreArt div.boxContent
{
	width: 242px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
}

div.moreArt div.boxContent div.image
{
	width: 130px;
	float: left;
	padding: 0 5px 0 0;
}

div.moreArt div.boxContent div.image img
{
	display: block;
}

div.moreArt div.boxContent a.headline
{
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0 0 0;
}

div.moreArt div.boxContent p
{
	margin: 0;
	padding: 0;
	display: inline;
}

div.moreArt div.boxContent  a
{
	text-decoration: underline;
}

div.moreArt div.boxBottom
{
	width: 258px;
	height: 3px;
	background: url(../Bilder/option_bottom.jpg);
}

div.error
{
	width: 795px;
	margin: 0;
	padding: 0 0 10px 0;
}

div.error div.headline
{
	background: url(../Bilder/error_left.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 789px;
	height: 23px;
}

div.error div.headline div.headlineBg
{
	width: 784px;
	background: url(../Bilder/error_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 23px;
}

div.error div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.error div.headline div.headlineRight
{
	width: 5px;
	height: 23px;
	background: url(../Bilder/error_right.png);
	float: right;
}

div.error div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
	color: Red;
}

div.error div.boxContent p
{
	margin: 0;
	padding: 0;
}

div.error div.boxBottom
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}

div.success
{
	width: 795px;
	margin: 0;
	padding: 0 0 10px 0;
}

div.success div.headline
{
	background: url(../Bilder/success_left.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 789px;
	height: 23px;
}

div.success div.headline div.headlineBg
{
	width: 784px;
	background: url(../Bilder/success_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 23px;
}

div.success div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.success div.headline div.headlineRight
{
	width: 5px;
	height: 23px;
	background: url(../Bilder/success_right.png);
	float: right;
}

div.success div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
	color: #1e8102;
}

div.success div.boxContent p
{
	margin: 0;
	padding: 0;
}

div.success div.boxBottom
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}

div.login
{
	width: 795px;
	margin: 0;
	padding: 0 0 10px 0;
}

div.login div.headline
{
	background: url(../Bilder/headline_left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 6px;
	width: 789px;
	height: 24px;
}

div.login div.headline div.headlineBg
{
	width: 783px;
	background: url(../Bilder/headline_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
}

div.login div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.login div.headline div.headlineRight
{
	width: 6px;
	height: 24px;
	background: url(../Bilder/headline_right.jpg);
	float: right;
}

div.login div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
}

div.login div.boxContent h1
{
	color: #8484bd;
	padding-bottom: 5px;
}

div.login div.boxContent table
{
	width: 500px;
	margin: 0 auto 10px auto;
}

div.login div.boxContent table td
{
	padding: 0 10px 5px 0;
	vertical-align: middle;
}

div.login div.boxContent table td input[type=text], div.login div.boxContent table td input[type=password]
{
	width: 237px;
}

div.login div.boxContent table td select
{
	width: 239px;
}

div.login div.boxContent table.payment
{
	width: 500px;
	margin: 0 auto 10px auto;
}

div.login div.boxContent table td
{
	padding: 0 20px 5px 0;
	vertical-align: top;
}

div.login div.boxContent table td p
{
	padding-top: 3px;
}

div.login div.addArticle
{
	background: url(../Bilder/btn_add_left.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 7px;
	width: 788px;
	height: 39px;
}

div.login div.addArticle div.bg
{
	width: 781px;
	background: url(../Bilder/btn_add_bg.png);
	background-repeat: repeat-x;
	float: left;
	height: 32px;
	text-align: center;
	padding-top: 7px;
}

div.login div.addArticle a
{
	width: 146px;
	height: 26px;
}

div.login div.addArticle a img
{
	display: inline;
}

div.login div.addArticle div.bgRight
{
	width: 7px;
	height: 39px;
	background: url(../Bilder/btn_add_right.png);
	float: right;
}

div.login div.boxBottom
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}

div.summary
{
	width: 795px;
	margin: 0;
	padding: 0 0 10px 0;
}

div.summary div.headline
{
	background: url(../Bilder/headline_left_yellow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 5px;
	width: 790px;
	height: 23px;
}

div.summary div.headline div.headlineBg
{
	width: 785px;
	background: url(../Bilder/headline_bg_yellow.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 23px;
}

div.summary div.headline div.headlineBg span
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 3px;
}

div.summary div.headline div.headlineRight
{
	width: 5px;
	height: 23px;
	background: url(../Bilder/headline_right_yellow.jpg);
	float: right;
}

div.summary div.boxContent
{
	width: 779px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0;
	padding: 7px;
	font-size: 12px;
	background: #ededed;
}

div.summary div.boxContent table.summary td
{
	vertical-align: top;
}

div.summary div.boxBottom
{
	width: 795px;
	height: 5px;
	background: url(../Bilder/error_bottom.png);
}

.blue
{
	color: #8484bd;
}


.w140
{
	width: 140px;
}

.w40
{
	width: 38px;
}

.w62
{
	width: 64px;
}

.w100
{
	width: 100px;
}

input.smallInput
{
	width: 30px;
	text-align: right;
}

span.big
{
	font-size: 16px;
	font-weight: bold;
}

.red
{
	color: Red;
}

div.pager
{
	margin: 0;
	padding: 10px 0;
	text-align: center;	
}

div.pager a
{
	background: url(../Bilder/trenner.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 2px 0 8px;
	text-decoration: underline;
}

div.pager a.sel	
{
	text-decoration: none;
}

div.pager a.first
{
	padding-left: 0;
	background: none;
}

div.progress
{
	margin: 0;
	padding: 0 0 10px 0;
	color: #8484bd;
}

div.progress span
{
	padding-right: 5px;	
}

div.progress span.sel
{
	font-weight: bold;
}

a.back
{
	display: block;
	float: left;
	margin: 0;
	padding: 10px 0;
}

a.next
{
	display: block;
	float: right;
	margin: 0;
	padding: 10px 0;
}

div.slide div.headline
{
	cursor: pointer;
}

input.count
{
	width: 30px;
	text-align: right;
}

span.name
{
	display: block;
	float: left;
}

span.show
{
	display: block;
	float: right;
}

span.close, span.close2
{
	cursor: pointer;
}

span.padd
{
	display: block;
	padding-bottom: 7px;
}

div.smallBox div.boxContent table.summary td
{
	text-align: left;
	vertical-align: top;
}

div.slide div.boxContent
{
	display: none;
}

div.headlineBg span a
{
	color: #fff;
	text-decoration: none;
}

div.shopContainer div.bigBox div.boxContent table input.datepicker
{
	border: none; 
	background: none; 
	width: 110px;
	color: #8484bd;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	padding-right: 10px;
	position: relative;
	z-index: 1;
}


.timepicker
{
	position: absolute;
	z-index: 101;
	padding: 10px 0;
	margin: 0;
	width: 268px;
	background: #fff;
	border: 1px solid #aaa;
	display: none;
	text-align: center;
}

.timepicker table
{
	width: 130px;
	margin: 0 auto;
	padding: 0;
}

.timepicker h2
{
	text-align: center;
	margin: 0;
	padding: 0;
	color: #8484bd;
}

.timepicker table td
{
	padding-right: 10px;
	text-align: center;
}

.timepicker table td input
{
	text-align: center;
}

img.ui-datepicker-trigger
{
	cursor: pointer;
}


.druebber
{
	width: 120px; 
	margin-top: -18px; 
	height: 18px; 
	position: relative; 
	z-index:100;
	background: url(../Bilder/trans.gif);
}

div.overlay
{
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	display: none;
}

div.planBox
{
	width: 258px;
	height: 353px;
	margin: 0;
	padding: 0;
	float: left;
	color: #fff;
}

div.planBox div.top
{
	width: 258px;
	height: 6px;
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 0;
	background: url(../Bilder/top.png);
}

div.planBox div.image
{
	width: 256px;
	height: 209px;
	margin: -5px 0 0 0;
	padding: 0;
	border: 1px solid #000;
	border-top: none;
}

div.planBox div.image img
{
	display: block;
}

div.planBox div.overlay2
{
	width: 256px;
	height: 44px;
	background: url(../Bilder/trans.png);
	text-align: center;
	padding: 10px 0 0 0;
	margin: -54px 0 0 1px;
	position: relative;
	z-index: 2;
	font-size: 16px;
	font-weight: bold;
}

div.planBox div.boxContent
{
	width: 236px;
	height: 116px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: url(../Bilder/gradient_box.png);
	background-repeat: repeat-x;
	padding: 10px;
	overflow: hidden;
}

div.planBox div.boxContent .smallText{
	display: block; 
	text-align: center; 
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-style: italic;
}
div.shopContainer div.planBox div.boxContent select
{
	width: 236px;
}

div.planBox div.link
{
	margin: -26px 0 0 0;
	padding: 0;
}

div.planBox div.link p, div.planBox div.boxContent p, div.planBox div.overlay2 p
{
	margin: 0;
	padding: 0;
}

div.planBox div.link a
{
     display: block;
     width: 146px;
     margin: 0 auto;                                    
}

div.planBox div.link a img
{
	display: block;
}
	
div.planBox div.boxBottom
{
	width: 258px;
	height: 6px;
	background: url(../Bilder/vorschalt_bottom.png);
	margin: 0;
	padding: 0;
}

div.logout
{
       margin: 10px;
       padding: 5px 10px;
       border: 1px solid #fff;
       font-size: 11px;
       background: #8383ba;
}

div.logout .btnLogout
{
       display: block;
       border: 1px solid #fff;
       font-weight: bold;
       color: #000;
       text-decoration: none;
       background: #e3e3f0;
       padding: 2px 5px;
       width: 40px;
       text-align: center;
       float: right;
       margin: 5px -11px -40px 0;
}

div.logout input
{
       width: 130px;
}

