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

* Formate f�r allgemeine HTML-Elemente

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



body {

  font-family: Verdana, Arial, Helvetica, Sans-Serif;

  font-weight: normal;

  font-size: 12px;

  /* color: #222222; */

  color:black;

  padding:0;

  margin:0;

  line-height:1.6em;

}



#container {

	position:absolute;

	width:800px;

	height:550px;

	left:50%;

	top:50%;

	margin-left:-400px;

	margin-top:-275px;

}



#content {

	position:absolute;

	top:187px;

	left:32px;

	height:334px;

	width:543px;

	vertical-align: top;

	overflow:auto;

}



#right {

	position:absolute;

	top:187px;

	left:632px;

}







h1 { color:black;font-weight: bold; font-size: 15px; margin-top: 0; margin-bottom:1em;  }

h2 { color:#000000;font-weight: bold; font-size: 13px; margin-top: 0; margin-bottom:1em; }

h3 { font-weight: bold; font-size: 11px; margin-top: 0; margin-bottom:0; }

h4 { font-weight: bold; font-size: 11px; margin-top: 0; margin-bottom:0; }

h5 { font-weight: bold; font-size: 10px; margin-top: 0; margin-bottom:0; }

h6 { font-weight: bold; font-size: 9px; margin-top: 0; margin-bottom:0; }

p  { font-size: 13px; margin-top: 0; margin-bottom:1em; }

i { font-size: 13px; }

td { font-size: 13px; }

ul { margin:0;padding:0; }

li { margin:0;margin-left:20px;margin-bottom:1em;padding:0;font-size: 11px; list-style-image: url(./quadrat.gif) }

hr { color:black; height:1px; border:1px solid #D89628; margin-top:10px;margin-bottom:10px;}



a { font-size: 13px; font-weight: normal; text-decoration: none; }

a:link    { color: #0034a5; }

a:visited { color: #0034a5; }

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

a:active  { color: #000000; text-decoration: underline;}





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

* Formularelemente

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

/* Text */

input.text,

input[type=text] {

	border : 1px solid #aaa;

	background-color: #ffffff;

	padding: 2px;

	width: 330px;

}



/* Passwort */

input.password {

	border : 1px solid #aaa;

	background-color: #ffffff;

}



/* Textarea */

textarea {

    font-family: Verdana, Arial, Helvetica, Sans-Serif;

    font-size: 11px;

	border : 1px solid #aaa;

	background-color: #ffffff;

	padding: 2px;

	width: 330px;

}



/* Radiobutton */

input.radio {

}



/* Checkbox */

input.checkbox {

}



/* Textarea */

select {

	background-color: ffffff;

}



/* Submitbutton */

input.submit {

	border : 1px solid #aaa;

    background-color: ffffff;

}



/* Resetbutton */

input.reset {

	border : 1px solid #aaa;

    background-color: ffffff;

}



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

* Fonts

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

font.small, span.small {color:#000000;font-size: 10px; font-weight: normal; text-decoration: none; }



span.paging {

	color: #000000;

	font-weight: bold;

}



.guestbookAdmin { color: red; }



.simpleshopPrice {

}



.simpleshopPriceLineTrough {

	text-decoration:line-through;

}



.simpleshopSpecialprice {

	color: red;

	font-weight:bold;

}



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

* Links

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

/* Links klein*/

a.small         { font-size: 10px; font-weight: normal; text-decoration: none; }

a.small:link    { color: #999999; }

a.small:visited { color: #999999; }

a.small:hover   { color: #666666; text-decoration: underline;}

a.small:active  { color: #666666; text-decoration: underline;}



/* Links mittel*/

a.medium         { font-size: 11px; font-weight: normal; text-decoration: none; }

a.medium:link    { color: #003366; }

a.medium:visited { color: #003366; }

a.medium:hover   { color: #003366; text-decoration: underline;}

a.medium:active  { color: #003366; text-decoration: underline;}



/* Interner Link */

a.internal         { font-weight: normal; text-decoration: underline; }

a.internal:link    { color: #0034a5;  text-decoration: underline;}

a.internal:visited { color: #0034a5;  text-decoration: underline;}

a.internal:hover   { color: #0034a5; text-decoration: underline;}

a.internal:active  { color: #0034a5; text-decoration: underline;}



/* Externer Link */

a.external         { font-weight: normal; text-decoration: underline; }

a.external:link    { color: #0034a5;  text-decoration: underline; }

a.external:visited { color: #0034a5;  text-decoration: underline; }

a.external:hover   { color: #0034a5; text-decoration: underline;}

a.external:active  { color: #0034a5; text-decoration: underline;}



/* Links der Titelleiste */

a.titlebar         { font-weight: bold; text-decoration: none; }

a.titlebar:link    { color: #C9DBF1; }

a.titlebar:visited { color: #C9DBF1; }

a.titlebar:hover   { color: #C9DBF1; text-decoration: none;}

a.titlebar:active  { color: #C9DBF1; text-decoration: none;}



/* Links der Taskleiste */

a.taskbar         { font-size: 10px; font-weight: normal; text-decoration: none; }

a.taskbar:link    { color: #C9DBF1; }

a.taskbar:visited { color: #C9DBF1; }

a.taskbar:hover   { color: #C9DBF1; text-decoration: none;}

a.taskbar:active  { color: #C9DBF1; text-decoration: none;}



/* Links der Sitemap */

a.sitemap         { font-weight: normal; text-decoration: none; }

a.sitemap:link    { color: #000000; }

a.sitemap:visited { color: #000000; }

a.sitemap:hover   { color: #000000; text-decoration: none;}

a.sitemap:active  { color: #000000; text-decoration: none;}



/* Links Paging */

a.paging         { font-weight: normal; text-decoration: none; }

a.paging:link    { color: #000000; }

a.paging:visited { color: #000000; }

a.paging:hover   { color: #000000; text-decoration: underline;}

a.paging:active  { color: #000000; text-decoration: underline;}



/* Links \"Buttons\" wie top, back, �bersicht, usw. */

a.button         { text-transform: uppercase;font-size:10px; font-weight: normal; text-decoration: none; }

a.button:link    { color: #000000; }

a.button:visited { color: #000000; }

a.button:hover   { color: #000000; text-decoration: none;}

a.button:active  { color: #000000; text-decoration: none;}





/* MenuLevel 1 */

a.menuLevel1Active { font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none; }

a.menuLevel1Active:link    { color: #FFFFFF; }

a.menuLevel1Active:visited { color: #FFFFFF; }

a.menuLevel1Active:hover   { color: #FFFFFF; text-decoration: none;}

a.menuLevel1Active:active  { color: #FFFFFF; text-decoration: none;}



a.menuLevel1Inactive { font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none; }

a.menuLevel1Inactive:link    { color: #FFFFFF; }

a.menuLevel1Inactive:visited { color: #FFFFFF; }

a.menuLevel1Inactive:hover   { color: #FFFFFF; text-decoration: none;}

a.menuLevel1Inactive:active  { color: #FFFFFF; text-decoration: none;}



/* MenuLevel 2 */

a.menuLevel2Active { font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }

a.menuLevel2Active:link    { color: #666666; }

a.menuLevel2Active:visited { color: #666666; }

a.menuLevel2Active:hover   { color: #666666; text-decoration: none;}

a.menuLevel2Active:active  { color: #666666; text-decoration: none;}



a.menuLevel2Inactive { font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; }

a.menuLevel2Inactive:link    { color: #666666; }

a.menuLevel2Inactive:visited { color: #666666; }

a.menuLevel2Inactive:hover   { color: #666666; text-decoration: none;}

a.menuLevel2Inactive:active  { color: #666666; text-decoration: none;}



/* MenuLevel 3 */

a.menuLevel3Active { font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; margin-bottom:10px;}

a.menuLevel3Active:link    { color: #000000; }

a.menuLevel3Active:visited { color: #000000; }

a.menuLevel3Active:hover   { color: #000000; text-decoration: none;}

a.menuLevel3Active:active  { color: #000000; text-decoration: none;}



a.menuLevel3Inactive { font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; }

a.menuLevel3Inactive:link    { color: #333333; }

a.menuLevel3Inactive:visited { color: #333333; }

a.menuLevel3Inactive:hover   { color: #333333; text-decoration: none;}

a.menuLevel3Inactive:active  { color: #333333; text-decoration: none;}





font.errorMessage {

  color: #CC0000;

  font-weight: normal;

}



.requiredNote {

  color: #CC0000;

  font-weight: normal;

}



img.picture {

	border: solid;

	border-width:1px;

	border-color:#cccccc;



}



.picture-cat-title { font-size:11px; color:#999999; }



/* Infobox Warenkorb */

h2.infoboxCart { color:#B7D1F2; padding-left:5px; }

table.infoboxCart { border: #223F66 1px solid; color:white;}

td.infoboxCart { background-color:#223F66; }

font.infoboxCart { font-size: 11px; color: #B7D1F2; }

a.infoboxCart:link    { font-size: 11px; font-weight: normal; color: #B7D1F2; text-decoration: none; }

a.infoboxCart:visited { font-size: 11px; font-weight: normal; color: #B7D1F2; text-decoration: none; }

a.infoboxCart:hover   { font-size: 11px; font-weight: normal; color: #B7D1F2; text-decoration: underline; }

a.infoboxCart:active  { font-size: 11px; font-weight: normal; color: #B7D1F2; text-decoration: underline; }





/* Infobox */

h2.infobox { color:#B7D1F2; padding-left:5px; }

table.infobox { border: #223F66 1px solid; }

td.infobox { background-color:#223F66; }

font.infobox { font-size: 11px; color: #B7D1F2; }



a.infobox         { font-size: 11px; font-weight: normal; color: #B7D1F2; text-decoration: none; }

a.infobox:link    { color: #B7D1F2; }

a.infobox:visited { color: #B7D1F2; }

a.infobox:hover   { color: #B7D1F2; text-decoration: underline; }

a.infobox:active  { color: #B7D1F2; text-decoration: underline; }



/* FE-Benutzer */

h2.feuser { color:#B7D1F2; padding-left:5px; }

table.feuser { border: #223F66 1px solid; }

td.feuser { background-color:#223F66; }

font.feuser { font-size: 11px; color: #B7D1F2; }

a.feuser { font-size: 11px; color:#FFFFFF; font-weight: normal; text-decoration: none; }

a.feuser:link    { color: #B7D1F2; }

a.feuser:visited { color: #B7D1F2; }

a.feuser:hover   { color: #B7D1F2; text-decoration: underline; }

a.feuser:active  { color: #B7D1F2; text-decoration: underline; }



/* News */

a.news         { font-weight: normal; text-decoration: none;}

a.news:link    { color: #000000; }

a.news:visited { color: #000000; }

a.news:hover   { color: #000000; text-decoration: underline; }

a.news:active  { color: #000000; text-decoration: underline; }



/* Language */

a.language         { font-weight: bold; text-decoration: none; }

a.language:link    { color: #223F66; }

a.language:visited { color: #223F66; }

a.language:hover   { color: #223F66; text-decoration: none; }

a.language:active  { color: #223F66; text-decoration: none; }



/* Infobox Calendar */

.ibcaldaynamebg { background-color:#B7D1F2; }

font.ibcaldayname      { font-size: 10px; color: #B7D1F2; font-weight: bold; }

a.ibcaldayname         { font-size: 9px; font-weight: bold; color: #B7D1F2; text-decoration: none; }

a.ibcaldayname:link    { color: #B7D1F2; }

a.ibcaldayname:visited { color: #B7D1F2; }

a.ibcaldayname:hover   { color: #B7D1F2; }

a.ibcaldayname:active  { color: #B7D1F2; }



.ibcaldaybg { background-color:#223F66; }

.ibcaltodaybg { background-color:#223F66; }

font.ibcaltoday { font-size: 9px; font-weight: bold; color: #B7D1F2; text-decoration:none; }

font.ibcalday      { font-size: 9px; color: #96B5DE; }

a.ibcalday         { font-size: 9px; font-weight: bold; color: #B7D1F2; text-decoration: none; }

a.ibcalday:link    { color: #B7D1F2; }

a.ibcalday:visited { color: #B7D1F2; }

a.ibcalday:hover   { color: #B7D1F2; }

a.ibcalday:active  { color: #B7D1F2; }





table {

	border:none;

}

td {

	border:none;

	vertical-align:top;

	padding-right:1em;

}





#nav {

	margin:0;

	padding:0;

	position:absolute;

	top:0;

	left:0;

}



#nav img {

	border:none;

	margin:0;

	padding:0;

}



#nav ul {

	list-style-type:none !important;

	margin:0;

	padding:0;

}



#nav ul li {

	list-style-image:none;

	margin:0;

	padding:0 0 2px 0;

	float:left;

}



#nav ul li ul {

	display:none;

	position:absolute;

	top:56px;

	width:130px;

}



#nav ul li ul li {

	float:none;

	padding-bottom:2px;

}



#nav ul li:hover ul,

#nav ul li.iehover ul {

	display:block;

}



#nav ul li ul li a {

	display:block;

	color:black;

	font-size:11px;

	padding:2px 9px;

}



#nav ul li ul li a:hover {

	text-decoration:none;

}



#nav ul li ul.nav-texte li a {

	background:#FDE6C7;

}



#nav ul li ul.nav-texte li a:hover {

	background:#fef2e2;

}



#nav ul li ul.nav-bild li a {

	background:#DBFDEA;

}



#nav ul li ul.nav-bild li a:hover {

	background:#ebfef3;

}



#nav ul li ul.nav-infos li a {

	background:#F9FFCC;

}



#nav ul li ul.nav-infos li a:hover {

	background:#fdffec;

}



#nav ul li ul.nav-musik li a {

	background:#D9E6F3;

}



#nav ul li ul.nav-musik li a:hover {

	background:#f0f5fb;

}



#nav ul li ul.nav-kontakt li a {

	background:#F6DEF8;

}



#nav ul li ul.nav-kontakt li a:hover {

	background:#faeefb;

}



form#mainForm td {

    font-size: 12px;

    padding: 0 0 2px 0 !important;

}



font.small, span.small {

    line-height: 1.5em !important;

}



form#mainForm tr.htmlElement td ul {

    padding-left: 2px;

}



form#mainForm tr.htmlElement td ul li {

    margin:0;

    padding:0 0 0 11px;

    font-size: 12px;

    list-style-type: none;

    list-style-image: none;

    background-image: url(/img/marcelhaag02/li-bg.gif);

    background-repeat: no-repeat;

    background-position: 0 8px;

}



form#mainForm td.label {

    font-weight: bold;

    width: 30%;

    padding-right: 5px;

}

.orderForm p {
    font-size: 12px;
}