/*

Stadtbäckerei 
www.stadtbaeckerei-muenster.de

(c)2010 YPH Kreative
www.yph-kreative.de

*/



/*

CI

grey		#999999
blue 		#002366
red		#CC1B3B


*/


body {
	magrin:0px;
	padding:0px;
	background-color:#EFEFEF;
}
#container_01 {
	width:980px;
	text-align:left;
	margin:auto;
	xpadding:0px;
	background-image:url(../_images/bg_content.jpg);
	background-repeat:repeat-y;
}


/*** Header ***/

#header {
	width:980px;
	height:345px;
}
#header_left {
	width:340px;
	float:left;
}
#header_right {
	width:640px;
	float:right;
}
#buttons {
	width:340px;
}
#button_left {
	width:170px;
	float:left;
}
#button_left img  {
	border:none;
}
#button_right {
	width:170px;
	float:right;
}
#button_right img {
	border:none;
}


/*** content ***/

#content {
	width:980px;
}
#left {
	width:170px;
	padding:0px;
	margin:0px;
	float:left;
}
#left_inside {
	padding:0px;
	margin:0px;
}
#right_gr {
	width:810px;
	float:right;
}
#right_gr_inside {
	padding:30px 20px 20px 30px;
}
#right_gr_inside .csc-textpic-imagewrap {
	xborder: 1px solid #cccccc;
	padding:0px;
}
#middle {
	width:550px;
	padding:0px;
	float:left;
}
#middle_inside {
	padding:20px;
}

#right {
	width:260px;
	padding:0px;
	float:right;
}
#right_inside {
	padding:30px 20px 20px 20px;	
}
#right_inside img {
	padding:5px 0px 5px 0px;	
}


/*** navigation ***/


#navigation ul {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline;
}
#navigation ul li a {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	display:block;  
	margin: 0px; 
	text-decoration: none;
	border-bottom:1px solid #999999;
	padding: 12px 0px 10px 25px;
}
#navigation ul li a:hover {
	background-color:#999999;
	text-decoration: none;
	color:#ffffff;
}
#navigation .style_01 a {
	padding:12px 0px 10px 40px !important;
	color:#ffffff !important;
}
#navigation .active a {
	background-color:#999999 !important;
}
#navigation .active2 a {
	background-color:#CC1B3B !important;
	padding:12px 0px 10px 40px;
}

/*** footer ***/

#footer {
	background-color:#999999;
	clear:both;
	width:980px;
	height:85px;
}


/*** Footer Navigation ***/


#footer_navigation {
	margin-left:860px;
	padding-top:20px;
}
#footer_navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#footer_navigation ul li {
	display: inline;
	text-decoration:none;
}
#footer_navigation ul li a {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	display:block;  
	margin: 0px; 
	text-decoration: none;
	padding: 5px 0px 5px 35px;
}
#footer_navigation ul li a:hover {
	text-decoration: underline;
	color:#ffffff;
}




/*** typo ***/


p {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	color: #666666;
	margin-top: 0px;
}
h1 {
	font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #CC1B3B;	
	text-transform:uppercase;
}
h2 {
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #CC1B3B;
	text-transform:uppercase;	
}
h3 {
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #002366;	
}
i {
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #002366;	
}
b {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	color:#002366;
	margin-top: 0px;
}
strong {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	color:#002366;
	margin-top: 0px;
}
ol {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	color: #666666;
	margin-top: 0px;
}
table {
	border:none;
}
td {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #666666;
	padding:5px;
	border-top:1px solid #cccccc;
	text-align:left;
}
tr {
	border:1px solid #cccccc;
}

.bodytext {
	padding-bottom:8px;
}
a:link, a:visited, a:active {
	color: #CC1B3B;
	text-decoration: underline;
}
a:hover {
	color: #CC1B3B;
	text-decoration: underline;
}
a:focus {
	outline-offset: -1px;
	-moz-outline: none;
	outline: none;
}
.hidden {
	display:none;
}


.csc-textpic-caption {
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #666666;
	margin-top: 2px;
	padding:0px 0px 5px 5px;
}
.csc-mailform {
	border: 0px;
	margin: 0px;
	padding: 0px 30px 0px 0px;
}
.csc-mailform-field {
	padding: 3px 0px 2px 0px;
	clear: both;
	font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #666666;
}
.csc-mailform label {
	float: left;
	clear: both;
	padding-top: 2px;
	color:#666666;
}
.csc-mailform input, textarea {
	float: right;
	width: 250px;
}
.csc-mailform select {
	float: right;
	width: 255px;
}
.csc-mailform-submit {
	margin: 0px 0px 0px 0px;
	width: 180px !important;
	clear: both;
}
.csc-mailform-field {
	font: normal 12px "Georgia";
	line-height: 16px;
	color: #666666;
}
label {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	line-height: 16px;
	color:#666666;
}
.form_error {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #666666;
}



/*** powermail ***/

label {
	float: left;
	clear: both;
	padding-top: 2px;
	color:#666666;
}
.tx-powermail-pi1_fieldset ,tx-powermail-pi1_fieldset_bestelllung ,tx-powermail-pi1_fieldset_1 {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
.powermail_mandatory {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	width: 255px;
	height:20px;	
}

/*** zweispaltig ***/

.spalte_left {
	width:350px;
	float:left;
	padding:10px 10px 10px 0px;
}
.spalte_right {
	width:350px;
	float:left;
	padding:10px;
}

/*** dreispaltig ***/

.spalte_left_03 {
	width:220px;
	float:left;
	padding:10px 10px 10px 0px;
}
.spalte_middle_03 {
	width:220px;
	float:left;
	padding:10px;
}
.spalte_right_03 {
	width:220px;
	float:left;
	padding:10px;
}
#right_gr_inside .csc-textpic-imagewrap {
	xborder: 1px solid #cccccc;
	padding:0px;
	margin:0px;
}