/* Stilmallen för Andreas & Erikas bröllopssida */

/* Längst bak ligger en lila färg och ovanpå den en lila bakgrundsbild som har en orange bård till vänster.
Bilden repeteras i y-led. */
html {
background: #816BB4 url(backgroundimage.jpg) repeat-y fixed;
padding-left: 240px;
}

/* Text är Georgia eller serif-typsnitt, vänsterjusterad */
body 
{
    
font-family: Georgia, "Times New Roman", serif;
font-size: medium;
text-align: left;
}

/* Det flytande vita "pappret" i mitten */
#main {
/* Luft ovanför, flytande i mitten i horisontell led */
margin: 15px auto auto auto;
padding-top: 15px; /*Luft inuti upptill */
background: #FFFFFF; /*Luft inuti upptill */
width: 700px; /* Bredden */
min-height: 700px; /* Så att den inte blir för liten även om innehåll saknas */
}

#content {
padding: 0px 50px 10px 50px; /* Lagom  marginaler inuti */
}

/* Menyn är fix-positionerad mellan den oranga bården
i bakgrundsbilden och det vita "pappret" i mitten på sidan */
#menu
{
position: absolute;
top: 50px;
left: 120px;
font-style: italic; /* Kursiv stil i menyn */
font-weight: 100; /* Så att texten blir lagom fet */
}

/* Rubriker är monotype corsiva eller annat "skrivstilssypsnitt" */
h1, h2, h3, legend{
font-family: "Monotype Corsiva", cursive;
font-weight: 100; /*Så att rubrikerna inte blir för feta */
text-align: center; /* Rubriker är centerjusterade */
}

/*Rubrikernas textstorlek */
h2 {
font-size: 200%;
}
h3 {
font-size: 140%;
}

/* I formuläret, rubrikerna till fieldset */
legend {
font-size: 140%; /* Så att det ser ut som rubrik, tillräckligt stort */
}

/*Menyn har absolut textstorlek så att den inte hamnar konstigt. */
div.menuitem {
padding: 3px 6px 3px 6px;
font-size: 28px;
/* Monotype corsiva, eller annat  "skrivstilstypsnitt" */
font-family: "Monotype Corsiva", cursive;
}

/*Menyns länkar är orangea och ej understrukna*/
#menu a:link {
color: #F7D694;
text-decoration:none;
}

/* Menyns besökta länkar är också orangea */
#menu a:visited {
color: #F7D694;
text-decoration:none;
}

/* När muspekaren hålls över är menyobjektet vitt i fetstil */
#menu a:hover {
color: #FFFFFF;
font-weight: bold;
}

/* Det för tillfället valda menyobjektet visas
i fetstil och understruket */
#menu a.selectedmenu {
font-weight: bold;
text-decoration: underline;
}

/* Ingen ram runt bilder i länkar */
a:link img {
border: 0;
}
a:visited img {
border: 0;
}

/* Vanliga länkar är lila och ej understrukna */
a:link{
color:#614B94;
text-decoration: none;
}

/* Besökta länkar är orangea och ej understrukna */
a:visited{
color:#D5924B;
text-decoration: none;
}

/* Luft i tabellceller i formulär */
fieldset td {
padding: 5px;
}

/* Lite luft runt knappen i anmälformuläret */
#anmalknapp {
margin: 5px;
}

/* Ett stycke som i motsats till övriga stycken har
centerjusterad text. Tänkt för centerjusterade bilder. */
.center {
text-align: center;
}

#inlogg 
{
    text-align: center;
}

#hotell td
{
    border-bottom: 1px solid #614B94;
    border-right: 0px;
}

.validation-summary-errors, .field-validation-error
{
    color: Red;
}

.input-validation-error 
{
    border: 2px solid Red;
}

#anmalda-gaster td, #valj-hotell td
{
    padding-right: 15px;
}

div .box
{
    border: 1px solid #614B94;
    margin-top: 5px;
    padding:20px;
}

.visa-en-inbjudan, .inlagg
{
    table-layout: fixed;
    width: 100%;
}
 .visa-en-inbjudan td, .inlagg td
 {
     padding: 5px;
 }
 
 .visa-en-inbjudan-vanster, .visa-en-inbjudan-hoger,
 .visa-en-inbjudan-under
 {
     width: 50%;
 }
 
 .visa-en-inbjudan-under
 {
     font-size: 70%;
 }
 
 .skickad-knapp
 {
     margin: 5px 0px 5px 0px;
 }
 
 .inlagg, .two-column-contact
 {
     width: 100%;
 }
 
 .inlagg-rubrik, .inlagg-text
 {
     width: 70%;
 }
 .inlagg-rubrik
 {
     font-size: 80%;
     font-weight: bold;
 }
 
 .inlagg-text
 {
     /* border-right: 1px solid #614B94; */
 }
 
 .inlagg-filer
 {
     border: 1px solid #816BB4;
 }
 
 .kommentar, .kommentar-rubrik
 {
     font-style: italic;
     width: 70%;
     margin-left: 15%;
 }
 
.kommentar
 {
     font-size: 75%;
 }
 
 .kommentar-rubrik
 {
     font-size: 65%;
     font-weight: bold;
 }
 
 .kommentera
 {
     margin-left: 15%;
 }
 
.two-column-contact
 {
     text-align: center;
 }

 
 .smalltext
 {
     font-size: 85%;
 }
 
 .inloggningar-a
 {
     width: 36%;
 }
 /*
 .inloggningar-b
 {
     width: 14%;
 }
 
 .inloggningar-c
 {
     width: 13%;
 }
 
 .inloggningar-d
 {
     width: 27%;
 }
 
*/
 

/* Pagination
-------------------------------------------------------------------------------------------*/
div.PaginationArea
{
	margin-bottom: 35px;
	width: 500px;
	height: 30px;
}

div.PaginationCounter
{
	float:left;
	clear: both;
	width: 300px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.pagination
{
	border:0; 
	margin:0; 
	padding:0;
	float: left;
}

ul.pagination li
{
	border:0; 
	margin:0; 
	padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
	float: left;
}

ul.pagination a
{
	border:solid 1px #816BB4;
	margin-right:2px;
}

ul.pagination .previous-off,
ul.pagination .next-off 
{
	border:solid 1px #DEDEDE;
	color: #816BB4;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}

ul.pagination .next a,
ul.pagination .previous a 
{
	font-weight:bold;
} 

ul.pagination .active{
	background: #816BB4;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

ul.pagination a:link,
ul.pagination a:visited 
{
	color:#816BB4;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

ul.pagination a:hover
{
	border:solid 1px #816BB4
}

/* Felloggning
---------------------------------------------------------------------------------------------------------*/
table#felloggning
{
	width: 500px !important;
}

.fellogg_item td
{
	font-size: 10px;
}

.fellogg_item td.felloggning_tid
{
	font-size: 12px;
	font-weight: bold;
	color: Black;
}

.fellogg_item
{
	width: 500px;
	margin-bottom: 20px;
}

.fellogg_item.even
{
	background-color: #f3f3f3;
}

.fellogg_item.odd
{
	background-color: #ffffff;
}