html {
background:#fff url('../images/bg-footer.jpg') no-repeat bottom center;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#656565;
background:url('../images/bg-main.jpg') no-repeat top center;
}

/* CONTAINER
----------------------------------------------------------------------------------------------------*/
.container-3 {
margin-left:auto;
margin-right:auto;
width:960px;
}

/* GRID >> GLOBAL
----------------------------------------------------------------------------------------------------*/
.grid-1,.grid-2,.grid-3 {
display:inline;
float:left;
position:relative;
margin:0 10px;
}

/* GRID >> CHILDREN (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left:0;
}

.omega {
margin-right:0;
}

/* GRID >> 3 COLUMNS
----------------------------------------------------------------------------------------------------*/
.container-3 .grid-1 {
width:300px;
margin-bottom:20px;
}

.container-3 .grid-2 {
width:620px;
}

.container-3 .grid-3 {
width:940px;
}

/* HEADER
----------------------------------------------------------------------------------------------------*/
#header {
top:0;
position:absolute;
height:200px;
width:960px;
margin:0;
}

#logo {
display:block;
width:231px;
height:165px;
top:5px;
left:0;
position:absolute;
float:left;
margin:0;
}

#logo a {
display:block;
width:231px;
height:165px;
background:url('../images/logo-simmerdeis.png') no-repeat;
text-indent:-99999px;
}

#tagline {
display:block;
width:728px;
height:94px;
top:50px;
left:233px;
position:absolute;
background:url('../images/tagline.png') no-repeat;
text-indent:-9999px;
margin:0;
}

/* ------ SERVICEMENU ----- */
#servicemenu {
height:30px;
text-transform:uppercase;
font-size:10px;
color:#5c002e;
padding:10px 0 0;
}

#servicemenu span {
color:#9b0851;
padding:0 5px;
}

#servicemenu a {
color:#fff;
padding:0 2px;
}

#servicemenu a:hover {
background:#1b1b1b;
text-decoration:none;
}

#servicemenu ul {
float:right;
margin-right:15px;
}

#servicemenu ul li a:hover {
background:none;
}

#servicemenu ul li img {
margin:-7px 2px 0;
}

.generic-form {
float:right;
}

.generic-form .text {
float:left;
color:#a7a7a7;
font-size:11px;
line-height:14px;
}

.generic-form input {
float:right;
border:1px solid #9a9a9a;
border-bottom:none;
border-right:none;
line-height:14px;
padding:3px 10px 3px 5px;
}

a.generic-btn {
background:#e4398f;
color:#fff;
font-size:12px;
font-weight:700;
margin-left:-2px;
float:left;
padding:6px 10px 4px;
}

a.generic-btn:hover {
background:#b10159;
color:#fff;
}

#servicemenu .generic-form {
margin:-5px 0 0 25px;
}

#servicemenu a.generic-btn {
background:#1b1b1b;
color:#fff;
font-size:11px;
font-weight:700;
margin-left:-2px;
float:left;
padding:6px 10px 5px;
}

.newsletter {
overflow:visible;
background:#d61073 url('../images/bg-block.gif') no-repeat bottom center;
}

.newsletter p {
line-height:18px;
color:#fff;
padding:10px 15px 15px;
}

.newsletter img {
position:absolute;
left:20px;
margin-top:4px;
}

.newsletter .generic-form {
float:left;
padding:0 0 15px 15px;
}

.newsletter .generic-form .text {
color:#a7a7a7;
font-size:11px;
width:190px;
}

.newsletter .generic-form input {
border-bottom:1px solid #ebebeb;
padding:5px 10px 4px 30px;
}

.newsletter a.generic-btn {
padding:8px 10px 6px;
}

/* ------ MAINMENU ----- */
#mainmenu {
float:left;
font-size:14px;
width:960px;
overflow:hidden;
font-weight:700;
margin-top:132px;
text-align:left;
border-top:1px;
}

#mainmenu ul li {
color:#fff;
text-transform:uppercase;
float:left;
padding-top:1px;
}

#mainmenu ul li a {
float:left;
padding:4px 6px 2px 8px;
}

#mainmenu ul {
display:inline-block;
margin:0 auto;
}

#mainmenu span {
float:left;
color:#1b1b1b;
padding:2px 18px;
}

#mainmenu ul li a.active,#mainmenu ul li a:hover {
color:#fff;
background:#1b1b1b;
}

/* CONTENT
----------------------------------------------------------------------------------------------------*/
#content {
padding:220px 0 0;
}

/* ------ MAIN  ----- */
.slider {
background:#fff url('../images/bg-block-wide.gif') no-repeat bottom center;
margin:0 0 20px -2px;
padding:0 0 1px 4px;
}

#myAlternativeContent {
display:block;
margin-left:2px;
width:616px;
height:302px;
}

/* SIDEBAR
---------------------------------------------------------
 ----- SUBMENU ----- */
.item-list.submenu li {
border-bottom:1px dotted #c4c4c4;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
text-transform:uppercase;
width:285px;
margin:0 2px;
padding:8px 10px 8px 0;
}

.item-list.submenu li a {
padding:3px 8px;
}

.item-list.submenu li a.active {
color:#d61073;
background:none;
}

.borders {
background:#fff url('../images/bg-block.gif') no-repeat bottom center;
padding:10px;
}

.trigger {
background:#fff url('../images/bg-block.gif') no-repeat bottom center;
padding:0 0 3px;
}

.trigger img {
display:block;
padding-left:2px;
}

.item-list {
float:left;
overflow:hidden;
}

/* ----- LIST ITEMS SIDEBAR ----- */
.item-list li {
float:left;
line-height:18px;
width:270px;
margin:5px 0 10px 5px;
padding:0;
}

.item-list li strong {
float:left;
width:100%;
}

.caption {
text-transform:none;
font-size:10px;
line-height:14px;
font-weight:700;
display:block;
margin-left:0;
}

.caption em {
color:#b1b1b1;
padding:0 4px;
}

.item-list li span.caption a {
width:inherit;
float:none;
background:#f5f5f5;
color:#000;
padding:0 1px;
}

.item-list.survey li span.caption {
border-top:1px dotted #c4c4c4;
float:left;
margin-left:0;
overflow:hidden;
width:176px;
padding:3px 18px 3px 5px;
}

.item-list.survey li span.caption.top {
border:none;
}

.item-list li a {
background:#f5f5f5;
padding:0;
}

.item-list.blog li a,.item-list.survey li a {
float:left;
background:#f5f5f5;
margin-top:3px;
padding:10px;
}

.item-list li a span {
color:#656565;
}

.item-list.blog li.intro a {
float:none;
font-weight:700;
color:#1b1b1b;
padding:0;
}

.item-list li.intro span {
font-weight:400;
float:left;
line-height:18px;
text-transform:none;
font-size:12px;
}

.item-list.blog li.intro {
border-bottom:1px dotted #c4c4c4;
}

.item-list.blog li.intro span {
width:120px;
padding-bottom:15px;
}

.item-list.survey {
margin:10px 0 0;
}

.item-list.survey li {
width:200px;
float:left;
background:none;
height:210px;
margin:0 6px 4px 0;
padding:0 0 15px;
}

.inner .item-list.survey li {
height:250px;
}

ul.item-list.survey li.divide {
width:613px;
height:15px;
float:left;
display:block;
}

.item-list.survey li a {
float:left;
padding:0;
}

.item-list.survey li span {
padding-right:18px;
margin-left:10px;
}

.item-list.survey li a strong {
width:180px;
text-align:left;
text-transform:none;
font-size:12px;
height:28px;
overflow:hidden;
line-height:15px;
float:right;
font-weight:700;
padding:5px 10px 8px;
    font-size:12px;
    text-transform:uppercase;  
}

.item-lista.survey li a.title {

}

.item-list.survey li a img {
background:#f5f5f5;
width:190px;
line-height:15px;
float:right;
margin:0;
padding:5px;
}

.item-list.survey li a:hover img {
text-align:left;
text-transform:uppercase;
font-size:12px;
background:#d61073;
}

.item-list.survey li a:hover {
color:#fff;
background:#d61073;
text-shadow:none;
}

.item-list.survey li span a:hover {
color:#d61073;
background:#f5f5f5;
text-shadow:none;
}

.item-list.survey li a strong:hover {
color:#fff;
text-shadow:none;
}

.item-list.survey li.intro {
background:url('../images/bg-block-narrow-pink.gif') no-repeat 0 2px;
color:#fff;
}

.item-list.survey li.intro a {
background:#e4398f;
width:155px;
margin-left:15px;
color:#fff;
text-shadow:none;
margin-top:2px;
float:left;
font-weight:700;
padding:7px 10px;
}

.item-list.survey li.intro a:hover {
background:#b10159;
text-shadow:none;
}

.item-list.survey li.intro span {
margin-left:5px;
padding:13px 30px 20px 10px;
}

.item-list.survey li img {
margin:2px 0 0 2px;
padding:0;
}

.intro img {
position:absolute;
top:-10px;
left:121px;
}

.item-list.twitter li img {
float:left;
margin:3px 10px 10px 0;
}

.item-list.twitter li {
border-bottom:1px dotted #c4c4c4;
margin:0 5px;
padding:8px 0;
}

.item-list.twitter li.intro {
border-bottom:none;
margin:0;
padding:0;
}

.item-list.twitter li.intro img {
top:-30px;
left:230px;
}

a.readall {
background:#f5f5f5;
float:left;
width:250px;
margin:15px 5px 9px;
padding:10px;
}

.tagcloud .intro {
padding-bottom:10px;
border-bottom:1px dotted #c4c4c4;
margin:0 0 10px;
}

.tagcloud li span {
float:left;
margin:3px;
}

.tagcloud span li a {
padding:1px;
}

/* ----- INNERPAGE ----- */
.inner h1 span {
background:#d61073;
text-transform:uppercase;
font-size:21px;
float:left;
font-weight:700;
color:#fff;
padding:5px 9px 1px;
}

.inner h1 {
border-bottom:none;
width:100%;
clear:both;
float:left;
margin-bottom:15px;
}

.inner h2 {
background:none;
font-size:16px;
margin:15px 0 5px;
padding:2px 4px 4px 0;
}

.inner h2 span {
font-size:16px;
padding:2px 4px 4px 0;
}

.inner {
padding-bottom:15px;
border-bottom:1px dotted #c4c4c4;
margin-bottom:15px;
}

.inner a {
color:#000;
background:#f5f5f5;
font-weight:700;
padding:1px;
}

.inner p.page-intro {
line-height:20px;
font-size:14px;
}

.inner p {
line-height:20px;
padding-bottom:15px;
font-size:14px;
padding-right:30px;
}

/* ----- BLOG SURVEY & BLOG PAGE ----- */
.blog-car {
z-index:9999;
position:relative;
margin:-72px 0 -23px -8px;
}

.article-intro {
border-top:1px dotted #c4c4c4;
padding:0px 0px 15px 0px;
}

.inner .article-intro h2 span a {
padding:4px 8px 2px;
}

.article-intro p {
padding-bottom:5px;
font-size:12px;
padding-right:50px;
}

.article-intro .caption {
width:370px;
padding-bottom:10px;
float:left;
}

.article-intro img {
float:left;
margin-right:15px;
background:url('../images/bg-thumb-blog.gif') no-repeat 0 0;
border-top:1px solid #f6f6f6;
padding:0 2px 3px;
}

.article-intro a.gone {
background:none;
float:left;
}

/* --- BLOG PAGINATION --- */
.pagination {
text-align:center;
}

.pagination ul {
text-align:center;
display:inline-block;
width:500px;
margin:0 auto;
padding:25px 0;
}

.pagination li {
display:inline-block;
padding:5px;
}

.pagination li a {
padding:4px 8px;
}

.pagination li a.active {
background:none;
color:#d61073;
}

/* --- BLOG ARTICLE--- */
.article .caption {
width:100%;
padding:0 0 15px;
}

.article {
border-bottom:1px dotted #c4c4c4;
padding:0 0 15px;
}

/* --- BLOGITEM REACTIONS --- */
.heading {
font-weight:700;
background:none;
color:#5699d8;
padding:15px 15px 15px 0;
}

.reactions {
padding-bottom:25px;
}

.reaction {
padding:15px;
}

.reaction.even {
background:#f0f7fc;
}

.reaction strong {
color:#5699d8;
float:left;
font-size:14px;
padding-right:10px;
}

.reaction p {
padding-top:10px;
}

/* --- BLOGITEM REACT FORM + GENERIC FORM --- */
.post {
padding:15px 0px 0px 0px;
}

.post p {
float:left;
padding:15px 0;
}

.blogform label, .form-holder label {
font-weight:700;
float:left;
clear:both;
padding:0 0 10px;
}

.form-holder label {
padding:10px 0 10px;
}

form.blogform em {
font-style:italic;
font-size:10px;
display:block;
float:left;
padding:0 0 2px 6px;
}

.blogform ul, .form-holder ul {
float:left;
width:550px;
}

.blogform ul li {
float:left;
padding:15px 25px;
}

.blogform ul li input, .form-holder ul li input {
float:left;
clear:both;
width:198px;
padding:10px;
}

.form-holder ul li input {
    width:520px;
}

.blogform ul li input.btn-submit, .form-holder ul li input.btn-submit {
background:#000;
border:none;
color:#fff;
text-transform:uppercase;
font-weight:700;
cursor:pointer;
}

.form-holder ul li input.btn-submit {
    margin-top:10px;
    width:180px;
}

.blogform ul li textarea {
width:468px;
height:200px;
clear:both;
float:left;
font-family:Arial;
font-size:12px;
padding:10px;
}

.form-holder ul li .checkbox input {
    width:22px;
    margin:-22px 0px 0px 500px;
}

/* ----- FLICKR ----- */
.flickr {
float:left;
background:#f5f5f5;
margin-top:7px;
}

.flickr-intro {
float:left;
padding:20px 10px 10px 20px;
font-size:12px;
overflow:hidden;
width:90px;
}

.flickr-intro a {
display:inline-block;
clear:both;
}

.flickr-intro img {
display:block;
margin-top:5px;
}

ul.flickr-list {
float:left;
padding:26px 0 21px;
}

ul.flickr-list li {
float:left;
background:url('../images/bg-flickr-thumb.gif') no-repeat top left;
width:59px;
height:52px;
margin:4px;
}

ul.flickr-list li a img {
margin-top:1px;
}

ul.flickr-list li a {
background:none;
padding:1px 2px 3px;
}

/* ------ SITEMAP ------ */
.sitemap a {
margin:0;
padding:4px;
}

.sitemap li {
margin:5px;
}

.sitemap ul li {
padding:10px;
}

.sitemap ul {
border-top:3px dotted #dedede;
border-bottom:3px dotted #dedede;
border-left:3px dotted #dedede;
border-right:3px dotted #dedede;
width:580px;
padding:15px;
}

.sitemap ul li ul {
width:380px;
padding:15px;
}

.sitemap ul li ul li {
padding:5px;
}

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#footer {
padding-top:0;
height:200px;
}

#footer p {
padding-top:50px;
text-transform:uppercase;
font-size:11px;
color:#6a8cac;
}

#footer p a {
color:#6a8cac;
text-shadow:0.05em 0.05em 0.02em #fff;
padding:0 1px;
}

#footer p a:hover {
background:#1b1b1b;
color:#fff;
text-shadow:none;
}

#footer p em {
padding:0 2px;
}

.logos {
width:200px;
text-align:center;
float:right;
margin:-25px 25px 0 0;
}

.logos img {
margin:10px;
}

/* CLEAR FLOATED ELEMENTS
----------------------------------------------------------------------------------------------------*/
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

/* --- GENERAL  --- */
h2 span,h3 span,.inner h2 {
background:#fff;
text-transform:uppercase;
font-size:14px;
float:left;
font-weight:700;
color:#d61073;
padding:4px 12px 2px 0;
}

h2,h3 {
border-bottom:none;
float:left;
width:100%;
clear:both;
padding-bottom:5px;
background:url('../images/header-border.gif') no-repeat bottom right;
margin-left:1px;
}

.push {
float:right;
color:#fff;
}

a {
color:#1b1b1b;
text-decoration:none;
}

form,input,textfield {
font-family:Arial, Helvetica, sans-serif;
}

.form-errors {
background:#FFF0F0;
color:red;
clear:both;
padding:22px;
}

.form-errors ul li {
color:red;
font-weight:700;
padding:0 0 6px;
}

#servicemenu ul li,.reaction span,form.blogform {
float:left;
}

.article-intro h2 span a:hover,.post strong,a:hover,.inner a:hover,.item-list li span.caption a:hover,.item-list.blog a:hover,.item-list.blog li.intro a:hover,.item-list.blog strong:hover,.item-list li a:hover span,.item-list a:hover {
color:#d61073;
}

.item-list.survey li a.booking {
background:#d61073;
color:#fff;
font-size:10px;
font-family:Arial;
text-shadow:0 0 0 #fff;
padding:0px 4px 0px 4px;
margin:0px 0px 0px 8px;
}

/* MP3 player
----------------------------------------------------------------------------------------------------*/

#flashcontent
{
    position: relative;
    right: 0px;
    top: 20px;
    float: right;
    /*display: none;*/
    width: 260px;
    height: 33px;
    margin-bottom: -33px;
}


/* Streams
----------------------------------------------------------------------------------------------------*/
.stream {
height:358px;
width:512px;
margin-bottom: 30px;
}

h2.announce {font-size:24px;line-height:32px;padding-bottom:20px;}
