/* Theme Name: bonjour hotel Theme URI: http://www.hotelbonjour.de/css/ 
   Description: grey logo topban, horizontal striped body, top navigation. 
   Version: 0.1

last updated: 11.02.2009
*/



/* ########## basics and typography ######### */

body {
	margin: 0;
	padding: 0;
	background: #D7D7D7;
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Arial", "sans-serif";
	color: #D7D7D7;
}

a.big {
	font-family: "Arial", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FF8403;
}

a {
	font-family: "Arial", "sans-serif";
	text-decoration: none;
	color: #FF8403;
}

a:link { color: #761138; }
a:visited { color: #761138; }
a:hover, a:active { color: #454952; text-decoration: underline; }

#wrapper {
	align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*  	border: 1px solid #ffCC33; */
}

#topban {
	align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #4A4A4A;
 	background-image: url(../pics/bg-topban.gif);
	background-repeat:no-repeat;
/* 	border: 1px solid #BAB6B3; */
}



/* ########## navigation ######### */

#navigation {
	width: 100%;
	height: 28px;
	align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #A486B9;
 	background-image: url(../pics/bg-navi.gif); 
	background-repeat:repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7D7D7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A5A5A5;
}


#navwrapper {
	width: 840px;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	height: 28px;
/* 	border: 1px solid #FF8403; */
}

#navitem_1 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 20px 2px 3px;
	height: 28px;
	line-height: 1.5em;
	text-align: left;
/* 	border: 1px solid #CCCCCC; */
}

#navitem {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 15px 2px 15px;
	height: 28px;
	line-height: 1.5em;
	text-align: left;
/* 	border: 1px solid #EEEEEE; */
}

#navitem_2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 2px 62px;
	height: 28px;
	line-height: 1.5em;
	text-align: left;
/* 	border: 1px solid #CCCCCC; */
}


#navitem a, #navitem_1 a, #navitem_2 a {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
/* 	color: #A5A5A5; */
}

#navitem a:link, #navitem_1 a:link, #navitem_2 a:link { color: #fff; }
#navitem a:visited, #navitem_1 a:visited, #navitem_2 a:visited { color: #fff; }
#navitem a:hover, #navitem_1 a:hover, #navitem_2 a:hover, a.sidenav1:active { color: #fff; text-decoration: underline; }

/* ########## end navigation ######### */

#contentainer {
	align: center;
	width: 100%;
	/*height: 400px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ffffff;
	background: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A5A5A5;
}

#clearer {
	clear: both;
	height:1px;
	background: #ffffff;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

#content {
	width: 900px;
	font-size: 13px;
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 0px solid #CCCCCC;

}

#contentbody {
	/*float: left;*/
	width: 410px;
	font-size: 13px;
	line-height: 1.8em;
	color: #000000;
	margin: 0px;
	padding: 30px 0px 20px 50px;
	text-align: left;
	background: #ffffff;
	border: 0px solid #CCCCCC;
}

#contentbodypix {
	/*float: left;*/
	width: 400px;
	font-size: 13px;
	color: #000000;
	line-height: 1.8em;
	margin: 40px 0px 20px 20px;
	padding: 8px;
	text-align: left;
	background: #D7D7D7;
	border: 1px solid #A5A5A5;
}

#contentbodypixlightbox {
	float: right;
	font-size: 13px;
	color: #000000;
	line-height: 1.8em;
	margin: 40px 0px 20px 20px;
	padding: 8px;
	text-align: left;
	background: #D7D7D7;
	border: 1px solid #A5A5A5;
}

#contentbodypixlightbox img.objekte {
	margin: 8px;
	padding: 0px;
	text-align: left;
	border: 1px solid #fff;
}

a.lightbox:link { color: #fff; }
a.lightbox:visited { color: #fff; }

#contentbodywhite {
	/*width: 100%;*/
	/*float: left;*/
	font-size: 13px;
	color: #ffffff;
	line-height: 1.8em;
	margin: 0px;
	padding: 40px;
	text-align: left;
	background: #fff;
	border: 0px solid #CCCCCC;
}


#startbox {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 0px;
}

#colorstripewrapper {
	align: center;
	width: 100%;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;
	background: #A5A5A5;
}

#colorstripe {
	width: 860px;
	font-size: 11px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px solid #CCCCCC;
}


#colorstripebody {
	font-size: 11px;
	line-height: 1.8em;
	margin: 10px;
	padding: 0px;
	text-align: left;
	background: #A5A5A5;
}

h1 {
	font-family: "Times New Roman", "Garamond", "Georgia", "serif";
	margin: 15px 0px 0px 0px;
	line-height: 34px;
	letter-spacing:1px;
	font-size: 33px;
	font-weight: bold;
	color: #761138;
	text-transform: lowercase;
}

h2 {
	font-family: "Times New Roman", "Garamond", "Georgia", "serif";
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 34px;
	letter-spacing:1px;
	font-size: 33px;
	font-weight: normal;
	color: #761138;
}

h3, h4 {
	font-family: "verdana", "sans-serif";
	margin: 10px 0px 10px 0px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #761138;
}

h2.white {
	font-family: "verdana", "sans-serif";
	margin: 10px 0px 10px 0px;
	/*line-height: 34px;*/
	/*letter-spacing:1px;*/
	font-size: 28px;
	font-weight: normal;
	color: #ffffff;
}

.fff {
	color: #fff;
}

.red {
	color: #ff0000;
}

#footerwrapper {
	align: center;
	width: 100%;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #FFFFFF;
	background: #D7D7D7;
}

#footerbox {
	width: 860px;
	font-size: 11px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px solid #D7D7D7;
}


#footerbody {
	font-size: 11px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: #D7D7D7;
}


.footer {
	text-align: center;
	width: 860px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	color: #5E5E5E;
/*  	border: 1px solid #4081A2; */
}



a.footnav {
	font-family: "Arial", "sans-serif";
	font-size: 11px;
	text-decoration: none;
	color: #99CC33;
}

a.footnav:link { color: #99CC33; }
a.footnav:visited { color: #99CC33; }
a.footnav:hover, a.sidenav1:active { color: #99CC33; text-decoration: underline; }

td {
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Arial", "sans-serif";
	text-decoration: none;
	color: #ffffff;
}


input, textarea, select {
	border: 1px solid #761138;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
	font-family: "Arial", sans-serif;
	margin-bottom: 5px;
	margin-right: 10px;
}

/*################################  FORMULARE      ###############################*/

.csc-mailform {
	border: none; /* Rand ausschalten */
}

.csc-mailform-field {
	clear:both;
}

.csc-mailform-label {
	font-family: "verdana", "sans-serif";
	margin: 0px 0px 10px 0px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #761138;
}

.csc-mailform-field label {
	float:left;
	clear:both;
	display:block;
	width:150px;
	padding-left:0px;
	margin-bottom:10px;
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {
	float:left;
	display:block;
	width:180px;
	border: 1px solid #333;
	background:#F4F4F4;
	padding:1px;
	margin-bottom:10px;
}

.csc-mailform-radio #mailformZimmertyp, .csc-mailform-radio #mailformZimmertyp2 {
	width:160px;
	margin-bottom:5px;
	padding-bottom:5px;
}

.csc-mailform-radio input {
	float:left;
	/*clear:left;*/
	display:block;
	/*clear:both;*/
	width:10px;
	padding:1px;
	padding:0px;
	margin:0px;
	height:15px;
}
.csc-mailform-radio label {
	float:left;
	/*clear:none;*/
	clear:right;
	/*clear:both;*/
	display:block;
	width:50px;
	padding-left:10px;
	/*margin-bottom:10px;*/
	/*padding: 0px;*/
	margin: 0px;
	height:15px;
}

.csc-mailform-submit {
	/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
	margin-left: 150px;
	/* Float wieder abschalten */
	clear: both;
}