/*nich vergessen mit http://compressor.ebiene.de/ komprimieren!*/
* {
padding:0px;
margin:0px;
font: normal 12px Arial, Verdana; /*0.9em*/
}

img {
border:none;
}

body {
background-color:#777;
margin:0px;
}

#seite {
width:980px;
margin:auto;
background-color:#fff;
}

a {
color:#3270D4;
}

a:hover{
color:#0C3561;
}

b, strong {font-weight:bold;}

h1,h2,h3,h3, h1 a,h2 a,h3 a,h3 a {
font-weight:bold;
color:#5774EE;
padding: 10px 2px 0 0;
margin-bottom:6px;
line-height:30px;
text-shadow:2px 2px 3px rgba(0,0,0,0.22);
}

h1, h1 a {
font-size:23px;
clear:both;
background: white url("../grp/h1_bg.gif") repeat-x bottom left;
padding-top:10px;
}

h2, h2 a { /*nur im contentbereich benutzen*/
clear:both;
font-size:20px;
padding:5px 0 0 0;
line-height:25px;
}

h3, h3 a { /*wird als Überschrift linke und rechte spalte benutzt sowie im contentbereich*/
font-size:17px;
padding:5px 0 0 0;
line-height:20px;
}

h4, h4 a { /*wird in Listings verwendet */
font-size:12px;
}

h4 a {
font-weight:bold;}

.small, .small a {
font-size:9px;
}

/* alles was im header kommt */
#header {
height:146px;
background: url("../grp/header_bg.jpg") no-repeat top left;
}

#logo
{
float:left;
margin:0px;
margin-left:47px;
margin-top:56px;
overflow:hidden;
width:60px;
height:60px;
background-image:url('../grp/rastlos_logo.jpg');
background-position: 0px 0px;
/*folgendes damit der Domainname nicht sichtbar ist*/
text-indent: -12000px;
top: -11px;
}

#logo:hover {
background-position: 0px 60px;
}

#loginbox {
width:367px;
height:18px;
float:right;
margin:0px 7px 0 0;
color:#373737;
}

#loginbox a{
font-size: 11px;
color:#E2C63E;
text-decoration:none;
padding-left:10px;
}

#loginbox a:hover{
color:#E2e67E;
}

#login {
height:18px;
width:230px;
float: right;
}

#loginname {
width:130px;
height:18px;
overflow:hidden;
display:inline-block;
padding-right:5px;
vertical-align:top;
padding-top:0px;
margin-top:0px;
}

form.logout_Form {
height:18px;
}

form.logout_Form input.submit {
background: url("../grp/button_logout.gif") no-repeat;
border: none;
cursor: pointer;
height: 15px;
margin-top: 1px;
padding: 0pt;
text-indent: -9999px;
width: 50px;
}

/* Suche*/
form.search2_Form {
float: left;
height:18px;
}

form.search2_Form input.text {
background: url("../grp/suche_bg14.gif") no-repeat;
border: none;
font-size: 10px;
float: left;
height: 15px;
margin: 1px 2px 0 0;
padding: 0 5px 0px;
width:105px;
}

form.search2_Form input.submit {
background: url("../grp/button_ok14.gif") no-repeat;
border: none;
cursor: pointer;
height: 15px;
margin-top: 1px;
padding: 0pt;
text-indent: -9999px;
width: 20px;
}

.header_map_container {
float:left;
position:relative;
top:20px;
left:55px;
width:222px;
height:104px;
z-index:4;
}

.header_info_container {
float:right;
position:relative;
top:0px;
width:590px;
height:105px;
z-index:5;
display:block;
margin-right:10px;
}

.header_flagandname, .header_flagandname a{
float:right;
overflow:hidden;
padding:9px 0 0 0;
color:white;
font-size:30px;
text-align:right;
}

.header_flagandname a {
text-decoration:none;
height:50px;
}

.header_flagandname img {
vertical-align:middle;
float:right;
margin-left:10px;
}

.header_dropdownbg {
margin-top:4px;
clear:both;
float:right;
-moz-box-shadow:2px 4px 6px rgba(0,0,0,0.6);
-o-box-shadow:2px 4px 6px rgba(0,0,0,0.6);
-webkit-box-shadow:2px 4px 6px rgba(0,0,0,0.6);
box-shadow:2px 4px 6px rgba(0,0,0,0.6);
}

.header_dropdown{
width:170px;
}

#topmenu {
float:right;
height:22px;
margin:1px 0 0 0;
width:820px;
}

#topmenu ul{
padding:0px;
margin:0px;
list-style:none;
height:22px;
}

#topmenu ul li, #topmenu ul li.navigation_tabs_on{
display:block;
height:22px;
float:left;
margin-left:2px;
background:url('../grp/tab_bg_off.jpg') repeat-x bottom right;
}

#topmenu ul li.navigation_tabs_on{
background:url('../grp/tab_bg_on.jpg') repeat-x bottom right;
}

#topmenu a{
text-align:center;
font-weight:bold;
font-size:1.2em;
text-decoration:none;
color:#4D4D4D;
float:left;
display:block;
overflow:hidden;
height:20px;
background:url('../grp/tab_left_off.jpg') no-repeat bottom left;
padding:2px 7px 0 7px;
}

#topmenu ul li.navigation_tabs_on a{
color:#fff;
background:url('../grp/tab_left_on.jpg') no-repeat bottom left;
}

#topmenu a:hover{
color:#3B59D5;
}

#topmenu a.navigation_tabs_on:hover{
color:white;
}
/* header Ende */

/* Balken unterm Header */
#balken {
height:29px;
background: white url("../grp/balken_bg.gif") repeat-x top left;
}
/* Balken unterm Header, Ende */

/* Linke Spalte*/
#linkespalte {
position:relative; top:0px; left:1px;
width:160px;
display:block;
}

#linkespalte h3{
padding: 12px 5px 0 0;
}

#linkespalte h3 a {
text-decoration:none;
}


p.ueber_box_links_menu a {
/*Überschrift über dem Linken menü mit der Wiederholung der Reiterkarten Beschriftung */
font-size:17px;
display:block;
height:20px;
overflow:hidden;
padding:2px 5px 4px 2px;
color:#5774EE;
font-weight:bold;
text-decoration:none;
line-height:20px;
}

.box_links p{
color:#7C7C7C;
padding-top:5px;
}

ul.box_links_menu {
background: #D1D1D1 url("../grp/160menu_top.gif") no-repeat top left;
margin-top:0px;
padding:5px 0 0 0;
list-style-type: none;
}

ul.box_links_menu * {
min-height:20px;
height:auto;
padding:0px 2px;
color:#444;
font-weight:bold;
text-decoration:none;
margin:0;
vertical-align:middle;
line-height:12px;
}

ul.box_links_menu * a {
text-decoration:none;
display:block;
height:23px;
padding-top:8px;
border-bottom:solid 1px #999DA1;
}

ul.box_links_menu * img {
float:left;
margin:-6px 0 0 0;
padding-right:5px;
border:none;
}

ul.box_links_menu li.select a, ul.box_links_menu li.sub1select a, ul.box_links_menu li.sub2select a, ul.box_links_menu li.sub3select a {
background-color:#476BFF;
color:white;
border:#6F8BFE solid 1px;
}

ul.box_links_menu li.sub1, ul.box_links_menu li.sub2, ul.box_links_menu li.sub3 {
background-color:#EFEFF0;
font-size:11px;
font-weight:normal;
border-bottom:1px solid white;
line-height:14px;
}
ul.box_links_menu li.sub1 a, ul.box_links_menu li.sub1select a {
padding-left:6px;
}

ul.box_links_menu li.sub2 a, ul.box_links_menu li.sub2select a {
padding-left:10px;
}

ul.box_links_menu li.sub3 a, ul.box_links_menu li.sub3select a {
padding-left:14px;
}

ul.box_links_menu * a:hover {
color:#ffffff;
background-color:#476BFF;
}

ul.box_links_menu li.sub1select a, ul.box_links_menu li.sub2select a, ul.box_links_menu li.sub3select a {
background-color:#476BFF;
color:white;
}

ul.box_links_menu li.select a:hover, ul.box_links_menu li.sub1select a:hover, ul.box_links_menu li.sub2select a:hover, ul.box_links_menu li.sub3select a:hover {
color:#444;
}


#linkespalte div.box_links, #linkespalte .box_links_menu, #rechtespalte .box_rechts{
margin-bottom:5px;
-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.3);
-o-box-shadow:2px 2px 6px rgba(0,0,0,0.3);
-webkit-box-shadow:4px 2px 6px rgba(0,0,0,0.3);
box-shadow:2px 2px 6px rgba(0,0,0,0.3);
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
overflow:hidden;
}

#linkespalte .csc-frame p, #linkespalte .csc-frame-frame2 p{
background: #eee url("../grp/h1_bg.gif") repeat-x bottom left;
margin:1px 2px;
padding:0 1px;
border:solid 1px #ddd;
float:left;
clear:none;
}

#linkespalte .csc-frame p a, #linkespalte .csc-frame-frame2 p a{
text-decoration:none;
font-size:11px;
}

div.box_links_ads {
/*hierdrin ist der googleLinkBlock */
}

.box_links h3 a{
padding-left:5px;
}

.box_links a:hover{
text-decoration:underline;
}
/* Linke Spalte, Ende */

/* Rechte Spalte*/
#rechtespalte {
position:relative; top:0px; right:-548px;
width:230px;
float:right;
display:block;
}

/*.tx-slideshow-pi1 {
hier nur allgemein für ALLE Flash Slideshows gültige Formatierungsanweisungen  sowohl für Polaroid als auch Contentbereich Slideshows...
}
.csc-frame {
/*allgemeine Frame=Rahmen definition welche für alle Rahmen gilt: wird nur dann einbetetten wenn im Backend für Contentelement ein Rahmen explizit gewählt wird!
hier könnte man anschließend noch weitere Rahmentypen definieren Schmeissi fragen!
}*/

.csc-frame-frame1 {
/*Polaroid Rahmen*/
background: white url("../grp/polaroid.jpg") no-repeat top right;
padding:26px 12px 0 18px;
margin-bottom: 0px;
height:250px;
}
.csc-frame-frame1 object{
margin:-2px 0 0 -11px;
}

.csc-frame-indent6633 {
/*Box rechte spalte*/
margin-top:12px;
padding:0;
}

/*fuer werbeelemente rechte spalte*/
.csc-frame-indent {
padding:16px 6px 0px 6px;
width:219px;
min-height:60px;
color:#8A8A8A;
margin:6px 8px 0px 0px;
background:#fff url('../grp/bg_anzge.jpg') no-repeat top left;
!important;
}

/*fuer werbeelemente linke spalte Klasse AD verwenden*/
.csc-frame-indent3366 div.csc-text .ad{ 
clear:both;
padding:16px 4px 0 4px;
width:152px;
color:#8A8A8A;
/*margin:6px 8px 0px 0px;*/
font-size:11px;
background:#fff url('../grp/bg_anzge.jpg') no-repeat top right;
}

.csc-frame-indent3366 div.csc-text .ad a{
font-size:11px;}
.csc-frame-indent *{
font-size:11px;
}
.csc-frame-indent a{
color:#5C5C5C;
}

.box_rechts h3 a{
padding-left:5px;
}

.box_rechts a:hover{
text-decoration:underline;
}

.rss {
float:right;
}

.box_rechts ul {
width:222px;
margin:0px;
padding:1px;
margin-top:14px;
list-style-type:none;
}

.box_rechts ul li{
padding:0;
display:block;
background: white url("../grp/h1_bg.gif") repeat-x top left;
height:40px;
overflow:hidden;
font-size:10px
}

.box_rechts ul li a{
font-size:10px;
}

span.listing_minibild {
display:block;
float:left;
margin-right:5px;
margin:1px;
width:60px;
height:40px;
overflow:hidden;
}

span.listing_minibild img{
width:60px;
height:40px;
}

.suchfeld {
padding:3px 5px 0 5px;
border:0px;
background-image:url('../grp/suche_bg.gif');
width:100px;
height:20px;
}
/* Rechte Spalte, Ende */

/* Content Spalte Mitte*/

.content {
color:#444;
position:relative; top:0px; right:250px;
line-height:15px;
width: 550px;
float:right;
padding-bottom:12px;
background: white url("../grp/content_bot.gif") no-repeat bottom left;
}

div.content div.csc-text p, div.content div.csc-textpic-text p, div.content div.news-single-item p{
line-height:20px;
}

div.content div.csc-text p:first-letter, div.content div.csc-textpic-text p:first-letter, div.content div.news-single-item p:first-letter{
font-size:150%; font-weight:bold;
}

div.content_teaser  {
/*laenderstartseiten mitte dreispaltig*/
display:inline;
width:171px;
/*height:250px;*/
float:left;
clear:none;
padding-left:8px;
padding-top:10px;
overflow:hidden;
}

div.content_teaser  h4 a {
font-size:14px;
line-height:14px;
padding:0px;
margin:0px;
}

div.content_teaser p {
height:120px;
}

/*tommy, wichtig weil sonst autor link auf RB-Detailseite mit first-letter erscheint!*/
div.news-single-item p a{display:inline-block; }

/*tommy neu, listenelemetne im contentbereich mit einrueckung und rotem bullet-zeichne*/
.content ul, dl.news-single-related {
margin-left:18px;
padding:0px;
}

/*tommy, liste tritt bei sehensw. detailseiten auf */
dl.news-single-related {
margin:8px 0 8px 18px;
}

.content ul li, dl.news-single-related li{
list-style-image:url("../grp/bullet.jpg")
}

.content ol {
margin-left:18px;
padding:0px;
}

.content .tt_news_categorie {
/*f[r die drop-down boxen beim RB Filter in der hauptansicht*/
width:100%;
margin:-5px 0 5px 0;
}
.content .tt_news_categorie *{
line-height:10px;
color:#666;
}

.csc-text {
}

.csc-textpic-caption { /*Bildunterschriften bei Element Text mit Bild*/
font-size:10px;
}

.content p{
padding:5px 5px 15px 0;
line-height:15px;
}


/*fuer Listenansicht Unterkunfticons*/
.content ul.unterkunftuebersicht {
margin:0;
display:inline-block;
left:0px;
width:100%;
}

.content ul.unterkunftuebersicht li{
margin:0 11px 12px 4px;
list-style:none;
background: #fff url("../grp/unterkunftuebersicht_bg.jpg") no-repeat top left;
width:257px;
height:90px;
display:block;
padding:3px 3px 0 0;
float:left;

}

.content ul.unterkunftuebersicht li a {
text-decoration:none;
color:#444;
}

.content ul.unterkunftuebersicht li a:hover {
color:#0C3561;
}

.content ul.unterkunftuebersicht li img{
float:left;
margin:0 6px 16px 0px;
}


/*fuer Adressentabelle, e.g. Botschaft*/
table.adressen {
background: #fff url("../grp/tabelle_adressen.jpg") no-repeat top left;
height:180px;
width:550px;
padding:6px;
margin-bottom:22px;
}
table.adressen td {vertical-align:top;}
table.adressen td.adresse {width:58%;}

table.adressen tr td div.telefon {
background: url("../grp/contact_phone.gif") no-repeat top left;
padding-left:20px;
}
table.adressen tr td div.fax {
background: url("../grp/contact_fax.gif") no-repeat top left;
padding-left:20px;
}
table.adressen tr td div.email {
background: url("../grp/contact_email.gif") no-repeat top left;
padding-left:20px;
}
table.adressen tr td div.web {
background: url("../grp/contact_web.gif") no-repeat top left;
padding-left:20px;
}

/*Content iFrame Reisebericht melden*/
.tx-ffiframe-pi1 {
background-color:#fff;
}

.content_iframe {
padding:5px;
padding-bottom:15px;
background-color:#fff;
}

.content_iframe h1 {
font-size:20px;
font-weight:bold;
color:#5774EE;
background: #fff url("../grp/h1_bg.gif") repeat-x bottom left;
margin-bottom:15px;
padding-left:2px;
}
.content_iframe form, .content_iframe .form_bg{
background:#D0D0D0 url("../grp/reisebericht_melden_bg.jpg") no-repeat top left;
padding:4px;
}
.content_iframe form *, .content_iframe .form_bg *{
font-size:11px;}
.content_iframe form table.details {
width:520px;}
.content_iframe form table.details td *, .content_iframe form table.details *{
font-size:10px;
}
.content_iframe form.input{
border:solid 1px #7F9DB9;
background:#fff;
}

p.textbox_right_hellblau { /*textbox right floating mit hellblauem hintergrund*/
width:284px;
margin:0px 0px 6px 6px;
padding:10px 8px 0px 8px;
float:right;
font-size:11px;
color:#6F6F6F;
background: #fff url("../grp/textbox_bg.jpg") no-repeat top left;
-moz-box-shadow: 2px 3px 8px #ccc;
-webkit-box-shadow: 2px 3px 8px #ccc;
box-shadow: 2px 3px 8px #ccc;
border-radius: 6px;
-moz-border-radius:6px;
line-height: 20px;
}

div.textbox_right_hellblau {
width:284px;
margin:0px 0px 6px 6px;
padding:10px 8px 0px 8px;
float:right;
font-size:11px;
color:#6F6F6F;
background: #fff url("../grp/textbox_bg.jpg") no-repeat top left;
-moz-box-shadow: 2px 3px 8px #ccc;
-webkit-box-shadow: 2px 3px 8px #ccc;
box-shadow: 2px 3px 8px #ccc;
border-radius: 6px;csc-frame-indent3366
-moz-border-radius:6px;
line-height: 20px;
}

p.textbox_right_hellblau a, div.textbox_right_hellblau a {
font-size:11px;
}

input.mitmachen { /*Inputfeld*/
border:solid 1px red;
padding:3px 5px 0 5px;
background-image:url('../grp/h1_bg.gif');
border:solid 1px #B8C5D5;
background-color:#F4F3F3;
width:490px;
height:27px;
line-height:30px;
margin-bottom:4px;
}

.mitmachenbox { /*Textarea Box im Mitmachen Formular*/
padding:3px 5px 0 5px;
border:0px;
background-color:#fff;
border:solid 1px #B8C5D5;
width:490px;
height:90px;
}

.mitmachenselect { /*Selectdropdown listen im Mitmachen Formular*/
padding:3px 5px 0 5px;
border:0px;
background-color:#FFF;
border:solid 1px #B8C5D5;
width:100px;
height:27px;
}

.mitmachenbutton { /*Mitmachenvformular submit u.a. auch "Vorschaubild jetzt hochladen" */
}

p.disclaimer { /*mitmachen Formular der Text wg. Copyright usw.*/
margin:auto;
padding:12px;
font-size:10px;
width:400px;
text-align:justify;
background-color:#fff;
border: solid 1px black;
}

.error {
color: red;
}

.mitmachenzeichencounter{
border:0px;
padding:0px;
width:20px;
color:#5774EE;
}

/* Content suchtrefferliste */
ul.browsebox {
list-style: none;
display:block;
float:left;
height:20px;
margin-bottom:10px;
margin-top:10px;
width: 200px;
}

ul.browsebox li{
list-style-image: none;
}

div.rstlinfo {
padding:6px;
line-height:15px;
background-color:#ddd;
border:solid 1px #bbb;
}

div.rstlinfo p{
font-size:10px;
}

.tt_news_categorie {
float:left;
padding-top:7px;
}

/* Content Reiseberichtliste*/
.tx-ttnews-browsebox {
/*Trefferlistennavi*/
float:right;
}

.tx-ttnews-browsebox-SCell a {
/*Aktuelle Seite in Trefferlistnavi*/
font-weight:bold;
text-decoration:none;
}
ul.listing * {
font-size:11px;}

ul.listing { /*alle Reisebericht Treffer*/
clear:both;
padding:0 3px 5px 3px;
margin-left:0px;
background:url("../grp/listing_icon_bg.jpg") no-repeat bottom center;
}

ul.listing li { /*einen kompletten Treffer mit "listing_bild","listing_vote","h2", "p" */
color:#504F4F;
height:150px;
border-top:solid 1px #E0E0E0;
background:white url("../grp/listing_bg.jpg") repeat-x bottom left;
margin-bottom:-14px; /*tommy: so dass alle ausser dem letzten Eintrag etwas kuerzer und ohne schatten unten erscheinen*/
overflow:hidden;
padding-bottom:5px;
list-style-type: none;
}

/*enthält den Teasertext*/
ul.listing p{
overflow:hidden;
font-size:11px;
line-height: 13px;
padding:4px 0 5px 0;
}

.datum {
font-size:9px;
}

ul.listing h4 {
padding-top:5px;
white-space:nowrap;
padding-left:12px;
}

ul.listing h4 a{
font-size:12px;
text-decoration:none;
line-height:17px;
}

ul.listing span.listing_bild {
padding:5px 10px 0px 10px;
display:block;
float:left;
background:url("../grp/no_image.jpg") no-repeat bottom center;
width:140px;
height:114px;
}

span.listing_bild img  {
width:140px;
}

ul.listing span.listing_vote {
margin-top:4px;
padding:0px 1px 0px 1px;
display:block;
overflow:hidden;
float:right;
width:90px;
height:110px;
text-align:left;
}

.news-list-category {
height:75px;
overflow:hidden;
}

.news-list-category img {
/*Reisebericht Kategorie Icons mangelns direkt zuordenbarer klasse so mit dem schatten versorgen*/
padding:0 3px 7px 3px;
background:url("../grp/listing_icon_bg.jpg") no-repeat bottom center;
overflow:hidden;
}

div.news-list-category img {
/*tommy neu, Icons in der Reisebericht-Liste,bei bedarf auffuellen*/
}

.news-search-emptyMsg { /*"enthält den text "Bitte geben Sie einen Suchbegriff ein." oder "Keine Ergebnisse" bei tt_news suche*/
line-height: 15px;
}
/* Content Reiseberichtliste, Ende*/

/*Reisebericht / tt_news Detail*/
hr { height: 1px; border: 0; clear:both; margin-bottom:10px;}

/* tt_news singleview - Link zurück zur übersicht*/
div.news-single-backlink {
padding: 20px;
font-weight:bold;
}

div.news-single-edit a {
font-size: 6px;
color:#fff;
padding: 10px;
float:right;
text-transform:uppercase;
}

/*tt_news singleview - zugeordnete Kategorien*/
div.news-single-category {
padding-top:5px;
line-height: 16px;
}

p.news-single-author p.news-single-reise p.news-single-insert p.news-single-keywords{
padding-top:5px;
line-height: 16px;
}

p.news-single-imgcaption {
font-size:9px;/*Bildunterschrift*/
text-align:center;
width:300px;
height:12px;
white-space: nowrap;
overflow:hidden;
}

div.news-single-additional-info {
}

div.news-single-img {
float: right;
margin: 0 0 10px 10px;
background:url("../grp/listing_bg_240.jpg") no-repeat bottom center;
text-align:center;
}

div.news-single-img img{
}

/*Link zum Reisebericht */
dd a {
font-size: 18px;
}

/*tabelle fuer details auf reisebericht-zusammenfassungsseiten*/
table.reisebericht_infos * {
font-size:11px;
}

table.reisebericht_infos {
width:400px;
margin:auto;
border:solid 1px #DEDEDE;
margin-bottom:12px;
background: white url("../grp/h1_bg.gif") repeat-x bottom left;
}

/*damit der first letter der sehensw.-quelle nicht gross wird */
table.reisebericht_infos td.info p:first-letter {
font-size:11px;
font-weight:normal;
}

table.reisebericht_infos td.label{
vertical-align:top;
background-color:#F0F0F0;
border:solid 1px #DEDEDE;
}

table.reisebericht_infos td{
padding:3px 3px 0px 3px;
}

table.reisebericht_infos td.label{
text-align:right;
}

table.reisebericht_infos td.info{
width:200px;
}

/*betrifft nur das Feld mit dem Autorenlink*/
table.reisebericht_infos td.info p.news-single-author {
padding:0px;
line-height:14px;
}

table.reisebericht_infos td.info img{
padding-left:8px;
}

table.reisebericht_infos td.infosuche {
font-size:10px;
white-space: nowrap;
padding:0 0 0 3px;
margin:0px;
vertical-align:middle;
}

table.reisebericht_infos td.infolink {
font-size:18px;
text-align:center;
margin:auto;
border:solid 1px #5F5FFF;
font-weight:bold;
padding:7px;
background-color:#B6BDFF;
}

table.reisebericht_infos td.infolink a {
font-size:18px;
font-weight:bold;
}

table.reisebericht_infos td.infolinkzurueck {
text-align:center;
}



/*box555 fuer reiseberichtbewertungswidgetbaukasten, tw. auch Reiseberichtmelden Formular */
div.box555 {
background: #D0D0D0 url('http://www.rastlos.com/fileadmin/t3/grp/box555_top.jpg') no-repeat top left;
width:550px;
display:block;
padding-top:8px;
}

div.box555 div.liste, .content_iframe form div.liste  {
margin:3px;
padding:3px;
background-color:#E6E6E6;
min-height:50px;
border:solid 1px #BDBDBD;
}

div.box555 div.liste span.small{
font-size:10px;
}

div.box555 div.liste span.nummer, .content_iframe form div.liste span.nummer{
background: url('http://www.rastlos.com/fileadmin/t3/grp/box555_bullet.gif') no-repeat top left;
min-height:70px;
min-width:48px;
font-size:16px;
font-weight:bold;
color:#5774EE;
display:block;
float:left;
padding:11px 0 0 12px;
}

div.box555 div.liste table td.vorschau {
border:solid 1px #cdcdcd;
background-color:white;
padding:1px;
height:150px;
}

div.box555 div.liste table td.vorschau textarea{
width:290px;
}

/*box555 reiseberichtbewertungswidgetbaukasten  Ende*/


/*box555 zusatz fuer Unterkunftsformular*/

div.box555 ul.property_type li{
float:left;
list-style:none;
/*display:inline-block;*/
font-size:10px;
text-align:center;
padding:2px;
margin-right:14px;
/*background-color:none;*/
width:78px;
height:87px;
}

div.box555 ul li img{
padding-top:4px;
margin:auto;
/*display:block;*/
/*background-color:none;*/
}

div.box555 form select {
width:146px;
}
/*box555zusatz fuer Unterkunftsformular Ende*/

#spam, #spam a, #spamworking, #spamdanke {
/* Button Spam melden anzeigen*/
font-size: 9px;
padding-right: 20px;
cursor:pointer;
}
#spam {background:url("../grp/melden.gif") no-repeat top right;height:16px;  }

#spamworking, #spamdanke {
/* Button Spam melden wurde gedrückt request wird durchgefuehrt */
background:url("../grp/working.gif") no-repeat top right;
cursor:default;
display:none;
}

#spamdanke {
/* Button Spam melden wurde gedrückt nun das spam element unsichtbar machen und dieses hier sichtbar*/
background:none;
}
/*tabelle fuer details auf reisebericht-zusammenfassungsseiten ENDE*/

/*ende TT_NEWS / Reisebericht Detailseite*/

/* Content Spalte Mitte, Ende*/

.footer {
margin-top:8px;
background: #082D6F url("../grp/footer_bg.gif") repeat-x top left;
height:24px;
overflow:hidden;
padding:16px 0px 0 10px;
color:#929396;
}

.footer * {
font-size:9px;
}

.footer a{
margin-left:5px;
}

.footer a:hover{
color:#929396;
}

span.copyright {
float:right;
color:#929396;
padding-right:10px;
}

/*==google map in Single View von tt_news - bei den sehenswürdigkeiten==*/
#map_canvas{
	color:#000;
}
.tooltip{
	font-size: 10px;
	background-color:#FFF;
	border:2px solid #CCC;
	padding:5px;
	white-space:nowrap;
}
.googleMarkerTab .address{
	margin-bottom: 10px;
}
.tooltip dl,
.tooltip dd,
.tooltip dt{
}
.tooltip dt{
	font-weight: bold;
}
.tooltip dd{
	margin-left: 15px;
}
.tooltip img{
	border: 1px solid #AAA;
	display: block;
}

/* zum sichtbarer machen der Skalenbeschriftung unten links auf der googlekarte - funktioniert aber leider nicht
div.scalecontrol {
	color:#fff !important;
	background-color:#000;
}

div.gmnoprint{
	color:#fff !important;
	background-color:#000;
}
div#scalecontrol.gmnoprint {
	color:#fff !important;
	background-color:#000;
} */

/*Comment Form*/
.tx-comments-all {background-color:#E6E6E6; margin-top:-6px; padding-bottom:10px;}
.tx-comments-comment-admin { margin: 10px 20px; background-color: #e0e0e0; padding: 5px 9px; text-align: center; }
.tx-comments-comment-form {
background:url('../grp/comment_form_bg.jpg') no-repeat 8px 6px;
background-color:#E6E6E6;
width:509px;
height:246px;
margin:auto;
padding:12px 16px 6px 24px;
margin-top:0px;
}
.tx-comments-comment-form LABEL {
color:#777;
font-size:10px;
width:166px;
display: block;
float: left;
padding-top:5px;
height:12px;
}

.tx-comments-comment-form INPUT,
.tx-comments-comment-form TEXTAREA, .tx-comments-comment-form IMG {
margin-top: 5px;
}

.tx-comments-comment-form TEXTAREA {
width: 480px;
height:84px;
margin:auto;
}

.tx-comments-comment-input {
float:left;
width:145px;
margin-right:17px;
}

.tx-comments-comment-form BR {
clear: left;
}
.tx-comments-comment-name, .tx-comments-comment-date {font-weight: bold;}

.tx-comments-comment-1, .tx-comments-comment-2 {
border: 1px solid #e0e0e0;
background:url('../grp/comment_comment_bg.gif') repeat-x top left;
background-color:#fff;
margin: auto;
padding:4px;
width:516px;
}

.tx-comments-comment-content {
padding:3px;
text-align: justify;
background-color:#FFF;
}
.tx_comments_pi1_hinweis {
float:left;
color:#777;
font-size:10px;
margin-bottom:5px;
width:420px;
padding-top:6px;
}

.tx_comments_pi1_submit {width:25px; float:right; text-align:right; display:block; padding-right:25px; padding-top:4px;}
.tx-comments-required-mark {color: red; margin:0px; color:#777; font-size:10px; padding:0px;}
.tx-comments-required-error { margin-left: 4px; color: red; font-weight:bold; padding: 3px 0 0 12px; display:block; width:100%;}
.tx-comments-captcha {float:left; padding:0px; margin:5px 0 0 0; width:310px; }
.tx-comments-captcha IMG {float:left; display:inline-block; border: 1px solid #d0d0d0; padding:0px; margin:0px; margin-right:3px;}
.tx_comments_pi1_captcha {margin:0px; padding:0px; width:84px;}
.tx-comments-form-top-message {
border: 1px solid #C7A734;
padding: 10px 20px;
width:460px;
margin:auto;
text-align: center;
font-weight: bold;
background-color:#6985FD;
}

.tx-comments-closed { border: 1px solid #d0d0d0; padding: 10px 10px; margin: 10px 0; }
.tx-comments-closed IMG { vertical-align: baseline; margin-left: 4px; padding-right: 4px; }
.tx-comments-comment-report { font-size: 80%; margin: 7px 0 5px 15px; }
.tx-comments-rating {float:right; margin:0px; padding:0px; font-size:0px; color:#fff; width:90px; height:16px; line-height:1px;}
.tx-comments-comment-form fieldset { border: none; }
/*Comment Form Ende*/

/*Guestbook minimal css, start*/
.tx-veguestbook-pi1 {display:block; overflow:hidden;}
.tx-guestbook-pagination, .tx-guestbook-pagination a {}
.tx-guestbook-clear {height:10px; clear:both;}
h2.tx-guestbook-header {color:#fff; width:100%; background:#888; padding:0 0 0 3px; margin:0px; font-size:12px; height:20px; border-bottom:1px solid #555;}
.tx-guestbook-left {height:20px; background:#ccc;}
.tx-guestbook-left p{height:20px; padding:0 5px 0 0; margin:0px; float:right;}
/*Guestbook minimal css, ende*/

/*Autorenblogs Start*/
#rb_header {
height:146px;
background: url("../grp/header_autor_bg.jpg") no-repeat top left;
position:relative;
}

#rb_customheader {
position:relative;
top:23px;
left:-60px; /*wegen dem logo was genau 59px breit ist*/
width:980px;
height:123px;
text-align:center; /*nur damit der zusätzliche Link mit dem Text nicht stoert*/
vertical-align:top; /*nur damit der zusätzliche Link mit dem Text nicht stoert*/
font-size:1px; /*nur damit der zusätzliche Link mit dem Text nicht stoert*/
margin:0px;
padding:0px;
overflow:hidden;
display:inline;
}

#rb_image {
position:absolute;
top:0px;
left:0px;
width:980px;
height:123px;
z-index:1;
overflow:hidden;
}

#rb_title a {
position:absolute;
top:20px;
left:100px;
z-index:5;
color:#fff;
font-size: 30px;
font-weight:bold;
padding:0px;
padding-top:10px;
margin:0px;
height:30px;
text-decoration:none;
margin:auto;
width:800px;
}

#rb_title a:hover {
color:#7DABFF;
}

#rb_title_shadow a {
position:absolute;
top:22px;
left:102px;
z-index:4;
color:#333;
font-weight:bold;
font-size: 30px;
padding:0px;
padding-top:10px;
margin:0px;
height:30px;
text-decoration:none;
width:800px;
}

#rb_subtitle a {
position:absolute;
top:60px;
left:100px;
z-index:5;
color:#fff;
font-size:16px;
font-weight:bold;
padding:0px;
padding-top:10px;
margin:0px;
height:20px;
text-decoration:none;
width:800px;
}

#rb_subtitle a:hover {
color:#7DABFF;
}

#rb_subtitle_shadow a {
position:absolute;
top:62px;
left:102px;
z-index:4;
color:#2a2a2a;
font-size:16px;
font-weight:bold;
padding:0px;
padding-top:10px;
margin:0px;
height:20px;
text-decoration:none;
width:800px;
}

/*gibts erstmal nicht
div.blogpost_info {
border-top:solid 1px #777777;
font-size:10px;
margin-bottom:10px;
}
span.rb_bild {
font-size:10px;
width:200px;
text-align:center;
line-height:12px;
padding:3px;
border:solid 1px #999999;
}
span.rb_bild img {
display:block;
}
*/

div.box_rechts_profil {
background: #D7D6D6 url("../grp/rb_userprofile_top.jpg") no-repeat top left;
margin-top:12px;
padding:20px 14px 20px 14px;
min-height:210px;
display:inline-block;
line-height:20px;
text-align:justify;
}

div.box_rechts_profil img.lang_flag {
float:right; position:relative; top:11px;
border-bottom:solid 1px #aaa;
border-right:solid 1px #aaa;
}

div.userimage {
margin:4px;
/* da muss ein default bild hin! background: url("../grp/rb_userimageshade.jpg") no-repeat bottom right;*/
padding:3px;
float:right;
border: solid 1px #666;
background-color:#fff;
}

h3.username {
border-bottom:1px solid #444;
}

:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }

div.box_rechts_profil q {
display:block;
font-style: italic;
padding:10px 0 20px 0;
margin:auto;
width:200px;
line-height:20px;
text-indent:10px;
}
/*Autorenblogs Ende*/

/*Eintragsformular Unterkunft*/
div.box555 div.image_remove{
border:solid 1px #aaa;
margin:2px;
float:left;
height:130px;
width:100px;
padding:2px;
background-color:#eee;

}

div.box555 div.image_remove img{
float:right;
position: absolute;
}

div.box555 div.image_remove_check{
float:right;
position: relative;
top:-10px;
left:0px;
cursor:pointer;
font-weight:bold;
font-size:34px;
color:#ff8888;
}

div.box555 input.mitmachen {
/*border:solid 3px red;*/
font-size:10px;
width:320px;
}

.reg_categories {
float:left;
margin:1px;
border:solid 1px #bbb;
background-color:#d0d0d0;
width:168px;
height:30px;
cursor:pointer;
}

.reg_categories img {
width:25px;
height:25px;
float:left;
padding:1px;
}

/*Eintragsformular Unterkunft Ende*/

/*Styles fuer das Rating Modul mit den Bewertungs-Sternen*/
.tx-ratings { position: relative; left: 0; top: 0; padding-top: 16px; margin: 5px 5px; }
	.tx-ratings-display { position: absolute; left: 0; top: 0; height: 12px; }
		.tx-ratings-grey-bar { position: absolute; left: 0; top: 0; width: 75px; height: 15px; background: url(../images/ratings.gif) repeat-x; font-size: 1px; }
		.tx-ratings-gold-bar {position: absolute; left: 0; top: 0; width: 0px; height: 15px; background: url(../images/ratings.gif) repeat-x 0 -15px; font-size: 1px; font-size: 1px; }
		.tx-ratings-vote-bar { position: absolute; left: 0; top: 0; width: 75px; height: 15px; font-size: 1px; }
			.tx-ratings-vote-bar DIV A { position: absolute; left:0; top: 0; width: 11px; height: 12px; border: none; text-decoration: none; }
				.tx-ratings-vote-bar DIV A:hover { background-image: url(../images/ratings.gif); background-position: 0 -30px; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-1 { left: 0px; width: 15px; z-index: 5; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-2 { left: 0px; width: 30px; z-index: 4; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-3 { left: 0px; width: 45px; z-index: 3; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-4 { left: 0px; width: 60px; z-index: 2; }
			.tx-ratings-vote-bar DIV A.tx-ratings-star-5 { left: 0px; width: 75px; z-index: 1; }
			.tx-ratings-cleaner { clear: left; }
	.tx-ratings-text { }
	.tx-comments-comments * .tx-ratings-text {visibility:hidden; }
	.tx-rating-display-wrap { position: absolute; left: 0; top: 0; font-size: 12px; visibility: hidden; z-index: 1; }
			.tx-rating-display-wrap IMG { float: left; margin-right: 5px; }

table.reisebericht_infos td.info div.tx-ratings-text {
line-height:12px;
font-size:10px;
}
/*die sterne in der Tabelle*/
table.reisebericht_infos td.info div.tx-ratings-vote-bar {
}
/*Ende Styles fuer das Rating Modul*/


/*Shadowbox (Ausgangsbasis für AND shadowbox) Bildergallerie */
.tx-andshadowbox-pi1 .hidden {
  display: none;
}

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
	background: #fff;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #000!important;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
/*background-color: #000;*/
  background-color: #fff;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  background: #fff;
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div,  #shadowbox_description div {
	color: #000;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_description {
	color: #000;
  width:100%;
  background:#fff;
}
#shadowbox_description div {
  padding: 3px 10px 6px 10px;
  color:#000;
  height:auto;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #000!important;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
	color: #000
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
	color: #000
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}
/*Ende Shadowbox*/

/*ANDShadowbox - Typo3 Bildergallerie Modul*/
.clearer {
      clear:both;
      font-size:0px;
      line-height:0px;
      height:0px;
}
.tx-andshadowbox-pi1 {
	margin-bottom:1.5em;
}

.tx-andshadowbox-pi1 {}
	.tx-andshadowbox-pi1 span.tx-andshadowbox-thumb a {
		display: block;
		float: left;
		border: 1px solid #cBd1cd;
		padding: 7px;
		margin: 0 11px 11px 0
	}

	.tx-andshadowbox-pi1 span.tx-andshadowbox-thumb a:hover {
		background: #eceeed
	}

	.tx-andshadowbox-thumb a img {
		border:0pt none;
		padding: 0!important;
}
/*Ende ANDShadowbox*/

/*damit nach Thumbnails die ggf. davor stehen neue zeile beginnt */
div.csc-textpic-text p {
	/*clear:both;*/
}

/*Pagebrowser wird denke ich nur fuer den pagebrowser des Gaestebuchs verwendet*/
.tx-pagebrowse { text-align: center; list-style: none inside none; padding: 0 0; margin: 0 0; width: 100%; }
.tx-pagebrowse li { display: inline; list-style: none; margin: 0 0; padding: 0 5px 0 0; }
li.tx-pagebrowse-pages { width: 80%; }
li.tx-pagebrowse-pages ol { display: inline; margin: 0 0; padding: 0 10px; }
/*Ende Pagebrowser*/

/*rggm - Googlemap Extension */
.mapnest {
  width:550px;
}

.maptop {
  /*padding:0px;*/
}
/*über der googlekarte die Kategorieauswahlliste - die aber ungenutzt bleibt weil wir ja das Menü und die tt_news liste haben*/
.mapcat {
  visibility:hidden; height:0px;/*SS: brauchen wir erstmal nicht*//*padding:5px;*/
  width:550px;
  overflow:auto;
  float:left;

  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}

#map {
  float:left;
  padding:5px;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}

/*Unter der Karte die Liste der Elemente */
.mapbottom {
	visibility:hidden;height:0px; /*SS: brauchen wir erstmal nicht*/
font-size:14px;
  clear:both;
  margin-left:10px;
  width:550px;
  border-bottom:1px solid #ccc;
}

/*enthält die Koordinaten der einzelnen anzeigbaren Elemente - unsichtbar!*/
.mapbottom ul{
  padding:10px;
  margin-top:-1px;
  border:1px solid #ccc;
	border-bottom:0;
  height:50px;
  overflow:auto;
}

#infobox {
  border:1px solid red;
  width:300px;
  position:absolute;
  background:#fff;
  z-index:998;
  display:none;
}

/*
.tx-rgpopup-Nest {
	position:absolute;
	border: 1px solid #CC3333;
	width:350px;
	border:10px solid blue;
	z-index:5;
}*/

.tx-rgpopup-dragbar {
	background-color: red;
	cursor:pointer;
  padding: 2px 0 4px 10px;
	height:15px;
}
.tx-rgpopup-left {
	font-size : 13px;
	font-weight: bold;
	color: white;
	float: left;
	padding-left: 5px;
}

.tx-rgpopup-right {
	text-align:right;
	padding-right: 1px;
}
.tx-rgpopup-mainNest {
	text-align: left;
	padding: 10px;
	background-color: white;
}

/* tooltip at POI on map */
.markerTooltip {
  background: #fff;
  color:#000;
  padding: 3px 6px;
  white-space: nowrap;
  border: #333 solid 1px;
  -moz-border-radius:10%;
  -moz-opacity:0.95;
  opacity: 0.95;
  z-index:4;
  font-size:10px;
  /*font-weight:bold;*/
}


/*der POITab ist eine Reiterkarte innerhalb der Sprechblase einer Google Karte wenn man auf ein ObjectIcon geklickt hat */
#poitab {
	margin: 0;
	padding: 0 0 20px 0 !important;
	/*padding:0;*/
	width:200px;
border-bottom: 1px solid #9FB1BC;
}

#poitab li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#poitab a, #poitab a:link, #poitab a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #708491;
	font-size:14px;
}

/*aktuelle gewählte Reiterkarte in der Sprechblase auf der googlekarte*/
#poitab .act a, #poitab a:link.active, #poitab a:visited.active, #poitab a:hover {
	color: #000;
	background: url(../grp/square.gif) no-repeat bottom center;
}

/*enthält den Namen des Objects und Link zur Detailseite unterhalb der Reiterkarte*/
.poi-content {
clear:both;
height:80px;
overflow:auto;
padding-top:5px;
font-size: 14px;
}
/*
#rggooglemap-largeoverview div {
position:relative;
}
#map_overview {
position:relative;
top:0px;
left:0px;
}
*/
/*ende rggm Googlemap*/