/* 
SilverStripe FN-filuren Theme
Main Layout File
*/

/* Defaults start */
 
* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Lucida, sans-serif; 
background-image:url(/themes/fnfiluren/images/bg.png);
background-repeat:repeat-x;
margin-top: 20px;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td {
text-align: left;
vertical-align: top;
font-weight: normal;
}

/* Defaults end */

/* Page layout start */

#header{
margin: 0 auto;
width: 980px;
background-color: #5EAA92;
}

#content{
margin: 0 auto;
padding: 0 70px 10px 70px;
width: 840px;
background-color: #5EAA92;
}

#footer{
clear: both;
margin: 0 auto 2em auto;
width: 980px;
background-image: url(/themes/fnfiluren/images/footer_bg.gif);
background-repeat: repeat-x;
padding: 40px 0 2em 0;
text-align: center;
}

#footer a, #footer span{
float: right;
color: #999;
margin-left: 1em;
}

#menu{
clear: both;
width: 100%;
text-align: center;
}

#menu a, #menu{
font-size: 24px;
margin: 0 .2em;
color: #650101;
}

/* Page layout end */

/* Topic pages start */

span.topicpagelineview{
text-align: center;
display: inline-block;
vertical-align: top;
margin-right: .2em;
}

span.topicpagelineview img{
height: 200px;
width: 150px;
border: solid #650101 .2em;
}

span.topicpagelineview h2{
color: #650101;
width: 150px;
clear: none;
}

span.topicpagelineview img:hover{
border: solid #c00 .2em;
}

span.topicpagelineview h2:hover{
color: #c00;
}

span.topic_image{
float: right;
}

span.topic_image{
}

/* Topic pages end */

/* Gallery pages start */

span.gallerylineview{
text-align: center;
display: inline-block;
vertical-align: top;
margin-left: .2em;
}

span.gallerylineview img{
height: 200px;
width: 150px;
border: solid #650101 .2em;
}

span.gallerylineview h2{
color: #650101;
width: 150px;
clear: none;
}

span.gallerylineview img:hover{
border: solid #c00 .2em;
}

span.gallerylineview h2:hover{
color: #c00;
}

a.piclineview img{
margin: 2px;
border: solid #650101 .2em;
}

a.piclineview img:hover{
border: solid #c00 .2em;
}

img.gallerypic {
border: solid #650101 .2em;
}

#gallery_filur{
float: left;
margin-top: 50px;
}

/* Gallery pages end */

/* FAQ start */
div#controles {
margin-left: 140px;
width: 600px;
}

div#faq{
margin-left: 140px;
width: 600px;
border: solid 2px #650101;
background-color: #38765E;
padding: 1em;
}

/* FAQ end */