/* CSS FOR alle kommentarsider*/

/* SELVE TABELLEN SOM VISER KOMMENTARER TIL oppskriften POP UP VINDU*/
.table_comment_visetabell
{ 
width: 95%;
color: #1E4069; 
background-color: #F8F6F9; 
padding-left: 5px; 
padding-right: 5px; 
margin-left: 5px; 
margin-right: 5px; 
margin-top: 5px;
}


/* VISER STILER FOR KOMMENTARSIDER*/

.kommentar{

width: 400px;
border-style: solid;
border-width: 2px;
border-color: #973365;
margin-top: 4px;
font-family: Arial;
font-size: 100%;
clear: left;
}



/* TOP PÅ VISNING AV KOMMENTAR */
.top_comment{
background-color: #973365;
width: 400px;
height: auto;
color: white;
font-family: Arial;
font-weight: bold;
font-size: 100%;
padding-bottom: 2px;
padding-top: 2px;
}

/* INGRESS PÅ KOMMENTAR */
.ingress_comment{
width: 100%;
font-family: Arial;
font-size: 80%;
padding-left: 8px;
}

/* OVERSKRIFT PÅ ALLE KOMMENTARENE */

.title_comment{
background-color: #F8F6F9;
overflow: visible;
width: 100%;
height: auto;
font-size: 90%;
font-weight: bold;
color: #973365;
padding-left: 8px;
padding-top: 2px;
padding-bottom: 2px;
float: left;
overflow: hidden;
}

/* NAVN OG STED PÅ ALLE KOMMENTARENE */

.navn_sted_comment{
background-color: #F8F6F9;
overflow: hidden;
width: 32%;
height: 15px;
font-size: 70%;
font-weight: bold;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
color: #973365;
float: left;

}


/* SELVE TEKSTEN PÅ ALLE KOMMENTARENE */

.tekst_comment{
width: 95%;
height: auto;
border-color: #990000;
font-size: 70%;
color: #000000;
font-weight: normal;
float: left;
padding-left: 4px;
padding-right: 4px;
}





/* SELVE TABELLEN SOM VISER KOMMENTARER*/
.table_comment 
{ 
width: 100%;
color: #000000; 
background-color: #F8F6F9; 
border: solid 1px #973365; 
padding-left:10px; 
padding-right: 10px; 
; 
}


/* Overskrift på kommentaren som vises på oppskriften */

.overskrift_text{
background-color: #F8F6F9;
width: 45%;
height: auto;
font-size: 70%;
float: left;
margin-right: -3px;
padding-left: 3px;
}	

/* Navn på kommentaren som vises på oppskriften */

.navn_text{
background-color: #F8F6F9;
width: 30%;
height: auto;
font-size: 70%;
float: left;
margin-right: -3px;
padding-left: 3px;
}

/* Dato på kommentaren som vises på oppskriften */

.dato_text{
background-color: #F8F6F9;
width: 15%;
height: auto;
font-size: 70%;
float: left;
margin-right: -3px;
padding-left: 3px;
}

/* Tekstboks for kommentarer til oppskrifter.*/
.boks_kommentar_oppskrift { 
font-size: 100%; 
font-family: Arial; 
color: #000000;
width: 250px;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 

}

/* Tekstboks for kommentarer til oppskrifter.*/
.boks_kommentar_oppskrift_tekst { 
font-size: 100%; 
font-family: Arial; 
color: #000000;
width: 350px;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
}


/* Tabellen som viser karakterer og kommentarer*/

.tabell_karakter_vin
{ font-family: arial; 
background-color: #f8f6f9; 
text-align: center;
width: 95%;
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
padding-bottom: 3px; 
BORDER: 1px solid #973365; 
margin-left: 10px; 
margin-right: 5px; 
margin-top: 5px;
margin-bottom: 5px; 
}

/* Td i tabell som viser karakterer og kommentarer*/

.td_karakter_vin
{ font-family: arial; 
background-color: #f8f6f9; 
text-align: left;
vertical-align: middle;
width: 100%;
padding-left: 10px; 
padding-right: 5px; 
padding-top: 1px; 
padding-bottom: 1px; 
margin-left: 5px; 
margin-right: 5px; 
margin-top: 2px;
margin-bottom: 2px; 
font-size: 90%; 
font-weight: 400; 
color: #000000}

/* Tekstboks for kommentarer til viner.*/
.boks_kommentar_vin { 
font-size: 100%; 
font-family: Arial; 
color: #000000;
width: 250px;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
}

/* Tekstboks for kommentarer til viner.*/
.boks_kommentar_vin_tekst { 
font-size: 100%; 
font-family: Arial; 
color: #000000;
width: 100%;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
}

/* SELVE TABELLEN SOM VISER KOMMENTARER ny type*/
.table_comment_ny 
{ 
width: 100%;

color: #000000; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
padding-left:10px; 
padding-right: 10px; 
; 
}

/* Overskrift på kommentaren som vises på oppskriften ny type */

.overskrift_text_ny{
background-color: #FFFFFF;
width: 50%;
height: auto;
font-size: 80%;
color: #990000;
font-weight: 600;
float: left;
margin-right: -3px;
padding-left: 3px;
}	

/* Navn på kommentaren som vises på oppskriften  ny type*/

.navn_text_ny{
background-color: #FFFFFF;
width: 30%;
height: auto;
font-size: 70%;
color: #990000;
font-weight: 600;
float: left;
margin-right: -3px;
padding-left: 3px;
}

/* Dato på kommentaren som vises på oppskriften  ny type*/

.dato_text_ny{
background-color: #FFFFFF;
width: 10%;
height: auto;
font-size: 70%;
color: #990000;
font-weight: 600;
float: left;
margin-right: -3px;
padding-left: 3px;
}

/* Selve teksten på kommentaren som vises på oppskriften  ny type*/

.kommentar_text_ny{
background-color: #F8F6F9;
width: 100%;
height: auto;
font-size: 70%;
float: left;
margin-right: -3px;
padding-left: 3px;
}

/* Tekstboks for kommentarer til artikler.*/
.boks_kommentar_artikkel_tekst { 
font-size: 100%; 
font-family: Arial; 
color: #973365;
width: 575px;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
}

/* Tekstboks for kommentarer til oppskrifter.*/
.boks_kommentar_oppskrift_ny { 
font-size: 100%; 
font-family: Arial; 
color: #973365;
width: 250px;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
}

/* Tekstboks for kommentarer til oppskrifter.*/
.boks_kommentar_oppskrift_tekst_ny { 
font-size: 100%; 
font-family: Arial; 
color: #973365;
width: 350px;
padding-bottom: 10px; 
background-color: #FFFFFF; 
border: solid 1px #973365; 
}
