/*  --------------------------------------------------------------------------------
		© 2005 Bosphorus Style Sheet | www.bosphorus.se | info@bosphorus.se
		Coded by Selim Cotal | selimcotal@hotmail.com
	-------------------------------------------------------------------------------- */

/* selector elements */

/* sets padding and margin to 0 in all elements */
* {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

/* --------------------------------------------------------------------------------- */

/* basic elements */

/* width and height being 100% along with text-align sets the page in center */
body {
	width: 100%;
	height: auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 13px;
}

/* removes all borders from images and tables */
img { border: none; }

/* removes cellpading and cellspacing from tables */
table { border-collapse: collapse; }

/* text tags */

h1 {
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h2 {
	color: #666666;
	font-size: 12px;
	padding-bottom: 5px;
	line-height: 5px;
}

h3 {
	font-size: 10px;
	margin-bottom: 3px;
	padding-bottom: 0px;
}

h4 {
	font-size: 14px;
	padding-bottom: 20px;
}

p {
	margin-bottom: 10px;
	margin-top: 10px;
}


/* --------------------------------------------------------------------------------- */

/* default Links */
a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
}

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

/* active state of links in produkter */
a#activelink {color: #000000;}

/* blue link in Om Bosphorus */
a#bluelink {color: #3333CC;}

/* brown link in Site Credits */
a#brownlink {color:#660000;}

/* green link in Catering */
a#greenlink {color: #006600}

/* red link in Återförsäljare */
a#redlink {color: #AE0000}

/* footer Links */
#divFooter a:link, #divFooter a:visited, #divFooter a:active {
	color: #008ACA;
	text-decoration: none;
}

#divFooter a:hover {
	color: #008ACA;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------- */

/* unordered list id's */

#ProdukterContentList ul, #AterforsaljareContentList ul { list-style-type: none; }

#OmBosphorusContent ul, #AterforsaljareContent ul { padding: 5px 0px 20px 40px; }

/* --------------------------------------------------------------------------------- */

/* div elements */

/* center div that holds the site in center */
#divCenter {
	position: relative;
	width: 850px;
	height: 100%;
	text-align: left;
	margin: auto auto;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	visibility: visible;	
}

/* header div with logo */
#divHeader {
	position: absolute;
	height: 85px;
	width: 850px;
	left: 0px;
	top: 20px;
	text-align: right;
	visibility: visible;
	background-image: url(images/logo_bosphorus.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right;
}

/* menu div with flash element */
#divMenu {
	position: absolute;
	height: 30px;
	width: 850px;
	left: 0px;
	top: 126px;
	text-align: left;
}

/* middle div that holds the content of the page */
#divContent {
	position: absolute;
	height: 350px;
	width: 850px;
	left: 0px;
	top: 170px;
	text-align: left;
}

/* left div in homepage */
#divContentLeft {
	position: absolute;
	height: 350px;
	width: 425px;
	left: 0px;
	top: 0px;
	text-align: left;
}

/* right div in homepage */
#divContentRight {
	position: absolute;
	height: 350px;
	width: 425px;
	top: 0px;
	text-align: left;
	background-color: #C2BF8B;
	right: 0px;
	background-color: #C2BF8B;
}

/* footer div that includes e-mail, copyright info and phone number */
#divFooter {
	position: absolute;
	height: 25px;
	width: 850px;
	left: 0px;
	text-align: left;
	top: 535px;
	color: #999999;
}

/* footer menu div that includes om bosphorus and site credits */
#divFooterMenu {
	position: absolute;
	height: 30px;
	width: 250px;
	top: 535px;
	left: 560px;
}

/* --------------------------------------------------------------------------------- */

/* div elements for specific pages */

/* produkter */
#divProdukterLeft {
	position: absolute;
	height: 350px;
	width: 250px;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #CEC6D7;
	overflow: auto;
}

#divProdukterRight {
	position: absolute;
	height: 350px;
	width: 600px;
	top: 0px;
	background-color: #FFFFFF;
	left: 250px;
	right: 0px;
}

/* återförsäljare */
#divAterforsaljareLeft {
	position: absolute;
	height: 350px;
	width: 300px;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #EBD7D7;
}

#divAterforsaljareRight {
	position: absolute;
	height: 350px;
	width: 550px;
	top: 0px;
	right: 0px;
	background-color: #EBD7D7;
	overflow: auto;
}

/* catering */
#divCateringLeft {
	position: absolute;
	height: 350px;
	width: 300px;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #D7DFD9;
}

#divCateringRight {
	position: absolute;
	height: 350px;
	width: 550px;
	top: 0px;
	text-align: left;
	right: 0px;
	background-color: #D7DFD9;
	overflow: auto;
}

/* form information in cateringformular page */
#divCateringFormInfo {
	position: absolute;
	top: 55px;
	width: 130px;
	height: 30px;
	z-index: 10;
	right: 35px;
	
}

/* kontakt */
#divKontaktLeft {
	position: absolute;
	height: 350px;
	width: 550px;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #F3DDBF;
	overflow: auto;
}

#divKontaktRight {
	position: absolute;
	height: 350px;
	width: 300px;
	top: 0px;
	text-align: left;
	right: 0px;
	background-color: #F3DDBF;
}

/* nyheter */
#divNyheterLeft {
	position: absolute;
	height: 350px;
	width: 550px;
	text-align: left;
	background-color: #E8D8C5;
	overflow: auto;
	top: 0px;
	left: 0px;
}

#divNyheterRight {
	position: absolute;
	height: 350px;
	width: 300px;
	top: 0px;
	text-align: left;
	right: 0px;
	background-color: #E8D8C5;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
}

/* om bosphorus */
#divOmBosphorusLeft {
	position: absolute;
	height: 350px;
	width: 300px;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #C6E3F6;
}

#divOmBosphorusRight {
	position: absolute;
	height: 350px;
	width: 550px;
	top: 0px;
	text-align: left;
	right: 0px;
	background-color: #C6E3F6;
}

/* site credits */
#divSiteCreditsLeft {
	position: absolute;
	height: 350px;
	width: 300px;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #EBDA9F;
}

#divSiteCreditsRight {
	position: absolute;
	height: 350px;
	width: 550px;
	top: 0px;
	text-align: left;
	right: 0px;
	background-color: #EBDA9F;
}

/* --------------------------------------------------------------------------------- */

/* produkter information boxes */

/* little saksuka on main produkter page */
img.produkterImage {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#biberdolma {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	top: 125px;
	left: 25px;
}

#borek {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	left: 15px;
	bottom: 200px;

}

#cacik {
	position: absolute;
	height: auto;
	width: 170px;
	text-align: right;
	left: 5px;
	bottom: 125px;
}

#canki {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: left;
	left: 60px;
	bottom: 80px;
}

#dolma {
	position: absolute;
	height: auto;
	width: 220px;
	text-align: left;
	top: 35px;
	left: 40px;
}
#enginar {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	left: 15px;
	bottom: 125px;
}

#ezme {
	position: absolute;
	height: auto;
	width: 160px;
	text-align: right;
	left: 130px;
	bottom: 75px;
}

#hummus {
	position: absolute;
	height: auto;
	width: 200px;
	text-align: right;
	top: 15px;
	left: 25px;
}

#kabaksalata {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	left: 0px;
	bottom: 125px;
} 

#kisir {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	top: 50px;
	right: 45px;
}

#likya {
	position: absolute;
	height: auto;
	width: 150px;
	text-align: right;
	left: 10px;
	bottom: 10px;
}

#mercikofte {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	left: 5px;
	bottom: 50px;
}

#mititkofte {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	top: 50px;
	left: 0px;
}

#pilaki {
	position: absolute;
	height: auto;
	width: 200px;
	text-align: right;
	left: 30px;
	bottom: 125px;
}

#pilavbulgur {
	position: absolute;
	height: auto;
	width: 180px;
	text-align: right;
	left: 15px;
	bottom: 125px;
}

#piyaz {
	position: absolute;
	height: auto;
	width: 150px;
	text-align: right;
	left: 0px;
	bottom: 40px;
}

#saksuka {
	position: absolute;
	height: auto;
	width: 200px;
	text-align: right;
	top: 50px;
	left: 20px;
}

#shishtavuk {
	position: absolute;
	height: auto;
	width: 150px;
	text-align: right;
	left: 45px;
	bottom: 125px;
}

#tavuk {
	position: absolute;
	height: auto;
	width: 140px;
	text-align: right;
	top: 80px;
	left: 100px;
}

#tjerkesisk {
	position: absolute;
	height: auto;
	width: 200px;
	text-align: right;
	left: 25px;
	bottom: 125px;
}

/* --------------------------------------------------------------------------------- */

/* content div elements */

/* index page content margin */
#IndexContent {
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}

#AterforsaljareContent, #CateringContent, #KontaktContent, #NyheterContent, #OmBosphorusContent, #SiteCreditsContent { margin: 15px 20px 0px 25px; }

#AterforsaljareContentList { margin: 15px 0px 0px 25px; }

#ProdukterContentList {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#ProdukterContentRight { margin: 63px 80px 0px 45px; }

/* centers "nya tider kräver nya utmaningar" by padding */
#IndexContent h1 { padding: 0px 0px 35px 25px; }

/*#KontaktContent h1 { padding: 10px 0px 0px 53px; }*/


/* --------------------------------------------------------------------------------- */

/* table classes */

/* catering table */
table.cateringTable {
	position: absolute;
	width: 340px;
	top: 55px;
	left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* catering table cell */
table.cateringTable td {
	text-align: left;
	padding: 0px 0px 1px;
	vertical-align: top;
}

/* återförsäljare table */
table.aterforsaljareTable {
	position: absolute;
	width: 340px;
	top: 130px;
	left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* återförsäljare table cell */
table.aterforsaljareTable td {
	text-align: left;
	padding: 0px 0px 3px;
	vertical-align: top;
}

/* kontakt table */
table.kontaktTable {
	position: absolute;
	width: 400px;
	top: 60px;
	left: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* kontakt table cell */
table.kontaktTable td {
	vertical-align: top;
	padding: 0px 0px 15px;
	text-align: left;
}

/* --------------------------------------------------------------------------------- */

/* styles for input and textarea boxes in forms */

/* style for input and textarea boxes */
textarea.textbox {
	border: 1px solid #CCCCCC;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

input.textfield {
	border: 1px solid #CCCCCC;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

/* style for form buttons */
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

/* --------------------------------------------------------------------------------- */

span.error {
	color: #cc0000;
}

input.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}