/* ----------------------------------------------------------------
	CSS: Apotheke am Rathaus
	Author: Eduard Müller (www.data-dienste.de)
	Version: 1.1
	Date: 18.10.2008
---------------------------------------------------------------- */

/*
	gray	#424142
*/

* { margin:0px; padding:0px; }
body {
	margin-top:60px; padding:0px;
	text-align:center;
	font-size:101%;
	font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#424142;
	background-color:#7BB2C0;
}
p,pre,h1 {}
td  { vertical-align:top; }
hr { height:1px; color:#999999; }
ul,ol { margin-left:2em; }
h1 {
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:transparent;
}
h2 {
	margin-bottom:10px;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	background-color:transparent;
}
strong {
	color:#424142;
	font-weight:bold;
}
img { border:0px solid white; }
a:link,a:visited {
	color:#C1272D;
	text-decoration:none;
}
a:hover,a:active,a:focus { text-decoration:underline; }


/*  positioning-layers */

#overall {
	width:750px; height:490px;
	margin:0px auto; padding:0px;
}

#box {
	width:750px;
	margin:0px auto; padding:0px;
	text-align:left;
	background-color:#ffffff;
	border-top:1px solid #C8DFE5;
	border-bottom:1px solid #C8DFE5;
}

#kopf {
	display:block;
	width:750px; /*height:91px;*/ height:120px;
	/*background:#ffffff url("images/hwwi-banner.jpg") no-repeat top right;*/
	background:#ffffff;
}

#rot-oben {
	width:750px; height:27px;
	clear:both;
	background-color:#C1272D;
}

#logo {
	width:215px; height:93px;
	margin:0px; padding:0px;
	float:left;
}

#menu1 {
	position:relative; top:0px; left:0px;
	height:41px;
	margin:50px 0px 0px 20px; padding:0px;
	float:left;
	font-size:11px;
	border:0px solid green;
}
*html #menu1 { margin-left:0px; }
#menu1 ul li {
	padding-right:10px;
	float:left;
	list-style-type:none;
}
#menu1 a {
	color:#C1272D;
	text-decoration:none;
}
#menu1 a:link, #menu1 a:visited {
	text-decoration:none;
}
#menu1 a:hover {
	color:#424142;
	text-decoration:underline;
}

#mainbox  {
	width:750px;
	margin:0px auto; padding:0px;
	text-align:left;
}

#cont {
	display:block;
	position:relative; top:0px;
	width:409px; height:309px;
	padding:0px;
	float:left;
	background:#E9F2F5 url("images/logo-content-top.jpg") no-repeat top left;
	border:0px solid brown;
}

#content {
	width:*; width:350px; height:255px;
	margin-left:24px; margin-right:1px; margin-top:44px; padding-top:0px;
	overflow:auto;
	background-color:#transparent;
	font-size:11px;
	line-height:140%;
	border:0px solid green;
}
#content p {
	margin-bottom:1em;
}

#rechts {
	display:block;
	width:341px; height:309px;
	padding:0px;
	float:right;
	color:#F3D4D5;
	font-size:11px;
	text-align:right;
	background-color:#C1272D;
}
#rechts a {
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
	color:#F3D4D5;
}
#rechts a:link, #rechts a:visited { text-decoration:none; }
#rechts a:hover, #rechts a:active, #rechts a:focus { text-decoration:underline; }

#footer {
	height:63px;
	background:#C1272D url("images/logo-content-bottom.jpg") no-repeat top left;
	border:0px solid brown;
}
#poweredby {
	font-size:small;
	text-align:left;
}
#poweredby a:link, #poweredby a:visited { color:#9BCCCC; text-decoration:none; }
#poweredby a:hover, #poweredby a:active, #poweredby a:focus { color:#9BDCDC; text-decoration:underline; }

select,textarea,input {
	margin:0px; padding:0px;
	font-size:100%;
	color:#666666;
	background-color:#ffffff;
	border:1px solid #999999;
}

/* Mailform */
.csc-mailform { border:0px solid blue; }
.csc-mailform .csc-mailform-field { margin:1px 0px; }
.csc-mailform .csc-mailform-field { clear:both; }
.csc-mailform .csc-mailform-field label { float:left; width:140px; }
.csc-mailform .csc-mailform-field .csc-mailform-radio fieldset { border:0px solid red; }
.csc-mailform .csc-mailform-field .csc-mailform-radio label { margin-right:2em; width:auto; }
.csc-mailform .csc-mailform-field .csc-mailform-radio { display:inline; float:left; }