/* Neue Galerie ( 1. 7. 2010) ==================== */

.gallery_viewcount
{
font-size: 10px; margin-top: 4px; border-top: 1px solid #e8e5e2;
}

img.gallery_category_thumb
{
text-align: center;
align: center;
border: 5px solid #ffffff;
}

img.gallery_category_thumb:hover
{ 
border: 5px solid #cccc33;
}

p.gallery_sidebox_backlink, p.gallery_sidebox_backlink a
{
text-align: left; 
color: #ffffff;
font-size: 14px;
font-weigth: bold;
}

div.sidebox_separator
{
height: 2px;
width: 226px;
overflow: hidden;
background: url(/images/for_css/klassenfahrt/bg_sidebox_separator.jpg) no-repeat top left; 
}

div.gallery_gross_wrapper 
{
width: 640px;
overflow-x: hidden;
}


div.gallery_sidebar_button_wrapper
{
margin-top: 5px;
}


div.sidebox_separator p
{
font-size: 1px;
}

img.gallery_toggle_icon
{
float: left;
height: 31px;
width: 32px;
margin-right: 5px; 
margin-bottom: 5px;
}

body.galerie_vollbild_body
{
padding: 20px;
text-align: left;
}
div.vollbild_image__wrapper
{
position: relative;
margin-top: 10px;
}

div.vollbild_image__wrapper_abs
{
position: absolute;
}

p.gallery_vollbild, p.gallery_vollbild a
{
font-size: 16px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 5px;
}

div.gallery2_main
{
padding-top: 128px;
background: url(/images/for_css/klassenfahrt/bg_gallery2_main.jpg) no-repeat top left; 
}

div.gallery_gross_overlayer
{
position: absolute; 
top: 0px; 
width: 640px;
left: 0px; 
padding-top: 7px;
padding-bottom: 10px;
background: url(/images/for_css/klassenfahrt/galerie_fx.png) ; 
}

/* Ende Neue Galerie */

/* Zweispaltig (27. 6. 2010) ======================= */

div.zweispaltig_float_wrapper
{
width: 354px; 
margin-left: 10px; 
margin-bottom: 10px; 
margin-right: 2px;
float: left; 
padding: 0;
}

div.zweispaltig_float_body
{
width: 338px; 
padding: 0 8px 0 8px;
background: url(/images/for_css/klassenfahrt/bg_2spaltig_main.gif) repeat-y;
}

div.zweispaltig_float_top, div.zweispaltig_float_bottom
{
background: url(/images/for_css/klassenfahrt/bg_2spaltig_top_transparent.gif) no-repeat top left; 
height: 10px;
font-size: 1px;
line-height: 1px;
}

div.zweispaltig_float_bottom
{
background: url(/images/for_css/klassenfahrt/bg_2spaltig_bottom_transparent.gif) no-repeat top left; 
}
/* Zweispaltig ENDE */

/* Twitter (27. 5. 2010, 1. 7. 2010)================================ */

div.twitter_page_wrapper
{
padding-top: 85px;
background: url(/images/for_css/klassenfahrt/bg_twitter_main.jpg) no-repeat 5px 0px; 
}

div.twitter_page_post
{
background: url(/images/for_css/klassenfahrt/bg_tweet_separator.jpg) no-repeat top left; 
padding-top: 8px;
}

div.tweet_sidebar
{
margin: 0 6px 3px 0;
border-top: 1px solid white;
padding: 0 4px 4px 4px;

background: #eff6fe;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

}
p.twitter_status
{

}

 /* Twitter ENDE ================================ */


 /* PAGING ================================ */

table.gb_paging_table
{
margin-top: 8px;
width: 710px;
/*background: #ff0;*/
}
table.gb_paging_table tr td, table.gb_paging_table td
{
text-align: center;
vertical-align: middle;
}
.paging_button_cell
{
width: 70px;
}
.paging_index_cell
{
width: 290px;
background: #fff;
font-weight: bold;
background: #f0f0f8;
border: 1px solid #0b4493;
}

/* PAGING ENDE================================== */


/* KONZERTE UND DRUMRUM ==========================================*/ 

div.termine_container
{
margin-left: 10px;
background: url(/images/for_css/klassenfahrt/konzertterminemontage.jpg) no-repeat top left; 
padding:  270px 25px 0px 10px;
}

#ganz_neu_box
{
background: url(/images/for_css/klassenfahrt/ganzneubox.gif) no-repeat 0px 0px; 
width: 243px;
margin-left: 1px;
margin-top: 0px;
}
#ganz_neu_box_startpage
{
background: url(/images/for_css/klassenfahrt/bg_neueblogs.gif) no-repeat 0px 0px; 
width: 243px;
margin-left: 1px;
margin-top: 0px;
}




#eigenwerbung_sidebar
{
width: 242px;
height: 73px;
margin-top: 2px;
margin-bottom: 10px;
background: url(/images/for_css/klassenfahrt/bg_klassenfahrt_werbebox.gif) no-repeat 0px 0px; 
}

#eigenwerbung_sidebar img
{
margin-left: 5px; 
width: 200px; 
height: 45px; 
}

#eigenwerbung_sidebar p
{
margin-left: 7px;
}



#konzerte_box
{
 background: url(/images/for_css/klassenfahrt/bg_livebox_neu.gif) no-repeat 0px 0px; 
width: 243px;
margin-left: 1px;
margin-top: 0px;
}

#konzerte_box table tbody tr td
{
padding-left: 2px;
background: #f8f8ff; 
}

#konzerte_box table tbody tr td a
{
color: #000;
font-weight: normal;
}


#konzerte_box_bottom
{
 background: url(/images/for_css/klassenfahrt/bg_livebox_bottom.gif) no-repeat 0px 0px; 
width: 243px;
height: 64px;
margin: 0 0 4px 0;
padding: 0;
}

.sidebar_small_hovertrick
{
padding-top: 7px;
padding-left: 6px;
padding-bottom: 3px;
}

.sidebar_small_hovertrick a
{
display: block;
 background: url(/images/for_css/klassenfahrt/linkpfeil_lo_13.gif) no-repeat 0px 0px; 
padding-left: 14px;
}

.sidebar_small_hovertrick a:hover
{
background: url(/images/for_css/klassenfahrt/linkpfeil_hi_13.gif) no-repeat 0px 0px; 
}


#konzerte_box table
{
background: transparent;
margin-left: 4px;
margin-bottom: 3px;
width: 230px;
}
#konzerte_box table td
{
background: #fff;

font-size: 11px;
line-height: 13px;
height: 13px;
}

img.konzerte_sidepics
{
display: block;
width: 220px;
margin: 0px 0 21px 5px;
background: #eee;
padding: 0 1px 1px 0;
}


.termine_slider_1, .termine_slider_reike

{
padding: 0;
line-height: 25px;
margin: 0 0 0 0px;
padding: 0 7px 0 10px;
font-size: 15px;
font-weight: bold;
 background: url(/images/for_css/bg_tab_slider_1.gif) no-repeat 0px 0px; 
height: 25px;
float: left;
display: block;
}

.termine_slider_reike
{
background: url(/images/for_css/bg_tab_slider_2.gif) no-repeat 0px 0px; 
}

div.termine_table_wrapper
{
width: 692px;
background: #dedee6;
clear: both;
padding: 4px;
margin: 0 0 14px 0;
border-left: 1px solid #8c98a4;
}

.kaufenbutton
{
heigth: 15px;
background: #ee2;
border: 0;
font-weight: bold;
color: #000;
}

.termine_help_wrapper
{
width: 700px; 
margin-left: 10px;
}

table.termine_table
{
width: 690px;

clear: both;
margin: 6px 2px 8px 0;
}

table.termine_table td
{
border: 1px solid #aaa;
background: #fff;
} 

table.termine_table td p
{
display: block;
padding-left: 23px; 
} 

table.termine_table td.home
{
background: #fff url(/images/for_css/bg_termine_home.gif) top left no-repeat;
} 
table.termine_table td.kaufen
{
background: #fff  url(/images/for_css/bg_kartenkaufen.gif) top left no-repeat;
} 
table.termine_table td.calendar
{
background: #fff  url(/images/for_css/bg_termine_calendar.gif) top left no-repeat;
} 
table.termine_table td.clock
{
background: #fff  url(/images/for_css/bg_termine_clock.gif) top left no-repeat;
} 
table.termine_table td.euro
{
background: #fff  url(/images/for_css/bg_termine_euro.gif) top left no-repeat;
} 
table.termine_table td.info
{
width: 690px;
overflow: hidden;
background: #fff  url(/images/for_css/bg_termine_info.gif) top left no-repeat;
} 
table.termine_table td.arrow
{
background: #fff  url(/images/for_css/bg_termine_arrow.gif) top left no-repeat;
} 
/* ENDE KONZERTE =============================================*/


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX MENUE*/


#menu a{
font-weight: normal;
}

#menu_deko1, #menu_deko2
{
position: absolute; 
top: 76px;
left: 0px;
height: 43px;
background: transparent url(/images/for_css/klassenfahrt/bg_shinetrick_small.gif) center no-repeat;
width: 100%;
text-align: left;
z-index: 200;
}

#menu_deko1
/*DO NOT DELETE!*/
{
height: 30px;
top: 84px;
background: transparent; 
z-index: 0;
}



#menu_wrapper
{
height: 41px;
width: 975px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-left: 10px;
padding-top: 0px;
/* background: #2a63b4 url(/images/for_css/klassenfahrt/bg_menubar_kf.jpg) 0px 1px no-repeat; */
/* background: transparent url(/images/for_css/bg_glassbar_main.jpg) center repeat-x; */

z-index: 300;
}

img.menuimg
{
margin-top: 14px;
}

#menu 
{
/* width:	95%; */
position:relative;
z-index: 100;
}

/* hack to correct IE5.5 faulty box model */
/* * html #menu {width:746px; w\idth:745px;} */

/* remove all the bullets, borders and padding from the default list styling */
#menu ul 
{padding:0;
margin:0;
list-style-type:none;
}

#menu ul ul 
{
 width:100px; 
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li 
{
float:left;
/* width:110px; */
position:relative;
 white-space:nowrap;
}

/* style the links for the top level */
#menu a, #menu a:visited 
{
display:block;
font-size:13px;
text-decoration:none; 

height:35px; 
padding-left: 6px;
padding-right: 40px; 
line-height: 30px;
}

/* topmenue Eigenschaften IE6 */
* html #menu a, * html #menu a:visited 
{
/* width: 100px; */
/* topmenue eigenschaften NUR ie6 */
w\idth: 70px;
/* background: #0ff; */
}


/* versteckte Submenues*/
#menu ul ul 
{
visibility:hidden;
position:absolute;
height:0;
top: 34px;
left:0; 
/*width:100px;*/
}
/* another hack for IE5.5 */
* html #menu ul ul {top:34px;t\op:35px;}

/* position the third level flyout menu */
#menu ul ul ul
{
left: 149px; 
top:0pt; 
width: 151px;
}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left 
{
left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table 
{
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited 
{
height:auto; 
line-height:25px; 
padding: 0px 0px 0px 10px; 

/* 2ndlevel Breite fuer Gecko & Co */
width:140px;
border-width:0;
}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited 
{
width:130px;

/*  weite submenues auch fuer ie6 */
w\idth:140px;
}


/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,#menu ul a:hover ul
{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul
{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul
{ 
visibility:visible;
}


/* Shimming IFrame for IE 5.5 and IE6 only */

.helpiframe, .coveriframe
{
width: 139px;
height: 21px;
position: absolute; 
display: block; 
z-index: -1; 
top: 0; 
left: 0; 
filter: mask(); 
}

/*  ------------- FARBDEFINITION FUER MENU  ------------ */

/* style the links for the top level */
#menu a, #menu a:visited
{
color:#fff; 
}

/* 2lvl hintergrund der auf 3level hinweist*/
#menu ul ul a.drop, #menu ul ul a.drop:visited 
{
background: url(/images/for_css/bg_menu_expander_toflyout.gif) no-repeat 0px 0px; 
}


/* 2lv -> 3lv submenu special hover */
#menu ul ul a.drop:hover
{
background: #a63434 url(/images/for_css/menu_arr.gif) top right no-repeat;
}




/* 3lvl standard hover */
#menu ul ul ul a:hover 
{

font-weight: bold;
color: #000000;
}

/* submenutoptrick */
#menu ul ul  
 { 
border-top: 0px;
 } 


/* 2lvl flyout, 3lvl flyout */
#menu ul ul a, #menu ul ul a:visited 
{
color: #000;
background: url(/images/for_css/bg_menu_expander_standard.gif) no-repeat 0px 0px; 
}


/* standard-hover, achtung: volle HEX-Schreibweise fuer IE5.5 */
#menu ul a:hover
{
font-weight: bold;
color: #000;
}

#menu ul :hover > a
{
font-weight: bold;
color: #000;
}

/* standard-hover, achtung: volle HEX-Schreibweise fuer IE5.5 */
#menu ul ul a:hover
{
font-weight: bold;
color: #000;
}
#menu ul ul a.drop:hover
{
font-weight: bold;
color: #000; 
background: url(/images/for_css/bg_menu_expander_toflyout.gif) no-repeat 0px 0px; 
}

#menu ul ul :hover > a 
{
font-weight: bold;
color: #000;
}

/*Hover der 3rd Level AUSLOEST*/

#menu ul ul a.drop:hover
{
font-weight: bold;
background: url(/images/for_css/bg_menu_expander_active.gif) no-repeat 0px 0px; 
}
/*Hover BEI ausgeloestem 3rdlevel*/
#menu ul ul :hover > a.drop
{
font-weight: bold;
color:#000; 
background: url(/images/for_css/bg_menu_expander_active.gif) no-repeat 0px 0px; 
}




.navi_last, .navi_last a
{
width:140px;
background: url(/images/for_css/klassenfahrt/bg_menu_bottom.gif) no-repeat 0px 0px;
height: 7px;
font-size: 2px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.topflieger
{
position: absolute;

height: 31px;
width: 47px;
top: 60px;
right: 10px;
z-index: 10;
background:  url(/images/for_css/klassenfahrt/topflieger.gif)  no-repeat; 
}
div.topflieger a
{
display: block;
height: 31px;
width: 47px;
}


body {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 17px;
font-family: Arial, Verdana, sans-serif;

background: #d8e2ee url(/images/for_css/klassenfahrt/bg_body_kf2.jpg)  repeat-x; 

text-align: center;
}

em
{
font-style: normal;
font-weight: bold;
}

img, form
{
border: 0;
margin: 0;
padding: 0;
}

#main, #body_wrapper 
{
z-index: 4;
position: relative;
width: 990px;
}

p
{
text-align: left;
font-size: 1em;
color: #222;
margin: 0;
padding: 0;
}

#body_wrapper 
{


background: #c0dafa url(/images/for_css/klassenfahrt/bg_body_kf.jpg)  repeat-x;  
margin: auto;
text-align: left;
margin-top: 0px;
}


a:visited,  a:active,  a:link
{
color: #0000cc;
font-weight: bold;
text-decoration: none;
}

a:hover 
{
color: #e00;
text-decoration: underline;
}


td p
{
margin: 0;
padding: 1px;
}

h1, h2, h3, h4, h5, h6
{
font-weight: bold;
margin: 0 0 0.25em 0;
padding: 0;
}

h1 
{
font-size: 1.6em;
}
h2 
{
font-size: 1.4em;
}
h3
{
font-size: 1.2em;
}

h1.bignews_startpage, h1.bignews_startpage a, 

{
color: #f00;
font-size: 1.25em;
line-height: 1.5em;
font-weight: bold;

}


.roundedcorner, .diskografie_remark_container
{
background: #eaf3fc url("/images/for_css/klassenfahrt/bg_ex_roundedcorner.jpg") top left no-repeat;

margin-left: 10px;
margin-top: 12px;
padding: 10px;
border-bottom: 1px solid #a8cdfa;
}

.roundedcorner h1, .roundedcorner h2, .roundedcorner h3
{
margin: 4px 0 13px 0;
}


.roundedcorner_news
{
background: url("/images/for_css/roundedcorner_news.jpg") top left no-repeat;
margin-left: 10px;
margin-top: 10px;
padding: 35px 7px 0 7px;
}

a.mehr_link
{
font-weight: bold;
color: #009;
}

.none, caption 
{
display: none;
}

.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}


acronym, abbr {
cursor: help;
border-bottom: 1px dotted #333;
}

del {
/*color: #ccc;*/
background: #FFFFCC;
}




#head_filler
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 106px;
background: #fff url("/images/for_css/klassenfahrt/bg_cloud_filler2.jpg") repeat-x;
}


#header
{
height: 114px;
margin-bottom: 0px;
background: url("/images/for_css/klassenfahrt/bg_superheader.jpg") top left no-repeat;
z-index: 5;
}

#main-c {
width: 740px;
margin: 0;
padding: 0;
}


#main {
}

#bigger 
{
width: 735px;
float: left;
margin: 0;
padding: 0 0 30px 0;
}

.gruppe_container {
background: url("/images/for_css/klassenfahrt/startbild_klassenfahrt.jpg") top left no-repeat;
height: 400px;
width: 720px;
margin: 0;
padding: 0;
}


.date-header {
margin: 15px;
padding: 0;
}

.entry-title {
margin: 0;
padding: 0;
}


.entry {
padding: 10px 5px 0 10px;
margin: 0;
}

.entry-info p {
margin: 0;
padding: 0;
}
.entry .imgupload {
border: none;
float: left;
margin: 20px 10px 0 0;
border: 1px solid #333;
}

.navi-pages {
text-align: right;
margin: 15px;
font-size: 11px;
background: #fff;
padding: 10px;
}
.navi-pages p {
margin: 0;
padding: 0;
}

#smaller {
width: 245px;
float: right;
margin: 10px 0 0 0;
padding: 0 2px 0 2px;
font-size: 11px;
line-height: 16px;
}


/* START SIDEBAR ============================================== */



div.generic_box_sidebar, div.generic_box_sidebar_top, div.generic_box_sidebar_bottom, div.generic_box_sidebar_body
{
width: 242px;
background: transparent;
}

div.generic_box_sidebar_top
{
background: url("/images/for_css/klassenfahrt/bg_sidebox_generic_top.gif") no-repeat;
height: 8px;
font-size: 1px;
line-height: 1px;
}
div.generic_box_sidebar_bottom
{
background: url("/images/for_css/klassenfahrt/bg_sidebox_bottom.gif") no-repeat;
height: 8px;
font-size: 1px;
line-height: 1px;
margin-bottom: 5px;
}
div.generic_box_sidebar_body
{
widtH: 236px;
background: #c0dafa url("/images/for_css/klassenfahrt/bg_sidebox_center.jpg") no-repeat; 
padding: 0 0 0 6px;
}

.search_box_sidebar
{
margin-top: 8px;
background: url("/images/for_css/klassenfahrt/bg_konzertsuche.gif") top left no-repeat;
padding: 35px 15px 10px 8px;
width: 218px;
height: 30px;
}

.search_box_field{
background: #fff url("/images/for_css/bg_suchfeld.jpg") 2px 1px no-repeat;
padding-left: 25px;
width: 135px;
border: 0px solid black;
font-weight: bold;
}

.search_box_button
{
width: 50px;
border: 0px;
font-weight: bold;
color: #000;
background: #ffff20 url("/images/for_css/klassenfahrt/bg_search_box_button.jpg") top left no-repeat;
}

p.sidebox_news
{
font-weight: bold;
background: url("/images/for_css/klassenfahrt/list_bullet_kf.gif") 3px 6px no-repeat;
padding: 2px 0 0 15px;
width: 210px;
}
p.sidebox_news a
{
color: #000;
}

div.news_container_side
{
margin: 0 0 5px 0;
padding: 0 0 3px 0;
width: 242px;
background: #c0dafa url("/images/for_css/klassenfahrt/bg_news_container_bottomalign.jpg") bottom no-repeat;
}


.news_title_sidebar, .rss_sidebar, .atom_sidebar
{
height: 40px;
width: 243px;
background: url("/images/for_css/bg_news_sidebar.jpg") top left no-repeat;
}

.rss_sidebar, .atom_sidebar
{
padding: 8px 0px 0px 0px;
background: url("/images/for_css/bg_rss_feed.jpg") top left no-repeat;
}
.atom_sidebar
{
background: url("/images/for_css/bg_atom_feed.jpg") top left no-repeat;
}
.feed_icon_sidebar
{
float: right;
margin: 0 7px 0 0;
}



.news_container_side
{
background: #d8d8e0;
padding: 6px;
margin-right: 7px;
}





/* ENDE SIDEBAR ===================================================*/


p.news_side
{
width: 230px;
text-align: left;
font-size: 1em;
padding-right: 5px;
}







#comments, #comments-post, #trackbacks {
margin: 20px 15px 10px 15px;
padding: 0;
font-size: 11px;
line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
margin: 0 0 20px 0;
padding: 0;
color: #999;
font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
margin: 5px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
margin: 0 0 8px 0;
padding: 0;
}
.comment-info, .trackbacks-info {
text-align: right;
font-size: 10px;
}
.trackbacks-text h5 {
font: bold 11px Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
color: #993300;
}

#footer {
margin: 0;
padding: 0;
font-size: 10px;
color: #fff;
height: 59px;
background: #fff  url("/images/for_css/klassenfahrt/bg_footer.jpg") no-repeat 0px 0px; 
text-align: center;
}

.footer-i {
margin: 0px;
padding: 32px 0 0 0;
text-align: center;
color: #999;

}
.footer-i p {
margin: 0;
padding: 0;
text-align: center;
color: #fff;
}


/* GRUPPENBILD ========================= */

/*
CSS-Snippet fuer Gruppenbild/Newsseite und JS-freies Hovern
*/

#gruppe_logo
{
position: relative;
/* Standalone Angaben
top: 10px;
left: 10px;*/

top: 3px;
left: 2px;
width: 720px;
height: 400px;
margin-bottom: 6px;
background: url(/images/for_css/klassenfahrt/startbild_klassenfahrt.jpg) 0px 0px no-repeat;

}

#gruppe_shadow_layer
{
position: absloute;
top: 0px;
left: 0px;
width: 720px;
height: 399px;
z-index: 200;
background: url(/images/for_css/bg_weiss_alpha.png);
display: none;

/* DAS HIER NUR FUER IE6, MUSS ALS LETZTES STEHEN */
b\ackground: url(/images/for_css/bg_msglayer2.gif);
}


#gruppe_news_hover
{
position: absolute;
font-size: 1px;
line-height: 1px;
width: 185px;
height: 18px;
position: absolute;
z-index: 20;
left: 0px;
bottom: 1px;
background: url(/images/for_css/klassenfahrt/hover_news_startpage.jpg) 0px 0px no-repeat;
display: block;
}

.gruppe_daen a
{
position: absolute;
left: 15px;
top: 0px;
width: 198px;
height: 400px;
}
.gruppe_daen a:hover
{
background: url(/images/for_css/klassenfahrt/bg_hover_daen2.jpg) 0px 0px no-repeat;
}

.gruppe_ferenc a
{
position: absolute;
left: 520px;
top: 0px;
width: 200px;
height: 400px;
}
.gruppe_ferenc a:hover
{
background: url(/images/for_css/klassenfahrt/bg_hover_ferenc.jpg) 0px 0px no-repeat;
}

.gruppe_sari a
{
z-index: 1;
/*background: #f00;*/
position: absolute;
left: 200px;
top: 0px;
width: 152px;
height: 400px;
}
.gruppe_sari a:hover
{
background: url(/images/for_css/klassenfahrt/bg_hover_sari.jpg) 0px 0px no-repeat;
}

.gruppe_eddi a
{
z-index: 2;
/*background: #f0f;*/
position: absolute;
left: 300px;
top: 0px;
width: 180px;
height: 400px;
}
.gruppe_eddi a:hover
{
background: url(/images/for_css/klassenfahrt/bg_hover_eddi.jpg) 0px 0px no-repeat;
}

.gruppe_nils a
{
z-index: 3;
/*background: #ff0;*/
position: absolute;
left: 396px;
top: 0px;
width: 174px;
height: 400px;

}
.gruppe_nils a:hover
{
background: url(/images/for_css/klassenfahrt/bg_hover_nils.jpg) 0px 0px no-repeat;
}


/* ENDE GRUPPENBILD ========================= */

/* START PERSONALITY ========================= */

#personality_head2
{
padding: 0 10px 0 10px;
margin: 0 0 12px 0;
height: 195px; 
width: 970px;
background: url(/images/for_css/klassenfahrt/bg_personality_head.jpg) repeat-x;
}


div.priv_antw {
background: #e8e8e8 url(/images/for_css/bg_fragebogen.jpg) no-repeat;
margin: 0px 10px 6px 15px;
line-height: 1.5em;
padding: 21px 15px 10px 32px;
}


table.personality_head
{
border: 0;
background: transparent;

width: 965px;
margin: 6px 10px 10px 0px;
}

p.personality_mail_link a
{
background: url(/images/for_css/klassenfahrt/icon_personality_to_mail.gif) no-repeat top left;

display: block;

font-weight: bold;
padding: 10px 0 14px 56px;
color: #6c78a3;
}


#kladde_header
{
width: 990px;
background: url(/images/for_css/klassenfahrt/bg_kladde_top.gif) no-repeat top left;
height: 103px;
}

#kladde_body
{
background: url(/images/for_css/klassenfahrt/bg_kladde_center.gif) repeat-y;
margin: 0;
padding: 0 70px 10px 70px;
}

#kladde_footer
{
width: 990px;
background: url(/images/for_css/klassenfahrt/bg_kladde_bottom.gif) no-repeat top left;
height: 22px;
padding-bottom: 20px;
}


/* ENDE  PERSONALITY ========================= */

/* START SUCHE ========================= */

#result_hit_table, #result_head_table
{
width: 970px;
margin-left: auto;
margin-top: 20px;
margin-bottom: 10px;
margin-right: auto;
}

#result_hit_table thead
{
background: transparent url(/images/for_css/bg_result_title.jpg) no-repeat top left;
height: 25px;
font-weight: bold;
}

td.resulthead_1
{
background: transparent url(/images/for_css/bg_result_title_1.jpg) no-repeat top left;
}
td.resulthead_2
{
background: transparent url(/images/for_css/bg_result_title_2.jpg) repeat-x;
}
td.resulthead_3
{
background: transparent url(/images/for_css/bg_result_title_3.jpg) no-repeat top right;
}


.result_top_right
{
background:  #8c98a4;
}

.result_top_left
{
background: #dce0e8;
border: 1px solid  #acb8c3;
}



.result_hit_title
{
background:  #acb8c3;
font-weight: bold;
border-bottom: 1px solid #c0cdd8;
}

p.result_hit_link
{
margin: 7px;
}

.result_hit_body
{
background: #dce0e8;
border-right: 1px solid #ece8e8;
border-bottom: 1px solid #ece8e8;
}

/* ENDE SUCHE ========================= */

/* START DISKOGRAFIE ========================== */

.big_diskografie
{
background: url(/images/for_css/klassenfahrt/bg_diskografie_head.jpg) 0px 0px no-repeat;
magin: 0;
padding-top: 147px;
}

div.cd_intro_klassenfahrt
{
margin: 10px 10px 0 10px; 
padding-top: 10px; 
padding-left: 10px;
background: #fff url(/images/for_css/klassenfahrt/bg_cd_kasten.jpg) 0px 0px no-repeat;
}



em.diskografie
{
font-style: normal;
font-weight: bold;
font-size: 14px;
}

#tracklist_wrapper
{
width: 220px;
padding-bottom: 7px;
margin-left: 5px;
}

#tracklist_wrapper h3
{
padding-top: 2px;
color: #000;
font-weight: bold;
font-size: 12px;
}
#tracklist_wrapper p
{
color: #000;
padding-bottom: 6px;
text-align: left;
}

div.diskografie_remark_container
{
width: 715px;
padding: 10px 0px 0px 10px;
margin: 15px 0 0 10px;
}

div.diskografie_remark_container h2
{
margin: 8px 0 3px 0;
font-size: 12px;
}
div.diskografie_remark_container p, p.diskographie_index_description
{
font-size: 11px;
}

div.diskografie_smallinfo_container
{
color: #000;
margin-top: 15px;
text-align: left;
font-weight: bold;
font-variant:small-caps;
font-size: 11px;

}

div.diskografie_smallinfo_container h2
{
font-size: 12px;
}

.diskografie_remark_container p
{
color: #000;
width: 700px;
}

/* ENDE DISKOGRAFIE ========================== */

/* START SONGTEXTE ========================== */

p.link_p
{
display: block;
color: #000;
background: transparent url(/images/for_css/klassenfahrt/linkpfeil_lo_13.gif) no-repeat 0px 3px;
padding: 0px 0px 0px 17px;
line-height: 20px;
}

p.link_p a
{
color: #000;
font-weight: bold;
}

p.songtexte_smallinfo
{
color: #222;
margin: 7px 0 13px 0;
text-align: left;
font-weight: bold;
font-variant:small-caps;
font-size: 11px;

}

div.liedtexte_intro
{
width: 700px; 
padding: 50px 0 0 10px;
background: url(/images/for_css/klassenfahrt/bg_liedtexte_kf.gif) no-repeat top left;
}

/* ENDE SONGTEXTE ========================== */

/* ANFANG Galerie Ext ========================== */


div.galerie_extern_block
{
background: url(/images/for_css/klassenfahrt/bg_galerie_entry.gif) no-repeat top left;
height: 217px;
width: 232px; 
padding: 0; 
float: left; 
margin: 0 8px 5px 0;
}

div.galerie_extern_container
{height: 150px; width: 220px; margin: 5px; overflow: hidden;}

p.galerie_extern_thumb
{
text-align: center; 
display:block;
}

p.galerie_extern_unterschrift
{
margin: 0 5px 0 5px;
display: block; height: 50px; 
 text-align: left; font-size: 11px; overflow-x: hidden; overflow-y: auto;}

div.galerie_extern_intro
{
background: #f00;
margin: 10px 0 0 10px;
}

/* ENDE Galerie Ext ========================== */



/* ANFANG MAGAZINE ========================== */


div.magazine_block
{
background: url(/images/for_css/klassenfahrt/bg_magazine.gif) no-repeat top left;
height: 140px; width: 215px; padding: 7px; float: left; margin: 0 10px 10px 0;
}

div.magazine_intro
{
width: 720px; 
padding: 95px 0 0 10px;
background: url(/images/for_css/klassenfahrt/bg_magazine_top.gif) 10px 10px no-repeat ;
}

/* ENDE MAGAZINE ========================== */

/* MAJOR STUFF ========================== */

div.startpage_newsbox_bigneu
{
width: 710px;
margin-left: 2px;
padding: 2px 5px 10px 5px;
}

h1.startpage_bignews, h1.startpage_bignews a
{
color: #222222;
font-size: 14px;
line-height: 23px;
margin: 0;
padding: 0;
text-align: left;
}

#blog_head
{
padding: 0 10px 0 10px;
margin: 0 0 12px 0;
height: 195px; 
width: 709px;
background: url(/images/for_css/klassenfahrt/bg_bloghead_kf.gif) bottom right no-repeat;
}

div.major_post_wrapper
{

width: 736px;
margin: 0;
padding: 0;

}

.major_post_headline, .major_post_headline a
{
color: #000;
}

.major_post_headline_container
{
background: url(/images/for_css/klassenfahrt/bg_post_top_kf.gif) repeat-y; 

margin: 2px 6px 0 8px;
padding: 18px 5px 13px 17px;
}

.major_post_headline
{
margin: 0;
display: block;
font-size: 15px;
font-weight: bold;
text-align: left;
}

.major_post_body_container
{
display: block;
margin-left: 8px;
margin-right: 6px;
padding: 4px 7px 7px 23px;
text-align: left;
 border-top: 1px solid #a8cdfa; 
background: #eff6fe url(/images/for_css/klassenfahrt/bg_post_center_kf.jpg) repeat-y;
overflow: hidden;
}

.major_post_closer
{

height: 12px;
font-size: 1px;
margin-left: 8px;
line-height: 1px;
background: url(/images/for_css/klassenfahrt/bg_postbox_bottom_kf.gif) no-repeat;
margin-bottom: 10px;

}
.major_post_topspacer
{
width: 100%;
height: 10px;
font-size: 1px;
line-height: 1px;
background: #transparent;
}


/* ENDE MAJOR STUFF ========================== */

/* GAESTEBUCH ==============================   */


div.gb_entry_mask
{
width: 694px;
background: #fff url(/images/for_css/klassenfahrt/bg_gb_mask.jpg) top left no-repeat;
margin-left: 10px;
padding-bottom: 5px;
margin-bottom: 0px;
}

div.gb_entry_closer
{
width: 694px;
background: url(/images/for_css/klassenfahrt/bg_gb_footer.gif) top left no-repeat;
margin: 0 0 20px 10px;
padding: 0px;
height: 10px;
font-size: 1px;
line-height: 1px;
}

div.gb_einleitung
{
background: url(/images/for_css/klassenfahrt/gaestebuch_titel.gif) 0px 12px no-repeat;
width: 705px;
margin-left: 8px;
padding-top: 55px;
padding-bottom: 15px;

}

.gb_eingabe_form
{
width: 677px;
margin-left: 8px;

background: #e2eefe url(/images/for_css/klassenfahrt/bg_gb_form.jpg) repeat-x;
}



.gb_eingabe_table
{
width: 655px;
margin: 10px;

}

.gb_td_left
{
height: 30px;
width: 125px;
line-height: 16px;
margin: 0;
padding: 0;
font-weight: bold;
}

.gb_td_right
{
width: 530px;
height: 30px;
}

.gb_input_submit
{

padding: 1px;
color: #000;
font-weight: bold;
	border-bottom: 1px solid #555555;
	border-right: 1px solid #888888;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #cccccc;

}

.gb_input_small, .gb_input_submit
{
width: 200px;
background-color: #ff0;
}

.gb_input_wide
{
width: 530px;
margin-bottom: 2px;
}

.gb_input_small, .gb_input_wide, img.gb_neuesvon
{
border-bottom: 1px solid #555555;
border-right: 1px solid #888888;
border-top: 1px solid #ffffff;
border-left: 1px solid #cccccc;
background: #f0f0ff;
}

img.gb_neuesvon
{
float: left;
margin-right: 5px;
margin-bottom: 8px;
}


h5.gb_blogteaser, h5.gb_blogteaser a
{
color: #fff;
font-size: 14px;
font-weight: bold;
}

p.gb_blogteaser, p.gb_blogteaser a 
{
color: #000;
}

.gb_author
{
display: block;
margin: 0px 40px 5px 65px;
padding-top: 13px;
font-weight: bold;
font-size: 14px;
color: #000060;
border-bottom: 1px solid #c0dafa;
}
.gb_comment_infos
{
display: block;
margin: 0px 40px 0px 65px;
padding-bottom: 8px;
font-size: 11px;

}


/* Start des GB-Entries*/
div.gb_comment_wrapper
{
background: url(/images/for_css/klassenfahrt/bg_gb_entry_body.jpg) repeat-y;

width: 725px;
margin-top: 10px;
margin-left: 5px
}

.gb_comment
{
display: block;
padding: 0 10px 2px 15px;
margin-right: 30px;
}

div.gb_comment_block
{
background: url(/images/for_css/klassenfahrt/bg_gb_entry_top.jpg) no-repeat;
padding: 0; 
overflow: hidden;
}

div.gb_comment_closer
{
margin: 0px:
padding: 0px;
line-height: 1px;
font-size: 1px;
height: 27px;
background: url(/images/for_css/klassenfahrt/bg_gb_entry_bottom.jpg) no-repeat;
}

p.gb_master_antwort em
{
color: #0000b0;
font-style: italic;
font-weight: bold;
}

div.gb_guys_antwort_top
{
background: url(/images/for_css/klassenfahrt/bg_gb_answer_top.jpg) no-repeat;
width: 718px;
height: 74px;
color: #00b;
padding: 0;
margin: 0;
/*padding: 30px 13px 0 30px;*/
background-position: bottom left;
}

div.gb_guys_antwort_top img
{
margin: 0 0 0 93px;
padding: 0;
border: 0;
vertical-align: bottom;
}

div.gb_antwort_wrapper
{
/* background: url(/images/for_css/klassenfahrt/bg_gb_answer_body.jpg) repeat-y; */
}

div.gb_antwort_closer
{
font-size: 1px;
line-height: 1px;
height: 26px;
background: url(/images/for_css/klassenfahrt/bg_gb_answer_bottom2.jpg) 0px 0px no-repeat;

}

div.gb_guys_antwort
{
padding: 8px 18px 8px 100px;
background: url(/images/for_css/klassenfahrt/bg_gb_answer_body.jpg) repeat-y;
}


/* ENDE GAESTEBUCH ==============================   */


.clips_main
{
background: url(/images/for_css/klassenfahrt/bg_clips_head.jpg) no-repeat 0px 0px;
padding-top: 76px;

}

img.help_image_cls
{
float: left;
margin: 5px 8px 2px 0;
}

.clearer
{
clear: both;
}
li.flytip
{
width: 190px; 
height: 60px; 
background: url(/images/for_css/klassenfahrt/menueblase_yel.gif) no-repeat 0px 0px;
position: absolute; 
display: block; 
left: 0px; 
bottom: 25px;
padding: 5px;
overflow: hidden; 
font-weight: bold;
font-size: 10px;
white-space: normal;

}
li.flytip p
{
position: relative;
width: 190px;
}