/* ############### This file should only contain css which 'styles' the elements not positions them #############*/


body#index {
	background-image:url(../img/index-background.png);
	overflow-y: scroll;}
a {color:#3f73d1;text-decoration:none;outline:none;}
a:hover, a:focus {color:#627390;}
/* ++++++++++++++ Formularfelder und Buttons (global) +++++++++++++++ */
input[type="text"], input[type="password"] , textarea {
border:1px solid #8e8e8e;
background:url(../img/input-background.png) right top;
font-size:14px;
color:#3c3c3c;
border-radius: 3px;
}
input[type="submit"] {
border:0px;outline:none;
background: #ddd;
color:#3f73d1;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-radius: 3px;
}
input[type="submit"]:hover {background: #fff;}
/* ############################## index enthaelt den gesamten inhalt der index */
	div#index-header {background-image:url(../img/index-center-bg.png);}
	div#center {
	background-image:url(../img/index-center-bg.png);
	}
	div#index-footer {
	color:#999;
	text-align:center;
	font-size:10px;
	background-image:url(../img/index-footer.png);
	padding:25px 0 15px 0;	
	}
	  div#index-footer a {
	  color:#999;
	  }
	  div#index-footer a:hover {
	  color:#ccc;
	  }
/* ++++++++++++++++++++++++++ Index Menus +++++++++++++++++++++++++ */
li a , li a:hover, li a:active , li a:focus {color:#fff;}
#index-container ul.cream a:hover , #index-container ul.cream a:focus {background-position:0 -30px;}
#index-container ul.cream a.active {background-position:0 -30px;}
#index-menu-top ul.cream a:hover , #index-menu-top ul.cream a:focus {background-position:0 -20px;}
/* ########################## MENU-TOP ############################ */
div#index-menu-top  a {border-right: 1px solid #686868;font-size:15px;text-align:center;}
li#index-menu-top-corner {background: url(../img/index-menu-top-corner.png) no-repeat;}
div#index-menu-top  ul.cream a {background:url(../img/index-menu-top.png) bottom no-repeat;}
div#index-menu-top ul.cream ul a {background:url(../img/index-menu-top-sub.png) top repeat-x;}
#index-menu-top ul.cream a.active {background-position:0 -20px; color:#ddd}

/* ########################## MENU-LEFT ############################ */
li#index-menu-left-corner {background: url(../img/index-menu-left-corner.png) no-repeat;}
div#index-menu a{background:url(../img/index-menu-left.png) top no-repeat;}
/* +++++++++++++++++++++++++++ End index menu +++++++++++++++++++++++++++++++++++*/
/* +++++++++++++++++++++++++++ End index mask +++++++++++++++++++++++++++++++++++*/

/* Header-Top */

#header-top {
	color: #fff;
}

#header-top a {
	text-decoration: underline;
	color: #fff;
}

#header-top a:hover {
	text-decoration: none;
	color: #fff;
}


	/* Header Search */
	
	
	/* Login */
	
	.usrinfo {
		padding: 9px 0 0 0;
	}
/* Scardbox */

.scardbox a {
	background: url(../img/shoppinglist-small.png) 0px 2px no-repeat;
	padding: 0 0 0 12px;
	color: #fff;
	text-decoration: none;
}

.scardbox a:hover, .scardbox a:active {
	color: #fff;
	text-decoration: underline;
}

.scardbox .items {
	color: #fff;
	margin: 0 0 0 0px;
}
/*############################TOPBAR ALLGEMEIN##########################*/
div#topbar-main {
background:url(../img/topbar-main.png) no-repeat;
color:#666;
}
div#topbar-main h1 {
font-size:16px;
font-weight:normal;
}
div#topbar-main h2 {
font-size:14px;
font-weight:normal;
}
/*################################# messages ############################*/
div#message {
text-align:center;
font-size:14px;
color:#666;
background-color:#fcfcfc;
border: solid #c0c0c0 1px;	
}
div#message a {
text-decoration:underline;	
}
/*##############################prodshow#########################################*/
/*++++++++++++++++++++++++++++MAININFO+++++++++++++++++++++++++++++++++++*/
div#maininfo {
font-weight:bold;
}
div#maininfo .preis {
font-weight:normal;
font-size:21px;
line-height:32px;
}
/*################################## FORMS ###################################*/
 
#newusr fieldset legend {
	font-weight: bold;
}
input.ro {
	color: #fff;
	background-color: #757575 ;
	background-image: none;
}

 
/*------------------------------ LOGIN-AREA (CONTENT) -----------------------*/
 
div#content {
    width: 700px;
    padding: 20px;
}

table#img-new {
	margin-top:100px;
	width:600px;
}
table#img-new td {
	height:15px;
	}
	
table#img-new tr#head td {
	padding-bottom:10px;}

div#content h1,div#content  h2,div#content  h3,div#content  h4,div#content  h5 {
    margin: 0px 0px 4px 0px;
    padding: 4px 0px;
    margin-top: 8px
}
 
 
table#img-new tr#head td {
	font-size:14px;
	font-weight:bold;
	}
div#content h1 {
    font: normal normal 21px Arial;
    line-height: 28px;
    border-bottom: 1px dotted #666666;
}

div#content h2 {
    font-size: 18px;
    line-height: 24px
}

div#content h3 {
    font-size: 16px;
    line-height: 21px
}

div#content h4 {
    font-size: 14px;
    line-height: 18px
}

div#content h5 {
    font-size: 13px;
    line-height: 16px
}
 /* werden in eigene css ausgelagert browser specific   http://www.w3.org/TR/css3-background/   
border-radius (section 4.4 :) ) box-shadow (section 6.2 :( )*/
input[type="text"], input[type="password"], input[type="submit"] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
input[type="submit"] {
-webkit-box-shadow: 0 3px 3px -3px black;
-moz-box-shadow: 0 3px 3px -3px black;
}
/*++++++++++++++++++++++++++++PICTURES+++++++++++++++++++++++++++++++++++*/
div.mainpic img, div.smallpic img , tr.list-row td.img img {
-webkit-box-shadow: 0 2px 5px -2px black;
-moz-box-shadow: 0 2px 5px -2px black;
}

/* /browser specific */

/* #####################################! xlists !#####################################*/
#cream-listpage {background-color:#fff;font-size: 10px;}

#cream-listpage a {
	border: 1px solid #eee;
	padding: 5px;
	margin: 0 2px;
}

#cream-listpage a:hover, #cream-listpage a:focus {
	background: #eee;
	border: 1px solid #eee;
	
}


#cream-listheader th {
font-size:13px;
background:url(../img/listheader.png) bottom repeat-x;
background-color:#a3bae2;
color:#fff;
}



tr.list-row td {
border-bottom:1px solid #ccc;
}
table#total {
font-weight:bold;
border-spacing:10px;
}

#cream-subcat {
	font-weight:bold;
	text-align: right;
}

td.name {
font-size:10px;

}
td.name a {
font-size:14px;	
}
/*    !?????     */
span.new-article {
	color:#239926;
}
/* ++++++++++++++++++++++++++ Contest +++++++++++++++++++++++++ */


body#contest {
  padding:5px 25px 25px 25px;
  overflow:hidden;
} 


#contest p {
  text-align: justify;
}

#contest h1 {
  color: #3F73D1;
}

#contest h2 {
  font-size:13px;;
}

#contest ol li {
  font-weight:bold;
  position:relative;
  left:-20px; 
}

#contest img {
  margin:15px;
}

img.contest-first {
  width:250px;
}

img.contest-second {
  width:150px;
}

img.contest-third{
  width:200px;
  padding-left:100px;
}

#contest #buttons {
  padding:15px 0 0 0;
  width:100%;
}

#contest a.button {
  font-size:18px;
  width: 100%;
  background: #3F73D1;
  color:#fff;
  padding:5px 230px;
  border-radius:5px;
}

#contest a.button:hover, #contest input#submit:hover {
  background:#6a8ed0;
}

#contest label {
  display: inline-block;
  width:100px;
  margin-bottom:10px;
}

#contest input#submit {
  width:265px;
  padding:5px 0;
  margin:10px 0;
  font-size:14px;
  background: #3F73D1;
  color:#fff;
  border-radius:5px;
}