* {
    padding: 0;
    margin: 0;
}

body {
    background: #fff;
    color: #552;
    font-family: Calibri, Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
	overflow: none;
}

h1{
	margin: 12px 0 0 0;
	font-size: 22px;
}

h2{
	margin: 0 0 6px 0;
	font-size: 16px;
}

img {   
	padding: 1px;
	background: #fff;
	border: 1px solid #aaa;
	margin: 0 6px 0 0;
}

p {
	margin: 6px 0 0 0;
}

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

div.placeholder {
	float: left;
	width: 100%; 
}

/* Layoutbereiche */

div#centerWrapper {
	margin: 0 auto 0 auto;
	width: 1400px;	
}

div#headLinks {
	float: left;
	width: 1350px;
	margin: 0 0 0 25px;
	border-right: 1px solid #888;
}


div#headLinks a.topNaviLink {
	float: right;
	padding: 4px 12px;
	border-left: 1px solid #888;
	color: #888;
	font-weight: bold;
	font-size: 14px;
}


div#headLinks a.logInOut {
	background: #fcc;
}

div#pageWrapper {
	float: left;
	width: 1350px;		
	box-shadow: 0 0 4px #999;	
	border-radius: 5px;
	margin: 16px 0 0 25px;
	font-size: 13px;
} 
	
div#head{
	float: left;
	width: 1302px;		
	border-radius: 5px;
	background: #0093dd;
	padding: 24px;	
}

div.headlineOfPage {
	float: left;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 920px;
}

div.headlineOfPageText {
	float: left;
	font-size: 13px;
	font-weight: normal;
	text-align: justify;
	width: 100%;
	margin: 12px 0 0 0;
}

div.viewContainer {
	float: right;
	width: 120px;
}

a.linkChangeView {
	float: left;
	margin: 0 0 0 12px;
	width: 36px;
	height: 36px;
	border: 1px solid #5bf;
	background: #ff0;
}

a.TransparentLink {
	opacity: 0.5;
}

input.searchField {
	float: right;
	width: 198px;
	color: #999;
}

div.numberOfCardsSearchContainer {
	float: right;
	width: 200px;
	margin: -1px 0 0 0;
}

div.numberOfCardsContainer {
	float: right;
	width: 200px;
	color: #fff;
	font-weight: bold;
	margin: 24px 0 0 0;
}








div#contentStarpostkarten {
	float: left;
	display: inline;
	width: 1304px;		
	margin: 23px;
}
	
fieldset.fieldsetStarCard {
	float: left;
	display: inline;
	width: 800px;
	margin: 24px 0 0 24px;
}

form.formStarCard {
	float: left;
	display: inline;
	width: 800px;
}

input.cardInput {
	width: 646px;
	margin: 6px 0 0 0;
	background: #eee;
	border: 1px solid #aaa;
	padding: 4px;
	font-family: Calibri; 
	font-size: 13px;
	
}

input.entryTemplate {
	float: right; 
	padding: 3px 8px;
	width: 180px;
	background: #eee;
	border: 1px solid #aaa;
	margin: 0 4px 0 0;
	font-family: calibri;
}

label.cardLabel {
	float: left;
	display: inline;
	width: 140px;
	margin: 11px 0 0 0;
}

input.editCardAddImage {
	float: left; 
	width: 654px; 
	border: 1px solid #aaa;
	margin: 0 0 0 140px;
	background: #eee;
}

a.editCardLink,
a.linkDeleteCard {
	float: left;
	background: #a00;
	color: #fff;
	padding: 2px 8px;
	font-weight: bold;
	border: 1px solid #700;
	font-family: Calibri; 
	font-size: 14px;
}

a.linkDeleteCard {
	margin: 0 0 0 140px;
}

a.editCardLink {	
	margin: 0 24px 0 0;	
}

div.cardCategoryContainer {
	float: left;
	display: inline;
	width: 100%;
} 

input.editCardCheckbox {
	float: left;
	margin: 11px 0 0 0;
}

select.editCardSelect {
	width: 656px;
	margin: 6px 0 0 0;
	background: #eee;
	border: 1px solid #aaa;
	padding: 2px;
}


div#fileImagePreviewContainer {
	float: left;
	width: 400px;
}

div#fileUploadInputContainer {
	float: left;
	width: 100%;
}
					
					
					



/**********************************************/
/*****************  Navi  *********************/
/**********************************************/

div#navi {
	float: left;
	display: inline;
	width: 1302px;	
	background: #00a;
	margin: -5px 0 0 0;
	padding: 6px 24px;
}

div#mainNaviLinkContainer {
	float: left;
	width: 1302px;
}


div#subNaviLinkContainer {
	float: left;
	width: 1350px;
	height: 1px;
	margin: 0 0 0 -24px;
	
}

div#subNaviLinkContainerAddLinks {
	position: absolute;
	display: none;
	width: 1302px;
	margin: 7px 0 0 0;
	padding: 24px;
	background: #ddd;
	z-index: 200;
	box-shadow: 0 0 4px #aaa;
}

li.mainNaviContainer {
	float: left;
	position: relative;
	list-style: none; 
	width: 206px;
	margin: 4px;
	border: 1px solid #77f;
}

a.mainNaviHeadline {
	float: left;
	width: 198px;
	text-decoration: none;	
	text-align: center;
	color: #fff;
	cursor: pointer;	
	text-shadow: 0px 0px 5px #000;	
	height: 48px;
	padding: 4px;
	background: #008;
}

a.mainNaviArrowSubNLinks {
	float: left;
	width: 206px;
	cursor: pointer;	
	height: 18px;
	background: #0064B0 url(images/fundamentals/naviSubLinkArrow.jpg) center center no-repeat;
}	

div#subNaviLinkContainerAddLinks a,
div#subNaviLinkContainerAddLinks div.closeSubNaviLinks {
	float: left;
	position: relative;
	width: 323px;
	padding: 4px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	text-align: center;
	margin: 1px;
}

div.subNaviColumn {
	float: left;
	width: 325px;
}

div#subNaviLinkContainerAddLinks a {
	background: #eee;
	color: #333;
}

div#subNaviLinkContainerAddLinks a:hover { background: #ddd; }

div#subNaviLinkContainerAddLinks div.closeSubNaviLinks {	
	background: #fd8;
	color: #333;
}

div#subNaviLinkContainerAddLinks div.closeSubNaviLinks:hover {
	cursor: pointer;
	background: #fea;
}

/**********************************************/
/**********************************************/
/**********************************************/

/* delete Cards */



a.linkDeleteCardReject,
a.linkDeleteCardConfirm {
	float: left;
	display: inline;
	text-align: center;
	color: #fff;
	font-weight: bold;
	
} 

a.linkDeleteCardReject {
	background: #0a0;
	border: 1px solid #080;	
	padding: 36px 0;
	width: 130px;
	margin: 24px 0 0 48px;
} 

a.linkDeleteCardConfirm {
	background: #a00;
	border: 1px solid #800;
	padding: 4px 12px; 
	margin: 56px 0 0 72px;
} 




/* Karteneintrag */

div.cardEntry,
div.cardPreviewEntry {
	float: left;
	background: #eee;
	border: 1px solid #ddd;
	box-shadow: 0 0 4px #ccc;	
	border-radius: 5px;	
}
div.cardEntry {
	width: 175px;
	height: 460px;
	margin: 12px;
	padding: 8px;
}
div.cardPreviewEntry {	
	width: 132px;
	height: 194px;
	margin: 8px;
	padding: 6px;
}

a.cardAnchor {
	float: right;
	margin: -1px 0 0 0;
	width: 1px;
	height: 1px;
}


div.cardEntryKaufTauschScan {
	background: #eee url(images/fundamentals/bgKaufTauschScan.jpg) bottom center no-repeat;
}

div.cardEntryKaufTauschNoScan {
	background: #eee url(images/fundamentals/bgKaufTauschNoScan.jpg) bottom center no-repeat;
}

div.cardImageContainer {
	float: left;
	width: 100%;	
	margin: 16px 0 0 0;		
}

img.cardImage {
	float: left;
	padding: 0;
	border: 1px solid #999;
}

img#cardImagePreview {
	float: left;
	padding: 0;
	border: 1px solid #999;
}

div.cardNumber  {
	float: left;
	width: 100%;
	height: 24px;
}

div.cardName {
	float: left;
	width: 100%;
}

div.cardBelowImage {
	float: left;
	width: 100%;
	margin: 6px 0 0 0;
}

div.cardBelowImageLeft {
	float: left;
	width: 35%;
}

div.cardBelowImageRight {
	float: left;
	width: 65%;
}

/* Login */



fieldset {
	float: left;
	width: 100%;
	border: none;
}

form {
	float: left;
	width: 100%;
}
						
label.labelNL {
	float: left;
	width: 140px;
	margin: 6px 0 0 0;
}

input.inputNL {
	float: left;
	width: 300px;
	margin: 4px 0 0 0;
}

input.submitDiv {
	float: left;
	width: 80px;
	border: none;
	margin: 24px 0 0 140px;
	border: 1px solid #bbb;
	font-family: calibri;
	padding: 4px 12px;
	background: #7f7;
}






div.categoryHeadlineContainer {
	float: left;
	width: 100%;
}

div.categoryHeadline {
	float: left;
	width: 1256px;
	margin: 12px 0;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #bbb;
	background: #ddd;
	padding: 8px 24px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
	
	
	
div.previousLinkContainer,
div.followingLinkContainer {
	width: 360px;
	height: 16px;
}
div.previousLinkContainer { float: left; }
div.followingLinkContainer { float: right; }
					
a.previousCategoryLink,
a.followingCategoryLink {
	color: #666;
	font-weight: bold;
}		
a.previousCategoryLink { float: left; }
a.followingCategoryLink { float: right; }		

div.previousLinkArrow,
div.followingLinkArrow {
	position: relative;
	width: 24px;
	height: 24px;	
}

div.previousLinkArrow {
	float: left;
	margin: -4px 24px 0 0;	
	background: url(images/fundamentals/previousCategoryArrow.png) center center no-repeat;
}

div.followingLinkArrow {
	float: right;
	margin: -4px 0 0 24px;
	background: url(images/fundamentals/followingCategoryArrow.png) center center no-repeat;
}

div.userFormContainer {
	float: left; 
	margin: 2px 0 0 0;
}