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

*
{
	margin:0;
	padding:0;
}

img
{

}

html, body
{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background-color:#fff;
	line-height:18px;
	text-align:justify;
}

:focus
{
	outline:none;
}

a
{
	cursor:pointer;
}

.MainLayer
{
	width:100%;
	height:100%;
	margin:auto;	
}

.TopPannel
{
width:100%;
height:14px;
background-color:#333;
background-image:url(../bilder/toppannel.jpg);
background-position:top;
background-repeat:repeat-x;
}

.UnderTop
{
width:990px;
height:100px;
margin:auto;
}

.TopLogo
{
width:490px;
position:relative;
}

.TopNav
{
width:490px;
height:59px;
position:relative;
float:left;
}

.Pannel1
{
width:243px;
height:59px;
float:left;
background-image:url(../bilder/pannel_1.jpg);
background-position:top;
background-repeat:no-repeat;
}

.PannelSpacer
{
width:990px;
margin:auto;	
}

.PannelSpacer p
{
padding: 7px 10px 10px 5px;	
}

.BigFornt
{
font-size:12px;
}

table
{
border-collapse:collapse;
}

.Pannel1 img
{
margin-left:10px;	
margin-bottom:2px;	
margin-right:5px;
}

.Pannel2 input[type="image"], img
{
margin-left:10px;	
margin-bottom:2px;	
margin-right:5px;
}

.Pannel2
{
width:240px;
height:59px;
float:left;
background-image:url(../bilder/pannel_2.jpg);
background-position:top;
background-repeat:no-repeat;
}

.Pannel2 input[type="text"]
{
border:none;
border-width:0;
width:154px;
height:21px;
margin:1px;
padding:1px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(../bilder/input.jpg);
background-position:top;
background-repeat:no-repeat;
}

*.Pannel2 input[type="text"], .Pannel1 input[type="text"]
{
height:	19px;
}

.Pannel2 input[type="password"]
{
border:none;
border-width:0;
width:154px;
height:21px;
margin:1px;
padding:1px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(../bilder/input.jpg);
background-position:top;
background-repeat:no-repeat;	
}

.HeaderLayer
{
width:100%;
height:70px;
border-top:solid 1px #999;
border-bottom:solid 1px #999;
background-color:#fff;
float:left;
clear:both;
}

.Layer1
{
width:50%;
height:70px;
background-image:url(../bilder/header_1.png);
background-position:right;
background-repeat:no-repeat;
float:left;
}

.Layer2
{
width:49%;
height:70px;
background-image:url(../bilder/header_2.png);
background-position:left;
background-repeat:no-repeat;
float:left;
}

.PannelLayer
{
width:100%;
height:35px;
background-color:#f6f6f6;
border-bottom:solid 1px #ccc;
float:left;
}

.PannelIn
{
width:980px;
height:35px;
margin:auto;
color:#2b2b2b;
padding-top:9px;
}

.BodyLayer
{
width:980px;
min-height:60%;
margin:auto;
border-bottom:solid 1px #ccc;
padding-top:10px;
padding-bottom:10px;
clear:both;
}

a
{
color:#333;
text-decoration:none;
}

a:hover
{
color:#9aa80b;
text-decoration:underline;
}

.ueberschrift
{
color:#9aa80b;
font-size:14px;
margin-top:15px;
margin-bottom:10px;
}

.ueberschrift2
{
color:#666666;
font-size:14px;
margin-top:10px;
margin-bottom:10px;
text-decoration:underline;
}

.underlined
{
	color:#666666;
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:underline;
}

.Floater
{
float:left;
margin-right:10px;
}

p
{
margin-bottom:12px;	
}

.Layer
{
margin-top:20px;
margin-bottom:20px;
width:100%;
padding-top:5px;
border-bottom:solid 1px #ccc;
}

.TabNav
{
	border-bottom:solid 1px #d1e4e7;
	height:25px;
	clear:both;
}

.Layer ul
{
	list-style:none;
	list-style-type:none;
}

.Tab
{
	display:block;
	padding:3px;
	float:left;
	border:solid 1px #e5e5e5;
	border-bottom:solid 1px #d1e4e7;
	margin-right:1px;
	cursor:pointer;
	color:#999;
	background-color:#fff;
	background-image:url(../bilder/tab.png);
	background-repeat:repeat-x;
	background-position:top;
}

.Hover
{
	display:block;
	padding:3px;
	float:left;
	border:solid 1px #e5e5e5;
	border-bottom:solid 1px #d1e4e7;
	margin-right:1px;
	cursor:pointer;
	background-image:url(../bilder/tab_hover.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.SideNav
{
	width:150px;
	padding-top:1px;
	padding-bottom:1px;
	border-bottom:solid 1px #CCC;
}

.Katalog
{
	width:150px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid 1px #CCC;
}

.UnterKatalog
{
	width:140px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	border-bottom:solid 1px #CCC;
}

.Katalog a
{
	color:#666;
}

.Reg select
{
	width:100px;
	margin:1px;
	padding:1px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.Reg input[type="text"]
{
	width:200px;
	margin:1px;
	padding:1px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

input[type="submit"]
{
	padding:1px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}

.Reg input[type="password"]
{
width:200px;
margin:1px;
padding:1px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.Reg input[type="radio"]
{
padding:1px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.Reg img
{
cursor:pointer;
}

.text
{
width:150px;	
}

.Info
{
font-size:14px;
color:#ccc;
padding-top:10px;
padding-bottom:10px;
}

.NavContent input[type="text"]
{
width:150px;
margin:1px;
padding:1px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
}

.NavContent input[type="password"]
{
width:150px;
margin:1px;
padding:1px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
}

.NavContent input[type="checkbox"]
{
margin:1px;
padding:1px;
color:#333;
}

textarea
{
	width:300px;
	height:40px;	
	margin:2px;
	padding:2px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.voter
{
	border-collapse:collapse;
}

.voter img
{
padding:0;
margin:0;
cursor:pointer;
}

.UploadTab
{
width:100%;
height:auto;
border-collapse:collapse;
margin:40px 0 20px 0;
}

.UploadImageBox
{
	text-align:right;
	width:150px;
}

.UploadImageBox img
{
	padding:2px;
	border:solid 1px #e5e5e5;
}

.RightLayer img
{
margin:10px 0 0 0;	
}

.UploadTab select, input[type="file"], input[type="text"] 
{
	font-size:11px;
	color:#333;
	margin:2px;
	padding:2px;
}

input[type="radio"], input[type="checkbox"]
{
	padding:1px;
}

select
{
	font-size:11px;
	color:#333;
	margin:1px;
	padding:1px;
}

.InputBg input[type="submit"]
{
	background:none;
	border:none;
	height:22px;
	color:#fdfdfd;
}

.InputBgLeft
{
	padding:4px 5px 5px 0 ;
	background-image:url(../bilder/b_left.png);
	background-repeat:repeat-x;
	background-position:left top;
}

.InputBg
{
	padding:4px 5px 5px 0 ;
	background-image:url(../bilder/b_right.png);
	background-repeat:repeat-x;
	background-position:right top;
}

.UploadDescription
{
width:150px;
}

.BiggerSize
{
	color:#9aa80b;
	font-size:16px;
}

.Pay
{
	padding:20px 0 0 0;
	text-align:right;
}

.SelectBigSize
{
	width:220px;
	padding:1px;
	margin:1px;
}

.SelectBigSize2
{
	width:150px;
	color:#333;
	font-size:11px;
	padding:1px;
	margin:1px;
}

ol
{
	margin:15px;	
}

.Topper
{
	margin-top:40px;
	margin-bottom:20px;
	float:left;
	width:100%;
}

.TopperFloatRight
{
	width:120px;
	float:right;
}

.TooperFloatLeft
{
	width:300px;
	float:left;
}

.TooperFloatLeft img
{
	padding:0;
	margin:0;
}

.TooperFloatLeft table
{
	border-collapse:collapse;
}

.TooperFloatLeft td
{
	vertical-align:middle;
	padding-right:5px;
}

/* Bildupload Style */
.ShowExtBox
{
	padding:5px;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
}

/* Show Aller Style */
.Alert
{
	background:#fbefef;
	border:solid 1px #e5e5e5;
	padding:4px;
	margin-bottom:10px;
}

.AlertReport
{
	background:#f0f7db;
	border:solid 1px #e5e5e5;
	padding:4px;
	margin-bottom:10px;
}

label
{
	cursor:pointer;
}

.ListTab
{
	width:740px;
	margin-bottom:20px;
}

.ListTD
{
	width:80px;
	text-align:center;
	border-bottom:solid 2px #ccc;
	border-left:dotted 1px #e5e5e5;
}

.ListFoot
{
	text-align:center;
	border-left:dotted 1px #e5e5e5;	
}

.ListHead
{
	width:80px;	
	border-bottom:solid 2px #ccc;
}

/* Style Card */
.card
{
	border-collapse:collapse;
	width:100%;
}

.Titel
{
	border-bottom:solid 1px #bebebe;
	padding-bottom:4px;
}

.TopperCard
{
	padding-top:4px;
	padding-bottom:4px;
}

.TopperBorder
{
	border-top:solid 1px #bebebe;
	padding-top:4px;
	padding-bottom:4px;
}

.Versand
{
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
}

td.Halter
{
	width:150px;
}

.Gesammt
{
	width:100%;
}

#Gutschein
{
	background:#f8f8f8 url(../bilder/schleife.png) no-repeat right top;
}

.BodyLayer img
{
	margin:0;
}

a > img
{
	border:none;
}