/* 
  Titel: sylter-spiegel.de CSS Stylesheet
  Autor: Torben hansen, Skyfillers GmbH
  Datum: 04.03.2009
*/

/************************************************************/
/* Allgemeine Schrift-Typen festlegen                       */
/************************************************************/
h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select { font-family: Arial,Verdana, Helvetica, Sans-Serif; color: #000000; font-size: 12px;}
pre { font-family: monospace; }
form { margin: 0px 0px 0px 0px;}
p, pre { margin: 5px 5px 0px 0px; line-height: 1.6em;}
p, td, ul, ol { font-size: 12px; }

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

/************************************************************/
/* Formatierungen	Seite                                     */
/************************************************************/
body {
  height: 100%;
	margin: 0;
	padding: 0;
  text-align: center;
  min-width: 994px;
	font-family: Arial,Verdana,Helvetica, Sans-Serif;
	font-size: 12px;
	color: #E6EAEC;
	
	background-image: url(../gfx/bg-body.gif);
	background-repeat: repeat-x;  	
  background-color: #C1CBD0;
}

html, body { 
	width: auto;
}

/************************************************************/
/* Formatierungen	Layer                                     */
/************************************************************/
#format {
  position: relative;
  top: 0;
  right: 0;  
	width: 994px;
	margin: auto;
	text-align: left;
	vertical-align: middle;
}

#main {
	margin: 50px 0 0 0;
	background-color: #DFF1FD;

	padding: 7px;
	width: 980px;

	min-height: 730px;
	height:auto !important;
	height: 730px;	
}

#header {
	width: 100%;
	height: 106px;
	background-color: #F2F2F2;	
}

#header-image {
	width: 100%;
	height: 152px;
	background-color: #F2F2F2;	
}

#menu-top {
	width: 100%;
	height: 37px;	
	
	background-image: url(../gfx/bg-menu-top.gif);
	background-repeat: repeat-x;  	
	background-color: #F2F2F2;	
}

#content-container {
	width: 100%;

	min-height: 435px;
	height:auto !important;
	height: 435px;	
}

#left {
	float: left;
	width: 196px;
	margin: 0 7px 0 0;
}

#content {
	float: left;
}

#copyright {
	float: left;
	text-align: right;
	margin: 6px 0 0 0;
	padding: 0 28px 0 0;
	color: #E6EAEC;
} 

div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1pt;
}

/************************************************************/
/* Formatierungen	Menus                                     */
/************************************************************/
#menu-bottom ul {
	margin: 6px 0 0 0;
	padding: 0;	
	float: right;
}

#menu-bottom li {
	list-style: none;
	float: left;
	padding: 0 0 0 5px;
	
	color: #E6EAEC;
	font-size: 12px;
}

#menu-bottom li a {
	color: #E6EAEC;
	font-size: 12px;
	margin: 0 5px 0 0;
}

#left ul {
	margin: 16px 0 0 0;
	padding: 0;	
}

#left li {
	list-style: none;
	width: 196px;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	margin: 0 0 2px 0;

	text-transform: uppercase;
}

#left li.level2 {
	list-style: none;
	width: 196px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin: 0 0 2px 0;
}

#left li a {
	color: #FFFFFF;	
	font-weight: bold;
	font-size: 14px;
	display: block;

	padding: 0 0 0 19px;

	background-image: url(../gfx/bg-menumain-blau.gif);
	background-repeat: no-repeat; 		
}

#left li a:hover, #left li a.active {
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	display: block;

	padding: 0 0 0 19px;

	background-image: url(../gfx/bg-menumain-blau-pfeil.gif);
	background-repeat: no-repeat; 		
}

#left li a.menu7 {
	background-image: url(../gfx/bg-menumain-gruen.gif);
}

#left li a.menu7:hover, #left li a.menu7_active {
	background-image: url(../gfx/bg-menumain-gruen-pfeil.gif);
}

#left li a.menu5 {
	background-image: url(../gfx/bg-menumain-rot.gif);
}

#left li a.menu5:hover, #left li a.menu5_active {
	background-image: url(../gfx/bg-menumain-rot-pfeil.gif);
}

#left li a.menu47 {
	background-image: url(../gfx/bg-menumain-grau.gif);
}

#left li a.menu47:hover, #left li a.menu47_active {
	background-image: url(../gfx/bg-menumain-grau-pfeil.gif);
}

#left li.level2 a {
	background-image: none;
	color: #909090;
	font-size: 12px;
	text-transform: none;
	padding: 0 0 0 30px;
}

#left li.level2 a:hover, #left li.level2 a.active {
	background-image: none;
	color: #838383;
	font-size: 12px;
	padding: 0 0 0 30px;
}


/************************************************************/
/* Formatierungen	?berschriften                             */
/************************************************************/
h1.csc-firstheader, h2.csc-firstheader, h3.csc-firstheader, h4.csc-firstheader, h5.csc-firstheader, h6.csc-firstheader { margin-top: 0px; }
h1 {																				
	font-family: Arial, Verdana, Sans-serif;
	color: #006796;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

h2 {
	font-family: Arial, Verdana, Sans-serif;
	color: #006796;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0;
}

h3 {																				
	font-family: Arial, Verdana, Sans-serif;
	color: #006796;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0;
}

h4 {																				
	font-family: Arial, Verdana, Sans-serif;
	color: #006796;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.article_descr span{color:#000000;}
.article_count span{color:#000000;}
.article_price span{color:#000000;}

/************************************************************/
/* Mailform                                                 */
/************************************************************/
.csc-mailform {
        border: 0px;
}

.csc-mailform-field {
				float: left;
        margin: 0 0 10px 0;
        height: auto;
				width: 100%;
}

.csc-mailform-field label {
        font-size: 12px;
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        width: 120px;
        float: left;
        text-align: left;
        margin-right: 10px;
        display: block
}

.csc-mailform-field input {
	clear: right;
}

.csc-mailform-check {
	float: left;
	border: 0;
}

.csc-mailform-submit {
        margin-left: 110px;
}