@charset "UTF-8";
/* ***************************************************************************************** */

/* CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2008, Piccobello - Media & Corporate */

/* ***************************************************************************************** */

/* Style Reset */
@import url(reset.css);

@media all
{


body 
{ 
	background: #63bdc6; 
	color: #525252; font: normal 13px Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
}

* html body { font-size: 0.8em;}


/* 	**********************************************************************
	HEADLINES
	**********************************************************************/
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 20px; margin-bottom: 11px; }
h2 { font-size: 18px; margin-bottom: 10px; }
h3 { font-size: 16px; margin-bottom: 4px; }
h4 { font-size: 13px; margin-bottom: 2px; }


/* 	**********************************************************************
	LINKS
	**********************************************************************/
.text a, a.email, a.intern, a.extern, a.mehr, a.file { background: transparent url(../img_style/icon_link.gif) center right no-repeat; padding-right: 10px; margin-right: 0px; }
a.hash, a.news { background: none; }
a, a:link, a:visited { text-decoration: none; color: #5BADB5; }
a:hover, a:active, a:focus { text-decoration:underline; color: #5BADB5; }
h1 a, h2 a, h3 a, h4 a, h5 a , h6 a, a img { text-decoration: none; color: #5BADB5 !important; } /*535353 */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover , h6 a:hover { text-decoration: underline; color: #5BADB5 !important; }


/* 	**************************************************
	ICON LINS
	**************************************************/


a.icon { background: transparent url(../img_style/icon_pfeil.gif) no-repeat 1px center; padding: 0px 1px 0px 18px; }
a.icon.pfeil { background-image: url(../img_style/icon_pfeil.gif); }
a.icon.extern { background-image: url(../img_style/icon_extern.gif); }
a.icon.intern { background-image: url(../img_style/icon_extern.gif); }
a.icon.email { background-image: url(../img_style/icon_mail.gif); }
a.icon.download { background-image: url(../img_style/icon_download.gif); }
a.iconbutton, a:hover.iconbutton { position: relative; text-decoration: none;}
a.iconbutton span { display: none; }
a.iconbutton.more { padding-left: 15px; height: 14px; background: transparent url(../img_style/iconButton_more.png) no-repeat bottom left; }


/* 	**********************************************************************
	TEXTFORMATIERUNG
	**********************************************************************/
sub, sup { font-size: 60%; line-height:100% }	
sub { vertical-align: bottom; }
sup { vertical-align: top; }
address { font-style: normal; }
strong, em { font-weight: bold; }
hr { display: none; }
.smallfont { font-size: 12px;}


/* 	**************************************************
	FARB-, SCHRIFTGRÖSSEN- und ABSTANDFORMATIERUNG
	**************************************************/
.infobox { width: 516px; padding: 8px 10px 8px 10px; color:#858585; }
.infobox.dick { font-weight: bold;  }

.bgcolor1 { background: #e5eae2; }
.bgcolor2 { background: #f8f8f8; }
.bgcolor3 { background: #fafbf9; }
.bgcolor4 { background: #e8f4fa; }
.gapb1 { margin-bottom: 2.0em; }
.gapb2 { margin-bottom: 1.0em; }
.contW { width: 536px; }
.contW10 { width: 516px; padding-left: 10px; padding-right: 10px; }
.contH10 { padding-top: 10px; padding-bottom: 10px; }


/* 	**********************************************************************
	LAYOUT
	**********************************************************************/

#doc {
	position:relative; width:1020px; padding:0; margin:0; background:#F0EFED;
}

#contentAll
{
  position:relative;
  margin-left:30px;
  margin-right:30px;
  margin-top:0px;
  padding-top:0px;
  width:960px;
}

#contentLeft, #contentRight
{
  position:relative; overflow: hidden;
}

#contentLeft
{
  width:538px;
  padding-right: 102px;
  float:left;
}

#contentRight
{
  width:320px;
  float:right;
}

body.popupstyle { background:#F0EFED; }
body.popupstyle #doc { width: 600px; padding: 10px 0px 10px 0px; }
body.popupstyle #contentAll { width: 540px; }
body.popupstyle #contentLeft { padding-right: 0px; }
body.popupstyle #footer { display: none !important; }

/* 	**************************************************
	HEADER / LOGO 
	**************************************************/
	
#headerBereich { 
	position:relative; padding: 0px; height:282px;  width:1020px;
	border-bottom: solid #63BDC6 8px; overflow:hidden;
	background: transparent url(../img_style/header_default.jpg) no-repeat top left ;
}

#logo {
	position:absolute; left:27px; top:30px; width:132px; height:111px;
}

#logo a {
	display: block; width:132px; height:111px; cursor: pointer;
	background: transparent url(../img_style/logo_rueckgrat.png) no-repeat top left ;
}

#logo img {
	display: none;
}

#headerBereich.portal #logo {
	left:30px; top:150px;
}

h1#centerName {
	position:absolute; display: block; width: 280px; height: 64px; right:60px; bottom:0px;
}

h1#centerName a span {
	display: none;
}

h1#centerName a {
	display: block; width: 280px; height: 70px; cursor: pointer;
}

h1#centerName a.st {
	background: transparent url(../img_style/bg_centername_st.png) no-repeat top left;
}

h1#centerName a.wt {
	background: transparent url(../img_style/bg_centername_wt.png) no-repeat top left;
}

h1#centerName a.zo {
	background: transparent url(../img_style/bg_centername_zo.png) no-repeat top left;
}

#corporateHeader {
	position:relative; width:960px; height:7px; top:0px; padding:0px; margin-bottom: 24px;
	background: transparent url(../img_style/portal_header.jpg) no-repeat top left;
}

#corporateHeader.portal {
	margin-bottom: 57px;
}

#corporateHeader.st {
	background: #A0D8F5; /* D3D44C */
}

#corporateHeader.wt {
	background: #E734BB;
}

#corporateHeader.zo {
	background: #F1BF00;
}

/* 	**************************************************
	BREADCRUMB
	**************************************************/

#breadCrumb	{
	margin-bottom:20px; font-size: 11px;
}

#breadCrumb a {
	font-weight:bold;
} 

/* 	**************************************************
	FOOTER
	**************************************************/

#footer {
	position: relative; width: 100%; margin-top:20px; background-color:#63BDC6; color: #fff;
	padding-top:10px; padding-bottom:10px; font-size:11px; overflow: hidden; clear: both; 
}

#footer p {
  display:block; width:640px; padding-left: 30px; float:left;
}

#impressum {
  position:relative; width:306px; padding-right: 30px; float:right;
}

#impressum a {
  color:#fff; font-weight:bold; margin-right:26px; padding-right: 12px;
  background: transparent url(../img_style/icon_footer.gif) no-repeat center right; 
}

#impressum a.totop {
  font-weight:normal;
  background-image: url(../img_style/icon_totop.gif); 
}



/* 	**********************************************************************
	MAIN MENU
	**********************************************************************/

ul#hauptmenu { 
	position:absolute; left:30px; top:145px; z-index:100; width: 800px; float: none;
	list-style:none;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; text-align: center;
}

ul#hauptmenu li  {
    float: left;  position: relative; margin: 0; padding: 0;
}

ul#hauptmenu li ul {
	position: absolute; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; width:200px; 
	display: none;  /* Unternavigation ausblenden */
}

ul#hauptmenu li:hover ul {
	display: block;  /* Unternavigation in modernen Browsern einblenden */
}

ul#hauptmenu li ul li {
	position: relative; width:200px; float: none; display: block; 
	white-space: nowrap; text-align: left; overflow: hidden; 
}

ul#hauptmenu a, ul#hauptmenu span {   
	display: block; margin-right:35px; font-size:17px; text-decoration:none; color:white;
}

ul#hauptmenu a:hover {   
	color: #F3A300;
}

ul#hauptmenu li ul li a { 
	line-height:1.5em; font-size:12px; padding: 0; margin: 0; overflow: hidden;
}

* html ul#hauptmenu li ul li a { line-height:1.3em;}

ul#hauptmenu li ul li a:hover { 
	color:white; font-weight:bold;
}

.activated {   
	color: #F3A300!important;
}

/* 	**********************************************************************
	RIGHT CONTENT
	**********************************************************************/

.subfont, .subfont * {
	line-height:1.3em;
}

.sideinfoblock {
	width: 150px; margin-left: 13px;
}

/* 	**************************************************
	STANDORTE // Auswahl auf der Centerseite
	**************************************************/
  
ul#submenuStandorte {
	list-style:none; width:163px; margin-bottom:100px; padding:0;
}

ul#submenuStandorte li {
	display:block; width:158px; overflow: hidden;
}

ul#submenuStandorte li.stRand {
	border-left: solid #A0D8F5 5px;
}    

ul#submenuStandorte li.wtRand {
	 border-left: solid #E734BB 5px;
} 

ul#submenuStandorte li.zoRand {
	border-left: solid #F1BF00 5px;
}  

ul#submenuStandorte li.woRand {
	border-left: solid #CDD301 5px;
}

ul#submenuStandorte li a {
	display:block; text-decoration:none; color:#535353; font-weight:bold;
	padding-top:5px; padding-bottom:6px; margin-left:8px; width: 150px;
	background:  transparent url(../img_style/bg_trenner.gif) repeat-x  bottom left;
}   

ul#submenuStandorte li a:hover {
	color:#63BDC6;
}   


/* 	**************************************************
	TEASER MENU
	**************************************************/
	
ul#teaser {
	list-style:none; margin-bottom:50px;
}

ul#teaser li {
	display:block; width:150px; overflow: hidden; margin: 0px; padding-top:5px; padding-bottom:6px; 
	background:  transparent url(../img_style/bg_trenner.gif) repeat-x  bottom left;
}

ul#teaser li a {
	display:block; text-decoration:none; color:#535353; font-weight:bold; width: 130px; 
	padding-right: 20px;
	background:  transparent url(../img_style/iconbutton_more.gif) no-repeat  bottom right;
}   

ul#teaser li a:hover {
	color:#63BDC6;
}

/* **********************************************************************
	CENTER ADRESSE
	**********************************************************************/
	

address#centeraddress {
	display:block; font-size:11px; padding-bottom:5px;
	background:  transparent url(../img_style/bg_trenner.gif) repeat-x  bottom left;
}

.adresse p {
	margin-top:0px; margin-bottom:5px;
}

/* **********************************************************************
	SUBMENU MENU / Menü der Unterseite rechts (Anfahrt , Kontakt...)
	**********************************************************************/

ul#submenu {
	list-style:none; margin-bottom:20px; padding:0;
}

ul#submenu li {
	display:block; width: 100%;
}    

ul#submenu li a {
	display:block; color:#535353; padding-top:5px; padding-bottom:5px; font-size:11px; font-weight:bold;
	background:  transparent url(../img_style/bg_trenner.gif) repeat-x  bottom left;
}   

ul#submenu li a:hover {
	color:#63BDC6; text-decoration:none;
}   
		  
/* 	**********************************************************************
	ARTIKEL / TEXTEDITOR
	**********************************************************************/

.artikel * { line-height: 1.6em; }	
.artikel  { position: relative; width:100% } /*538px;*/

/*	# TEXTE / ABSÄTZE */ 
.date { color:#858484; font-size: 11px; }
.txt.intro { font-weight: bold; }
.artikel p, .artikel ol, .artikel ul, .artikel .txt { margin-bottom: 1.9em; }
.artikel .txt p, .artikel .txt  ol, .artikel .txt ul { margin-bottom: 0px !important; }
.notiz { color: #939292; font-size: 11px; }

/*	# BILDER */ 
.bild { display: block; float: left; color:#858585;}
.bild span { /*  Bildunterschrift */ display: block; padding: 10px 10px; background: #F8F8F8; font-size: 12px; line-height: 1.1em; font-weight: normal; border-top: 1px solid #fff; }
.bild.umflussrechts { float: right; margin-left: 1.5em; }
.bild.umflusslinks { float: left; margin-right: 1.5em; }

/*	# LISTEN */ 
.artikel ol { list-style: decimal outside; margin-left: 1.5em; }
.artikel ul { list-style: disc outside; margin-left: 1.5em; }
.artikel .combi ol, .artikel .combi ul { list-style-position: inside; }
ul.itemliste  { list-style: none; margin-left: 0px; width: 100%; }
ul.itemliste li { padding: 10px 12px 10px 12px; margin-bottom:2px; width: 512px; background:#F8F8F8;}
ul.itemliste li a { font-weight: bold; }
ul .bild { margin-right: 10px; }
ul .txt { float: right; }
ul.itemliste.user li { padding-top: 10px;  padding-bottom: 10px; }
ul.itemliste p, ul.itemliste .txt { color:#858585; margin-bottom: 0px;}
ul.itemliste p strong, ul.itemliste div { color:#47433F; }
ul.itemliste li li { padding: 0px !important; margin: 0px !important; width: auto; background: transparent; }


/*	# GALERIE */ 
.galerie { width: 536px; overflow: hidden; background: #F8F8F8;}
.galerie .preview { width: 166px; float: left; margin-right: 19px; margin-bottom: 8px; overflow: hidden;  }
.galerie .previewlast{ width: 166px; float: left; margin-right: 0px!important; margin-bottom: 8px; overflow: hidden;  }
.galerie.caption .preview { height: 150px; margin-bottom: 2px; }
.galerie a { display: block; width:166px; height:166px; text-align: center;  float: none; }
.galerie .infobox { padding-top: 0px; }
.lupe { display: block; padding: 0px 0px 0px 16px; background: transparent url(../img_style/icon_lupe.gif) no-repeat center left; }

/*	# TRENNER */ 
.trenner { width:536px;height:1px;  background:  transparent url(../img_style/bg_trenner.gif) repeat-x  top left; margin-bottom:22px; margin-top:8px;}
.trenner-100 { width:100%; margin-bottom:4px; margin-top:4px;}


/* ZITATE */
blockquote { color: #999999; background: transparent url(../img_style/bg_zitat.gif) no-repeat top left; padding: 32px 0px 0px 100px; }
blockquote p { font-weight: bold; font-size: 22px; margin-bottom: 0.5em !important; line-height: 1.0em; }
blockquoteb cite { font-size: 12px; }

/* ABSTRACT */
.abstract { background:  transparent url(../img_style/bg_trenner.gif) repeat-x  bottom left; padding-bottom: 1px; }
.abstract h1, .abstract h1 a { line-height: 1.2em; }
.abstract h2, .abstract h2 a { font-size: 16px; line-height: 1.2em; }
.abstract .bild {  }


.newsletter-form { position: relative; width:538px; height: 538px; overflow: hidden; }

/* 	**********************************************************************
	PORTALSEITE
	**********************************************************************/

/* 	**************************************************
	STANDORTE // Auswahl auf der Portalseite
	**************************************************/
	
ul#standorte {
	position:relative; margin-top:19px; list-style:none; padding:0; width:262px;
}

ul#standorte li {
	display:block; width:262px; margin:0px; padding:0; height: 91px; overflow: hidden; 
	float: left;
}

ul#standorte li a {
	display:block; width:262px; height: 91px; text-decoration:none; 
}

ul#standorte li a span {
	display:none;
}

ul#standorte li a.st {
	background: #A0D8F5 url(../img_style/bg_centerbutton_st.png) no-repeat top left; 
}

ul#standorte li a.wt {
	background: #E734BB url(../img_style/bg_centerbutton_wt.png) no-repeat top left;   
}

ul#standorte li a.zo {
	background: #F1BF00 url(../img_style/bg_centerbutton_zo.png) no-repeat top left;   
}

ul#standorte li a:hover {
	background-color: #63bdc6;
}

/* 	**********************************************************************
	PORTALSEITE 2011
	**********************************************************************/
	
#headerBereich.portal2011 {
	background-image: url(../img_style/portal/header_default.jpg);
	/*height: 465px !important;*/
	height: 282px !important;
}

#headerBereich.portal2011 #logo {
	display: none;
}

#corporateHeader.portal2011 {
	background: transparent; margin-bottom: 125px;
}

#socialbookmarks.portal2011 { margin-left:25px; width: 150px; }

ul#standorteMenu { position: absolute; z-index:2; top: -155px; left: 0px; width: 100%; background: transparent; overflow: hidden; }
ul#standorteMenu li { 
	display: block; width: 175px; height: 164px; padding: 70px 5px 8px 4px; 
	float: left;
	background: transparent url(../img_style/portal/bg_standort_box.png) no-repeat top left; 
}

ul#standorteMenu li a { 
	display: block; width: 115px; height: 59px; padding: 95px 10px 10px 50px; 
	background: transparent no-repeat top left; text-decoration: none;
	font-size: 14px; font-weight: bold; color: #656565;
}

ul#standorteMenu li a.st { background-image: url(../img_style/portal/bg_standort_st.png); }
ul#standorteMenu li a.wt { background-image: url(../img_style/portal/bg_standort_wt.png); }
ul#standorteMenu li a.zo { background-image: url(../img_style/portal/bg_standort_zo.png); }
ul#standorteMenu li a.wo { background-image: url(../img_style/portal/bg_standort_wo.png); }
ul#standorteMenu li a:hover { background-image: url(../img_style/portal/bg_standort_hover.png); color: #fff}
ul#standorteMenu li a.st:hover { background-color: #A0D8F5; }
ul#standorteMenu li a.wt:hover { background-color: #E734BB; }
ul#standorteMenu li a.zo:hover { background-color: #F1BF00; }
ul#standorteMenu li a.wo:hover { background-color: #CDD301; }
ul#standorteMenu li a.kw { background-image: url(../img_style/portal/bg_standort_kw.png); }
ul#standorteMenu li a.kw:hover { background-color: #000; background-image: url(../img_style/portal/bg_standort_kw_hover.png); }

#bg-overlay {
	position: absolute; width: 100%; height: 100%; z-index: 1; top: 0px ; left: 0px; background: transparent;
}

/* 	**********************************************************************
	FACEBOOK FEED
	**********************************************************************/
#fb_feed { position: relative; width: 250px; background:  transparent url(../img_style/portal/icon_facebook_feed.gif) no-repeat top left; padding: 0 0 0 15px; }
#fb_feed h3 { padding: 1px 0 5px 0; margin: 0 0 5px 10px; font-size: 14px; background: transparent url(../img_style/bg_trenner.gif) repeat-x bottom left;}
ul.rss_feed * { line-height: 1.3em; }
ul.rss_feed li { padding: 0px 0 0px 10px; font-size: 11px; background: transparent url(../img_style/portal/icon_link_fb_rg.gif) no-repeat 0 9px; }
ul.rss_feed li span.item { padding: 5px 0 5px 0;  display: block; background: transparent url(../img_style/bg_trenner.gif) repeat-x bottom left; }
ul.rss_feed a { font-weight: bold; }
ul.rss_feed li.kraftwerk a { color: #c4071e; }
ul.rss_feed li.kraftwerk { background-image: url(../img_style/portal/icon_link_fb_kw.gif); }

/* 	**********************************************************************
	KURSPLAN ALT
	**********************************************************************/
	
#kursplanSubmenu {
	position: absolute; width: 480px; left: 481px; top: 6px; list-style: none; margin: 0px; 
} 

#kursplanSubmenu li {
	float: left; display: inline;  padding-left: 76px;
}

#kursplanSubmenu li a {
	font-weight: bold;
}

#kursplan * {
	font-size: 12px; line-height: 1.5em;
}
	
#kursplan {
	width:960px; table-layout:fixed; border: 0;
}
	
#kursplan thead  th, #kursplan tfoot td {
	font-family: Times, serif; font-size:18px; font-weight:normal; text-align:left; 
	padding:0; padding-top:13px; padding-bottom:4px; padding-left:9px;
	border-bottom:0px; border-right: solid 1px #F0EFED; border-bottom: solid 5px #F0EFED;
	background-color:#F8F8F8;
}
  
#kursplan tfoot td {
	border-top:solid 5px #F0EFED;
}
  
#kursplan tbody td {
	padding: 5px 9px 30px 9px; vertical-align: top;  border-bottom: 1px solid #e7e7e7;
}

#kursplan tbody td.big {
	/*padding-bottom:50px;*/
}
 
#kursplan tbody td span {
	color:#A98F43;
}
  
.color2 {
	background-color:#F3F3F1;
}	

/* 	**********************************************************************
	KURSPLAN NEU
	**********************************************************************/
#kursplan-neu * {
	font-size: 12px; line-height: 1.5em;
}

#kursplan-neu {
	width: 960px;
}

#kursplan-neu .tagblock {
	position: relative;
	width: 327px;
	background: #f8f8f8;
	margin: 0px 0px 20px 0px;
}

#kursplan-neu .aktu {
	width: 306px;
	display: block;
	background: transparent;
	float: left;
}

#kursplan-neu .prev {
	display: block;
	float: left;
}

#kursplan-neu .next {
	display: block;
	float: right;
}

#kursplan-neu .hide {
	display: none;
}

#kursplan-neu .event {
	width: 266px;
	padding: 5px 20px 0px 20px;
	border-bottom: none;
}

#kursplan-neu .first-event {
	padding-top: 10px;
}

#kursplan-neu .last-event {
	padding-bottom: 30px;
	border-bottom: none;
}


#kursplan-neu .event .event-col1 {
	width: 75px;
	float: left;
}

#kursplan-neu .event .event-col2 {
	width: 175px;
	float: right;
	cursor: pointer;
}


#kursplan-neu .event-uhrzeit,
#kursplan-neu .event-raum {
	color: #aa9043;
}

#kursplan-neu .event-art {
	font-weight: normal;
}

#kursplan-neu .event-leitung,
#kursplan-neu .event-raum {
	display: none;
}

#kursplan-neu .event-raum {
	font-weight: bold;
}

#kursplan-neu .tagblock-header {
	overflow: hidden;
	width: 327px;
	height: 46px;
	background: transparent url(../img_style/bg_kursplan_head_norm.gif) repeat-x top left;
}

#kursplan-neu .tagblock-header h3 {
	font-family: Times, serif; font-size:18px; font-weight:normal; text-align:left; 
	padding: 13px 20px 0px 20px;
}

#kursplan-neu .tagblock-header h3 a {
	font-family: Times, serif; font-size:18px; font-weight:normal; text-align:left; 
	color: #535353 !important;
}

#kursplan-neu .tagblock-header h3 a:hover {
	color: #63bdc6 !important;
}

#kursplan-neu .tagblock-header h3 a.go-prev {
	padding: 0px 0px 0px 20px;
	background: transparent url(../img_style/icon_kursplan_prev.gif) no-repeat center left;
}

#kursplan-neu .tagblock-header h3 a.go-next {
	padding: 0px 20px 0px 0px;
	background: transparent url(../img_style/icon_kursplan_next.gif) no-repeat center right;
}

#kursplan-neu .aktu .tagblock-body {
	background: transparent;
}

#kursplan-neu .aktu .tagblock-body {
	background: transparent url(../img_style/bg_kursplan_body_aktu.gif) repeat-y top left;
}

#kursplan-neu .aktu .event {
	width: 260px;
	padding: 10px 23px 10px 23px;
	border-bottom: 1px solid #f0efed;
	background: transparent;
}


#kursplan-neu .aktu .last-event {
	border-bottom: none;
}

#kursplan-neu .tagblock-footer {
	display: none;
}

#kursplan-neu .aktu .event-art {
	font-weight: bold;
}

#kursplan-neu .aktu .event-leitung,
#kursplan-neu .aktu .event-raum {
	display: block;
}

#kursplan-neu .aktu .tagblock-header {
	width: 306px;
	height: 46px;
	background: url(../img_style/bg_kursplan_head_aktu.gif) no-repeat top left
}

#kursplan-neu .aktu .tagblock-footer {
	display: block;
	width: 306px;
	height: 46px;
	background: transparent url(../img_style/bg_kursplan_foot_aktu.gif) no-repeat top left
}

/* 	**************************************************
	SOCIAL BOOKMARKS
	**************************************************/
#socialbookmarks { margin-left:13px; width: 150px; padding-top: 1.0em; }
#socialbookmarks h4 { font-size: 11px; margin-bottom: 0.5em;}
#socialbookmarks a { display: block; width: 37px; float: left; margin-right: 0.5em; }
	

/* 	**********************************************************************
	MOOTOOLS / TOOLTIP
	**********************************************************************/

.tip1 .tiptop {}
.tip1 .tip { color: #fff; width: 280px; z-index: 13000; border: 1px solid #998138; padding: 16px 10px 20px 10px; background: #aa9043;}
.tip1 .tip .tip-title { 
	font-weight: bold; font-size: 20px; margin: 0; color: #fff;
	padding: 8px 8px 4px 8px; background: transparent; line-height: 1.3em; }
.tip1 .tip .tip-text { 
	font-size: 12px; padding: 4px 8px 4px 8px;
	background: transparent; line-height: 1.3em;}
.tip1 .tip-bottom {}

a.tip1 {color: #525252 !important; text-decoration: none !important; }

/* 	**********************************************************************
	FORMULARE
	**********************************************************************/

/* 	**************************************************
	GENERELLE EINSTELLUNGEN
	**************************************************/	
input, textarea, select { font: normal 100% Arial, Verdana, Helvetica, sans-serif; line-height: 1.2em; }
input.text, textarea, iframe, select { margin: 0px; color: #535353; background-color: #F0EFED; border: 1px solid #F0EFED; }
input.text, textarea, iframe { line-height: 1.0em; padding: 2px 5px; font-weight: bold;  }
select { padding: 1px 5px; font-size: 12px; font-weight: normal; }
iframe { padding: 0px; }
input.checkbox, input.radio { margin-right: 5px; margin-left: 0px; }

input.submit { background: #f0efed url(../img_style/iconbutton_send.gif) no-repeat center right; padding: 0; font-size: 13px; line-height: 13px; font-weight: normal; border: 0px solid #fff; cursor: pointer; color: #fff; width: 100px; height: 22px; }
* html input.submit { border: 0px solid #fff; }
input.submit:hover  { font-weight: bold; }


input.image { margin-top: 3px;}
input.text:hover, textarea:hover { border-color: #A9D6D9;}

optgroup { border-top: 1px dotted grey; margin-top: 8px; padding: 4px 4px; color: grey; font-style: normal; }
option { color: #535353; }

fieldset { position: relative; padding: 0px; }
legend { display: none; }
label { font-size: 11px; position: relative; font-weight: normal; line-height: 1.5em;}

.f_col0, .f_col1, .f_col2 { position: relative; width: 48%; padding-bottom: 10px; }
.f_col0 { position: relative; width: 98%; float: none; }
.f_col1 { float: left; }
.f_col2 { float: right; }


/*
.f_col1 input.text.halb, .f_col2 input.text.halb { width: 48%; }
.f_col1 input.text.viertel, .f_col2 input.text.viertel { width: 24%; }

.f_col0 input.text, .f_col0 textarea { width: 99%; }
.f_col1 input.text, .f_col2 input.text, .f_col1 textarea, .f_col2 textarea { width: 94%; }

.f_col0 select { width: 102%; }
.f_col1 select, .f_col2 select { width: 99%; }
.f_col1 select.dreiviertel, .f_col2 select.dreiviertel { width: 75%; }
.f_col1 select.halb, .f_col2 select.halb { width: 50%; }
*/

.captcha { background-color: #FFF; border: 1px solid #dedede; border-top: 1px solid #cbcccd; border-right: 1px solid #cbcccd; cursor: pointer; }
.captcha:hover { cursor: pointer; }

.smallheight { height: 80px; }
.mediumheight { height: 120px; }
.largeheight { height: 200px; }
.smallwidth { width: 112px; }
.mediumwidth { width: 190px; }
.largewidth { width: 382px; }

select.smallwidth { width: 124px; }
select.mediumwidth { width: 202px; }

.f_row { padding-top: 12px; padding-bottom: 8px; width: 100%; }

.f_row span { display: block; width: 4%; float: left; padding: 0; margin: 0;  }
.f_row span.label { display: block; width: 93%; float: left; padding: 0;  }
.f_row br { clear: both; }

/* 	**************************************************
	INDIVIDUELLE EINSTELLUNGEN
	**************************************************/	
.formBlock {
	position: relative; width:524px; margin-bottom:5px; background-color:#F8F8F8; padding: 10px 7px 10px 7px;
}

.formBlock.gewinnspiel {
	font-weight: bold;
}

.formBlock.note {
	background: transparent;
}

.formBlock.gapb1 {
	margin-bottom:2.0em;
}	

.formBlock p {
	margin: 0px !important;
}


/* 	**************************************************
	PINNWAND
	**************************************************/	
#pinnwand { width: 100%;  }
#pinnwand * { font-size: 12px; line-height: 16px; }
#pinnwand td { padding: 5px 0px 5px 10px; text-align: left; vertical-align: middle; border-bottom: 2px solid #f0efed; }
#pinnwand tr.new td { background-color: #fff; }
#pinnwand tr.read td { background-color: #dfdedc; }
#pinnwand h3, #pinnwand p { margin-bottom: 0em; }
#pinnwand span.send-date { font-size: 11px !important; }
#pinnwand div.from-user-image { width: 62px; height: 62px; border: 1px solid #848484; overflow: hidden; background: transparent center center no-repeat; }
#pinnwand div.from-user-image img { display: none; }
#pinnwand a.delete-message { display: block; width: 16px; height: 16px; overflow: hidden; background: transparent url(../img_style/bg_btn_message_close.gif) no-repeat center right; text-decoration: none; margin-right: 10px; }
#pinnwand a.delete-message:hover { background: #68bcc7 url(../img_style/bg_btn_message_close.gif) no-repeat center left; }

#pinnwand .col-left { width: 64px; float: left; }
#pinnwand .col-right { width: 460px; float: right;}
#pinnwand .col-right h2 { font-size: 18px; margin-bottom: 10px; line-height: 1.2em;}
#pinnwand .col-right p { margin-bottom: 10px;}
#pinnwand .col-right p.messagetext { font-size: 14px !important; line-height: 18px; }

a.add-message { position: relative; margin-bottom: 1.0em; margin-top: 0.1em; float: right; text-align: center; display: block; background: #f0efed url(../img_style/iconbutton_add.gif) no-repeat center left; padding: 8px 0 0 0; overflow: hidden; font-size: 13px; line-height: 13px; font-weight: normal; border: 0px solid #fff; cursor: pointer; color: #fff; width: 141px; height: 22px; }
a.add-message:hover  { font-weight: bold; display: block; }
a.pinnwand-inbox { float: right; padding: 8px 0 0 0; margin: 0.1em 1.0em 1.0em 0em; font-size: 13px; line-height: 13px; }

#private-box { width: 100%;  margin-bottom: 2.0em; }
#private-box * { font-size: 12px; line-height: 16px; }
#logged-box { background: #fff; border-bottom: 5px solid #63bdc6; padding: 10px; } 
#logged-box div.user-image { width: 62px; height: 62px; border: 1px solid #848484; overflow: hidden; background: transparent center center no-repeat; float: left; }
#logged-box div.user-image img { display: none; }
#logged-box div.user-infos { width: 216px; float: right; }
a.logout { background: transparent url(../img_style/icon_logout.gif) no-repeat 1px center; padding: 0px 1px 0px 16px; }
a.pinnwand { background: transparent url(../img_style/icon_no_messages_in.gif) no-repeat 1px center; padding: 0px 1px 0px 18px; }
a.pinnwand.new, a.new { background-image: url(../img_style/icon_new_messages_in.gif); }
span.inbox-number { background: transparent url(../img_style/bg_message_num.gif) no-repeat 0px center; font-size: 10px !important; padding: 1px 4px 1px 8px; }
ul.private-menu { background: #dfdedc; padding: 10px 10px 20px 10px; }
ul.private-menu li a { font-weight: bold; color: #535353; text-decoration: none; }
ul.private-menu li a:hover { color: #63bdc6; }
ul.private-menu li a.activated { color: #191919 !important; }
ul.private-menu li { background:  transparent url(../img_style/bg_trenner.gif) repeat-x  bottom left; padding: 4px 0px 3px 0px; }
span.recipient-wrapper { position: relative; padding: 3px 1px; white-space:nowrap; display: block; float: left;}
span.recipient {
	position: relative;
	padding: 1px 4px; border: 1px solid #F3A300; white-space:nowrap;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
a.remove-recipient { font-size: 14px !important; text-decoration: none; cursor: pointer; }
.pinnwand-note { padding: 5px; border: 1px solid #F3A300; margin-bottom: 10px; font-size: 12px; }
#no-recipients { cursor: pointer;}

#f_empfaenger { 
	position: absolute; z-index: 100; width: 382px; height: 200px; padding: 5px; background: #fff; border: 1px solid grey; 
	overflow: scroll; 
	overflow-y: scroll; 
	overflow-x: hidden; 
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
#selectalias { background: #f0efed url(../img_style/icon_select.gif) center right no-repeat ; display: block; width: 382px; padding: 2px 5px; cursor: pointer; }
#selectalias:hover { background-color: #A9D6D9; }

.pinnwand-alert {
	position: relative; width: 382px; padding: 15px 5px 10px 5px; color: #fff;
	background: #DA2120 url(../img_style/bg_alert.gif) repeat-x top left;
	margin-top: 5px;
}

.pinnwand-note { color: #DA2120; }

/* 	**************************************************
	ALERT
	**************************************************/	

#alert	{
	position: absolute; width: 280px; top: 10px; right: 7px;
	background: #DA2120 url(../img_style/bg_alert.gif) repeat-x top left;
	padding: 15px 7px 10px 7px;
}

#alert h5 {
	font-size:13px; font-weight:bold; color: #fff;
}

#alert ul {
	list-style-type:disc; font-size:12px; font-weight:normal; color: #fff; margin-bottom: 0px;
}




/* 	**********************************************************************
	ALLGEMEINES
	**********************************************************************/

.hide, .zu, .aus { display: none; }
.auf {display: block; }
.stopfloat, .clearfloat { clear: both; }
.linksfluss { float: left; }
.rechtsfluss { float: right; }
.keinfluss { float: none; }

}