fieldset{

	text-align:left;
	margin:0px 0px 16px 0px;
	background-color: #FCFCFC; border: solid 1px #DDDDDD;
	vertical-align:middle;
	font-family: Arial, Verdana, Serif;
}
fieldset input{
padding-bottom:0px;
}
legend{
color:#003366;
font-size:18px;
}

.footerHome h2, .footerHome h2 a{
text-align:center; font-size:10px; color:#909090;
line-height:12px; padding:0px;
}
.sRCBContentWrapper h3 a{
	background-image:url(css-bilder/info.gif);
	background-repeat:no-repeat;
	background-position: left middle;
	padding:0px;
	margin: 0px;
}
.sRCBContentWrapper li, .li-map b {
list-style-image: url(css-bilder/infos.gif)
}
.news h2{padding:0px; margin:0px;}

.bbnutzung{
margin-left: 15px;
margin-top: 8px;
font-size:11px;
text-align:justify;
}
.bbnutzung p{
padding-bottom: 14px;
padding-left: 24px;
}
#outer .holder,  {padding:1em; border:1px solid #ddd;}


/* unclicked style div.more */
#outer div.more i {cursor:pointer; color: #FF9900; font-weight:bold; font-size:12px;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more h4 {display:none;}


/* clicked style div.click */
#outer div.click i.show {display:none; }
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click h4 {display:block;}

#admininfos {
margin-left: 40px; 
padding: 10px 20px 10px 10px; 
background-color:#FCFC99; 
border: dotted 1px #999999;
width:250px;
height: 110px;
}
.admininfossub{
float:left; overflow:visible; padding-right: 10px; font-size:11px;
}
.admininfossub b {
font-size: 11px;
}
.thb{
background-image: url(http://www.coaching-seminar.com/design/css-bilder/loading.tgift);
	background-repeat: no-repeat;
	border:solid 1px #D9D9D9; margin:12px 0px 0px; padding:5px;
	background-color: #F9F9F9;
	}
.thb:hover{
	border:solid 1px #CCCCCC;
	background-color: #FFFFFF;
	}
.kat img{
border:solid 5px #F2F2F2; width:160px; height:122px; float:left; margin-right: 10px;
}
.kat img:hover{ border:solid 5px #CCCCCC;}
font .thbr{margin-left:15px;}
font .thbr h2{
color: #2d4367;  margin-bottom:15px; 
}
.thbr h2 a{font-size:18px; color: #003366;}

.bbdetail{margin-bottom:5px; color:#003366; font-size:10px;}
.bbdetail a {color:#003366; text-decoration:none}
.bbdetail a:hover {text-decoration:underline;}

font .thbr p{font-size:12px;}


p.prev {
font-size:10px; padding-left: 24px;
}

.col2 .contentBoxMiddle h2 {font-size:12px; text-align:left; line-height:16px; padding:0px; margin:0px; }

h2 a {
color: #000000; text-decoration:none; font-size: 14px; text-align:left;
}

.sRCBContentWrapper h2{color:#000000;}
.sRCBOverall-sb .sRCBContentWrapper h2{color:#000033;}

.sRCBContentWrapper h2 a {
color: #000000; text-decoration:none; font-size: 13px; text-align:left; line-height:14px;
}
.sRCBContentWrapper p {font-size:10px; }

.contentBoxMiddle h3 {font-size:20px;}
.contentBoxMiddle h4 {font-size:16px;}
.col2 .contentBoxMiddle h5 {
	font-size: 10px;
	line-height:12px;
	padding:0px;
	margin:0px;
}
.orgb{
background-image: url(/design/css-bilder/button-orange-bigger.gif); width:160px; height:25px; line-height: 22px; padding:0px 0px 0px; border:none;  background-color: #FF9C00; 
}
a.org{
color:#FFF;
font-weight:bold; text-decoration:none; padding: 12px; font-size:14px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; width:280px; height:380px; position:relative; z-index:100; }
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:15px; height:15px; position:absolute; line-height:15px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {position:absolute;}
/* position the square markers */
.uk li a.berlin {top:123px; left:218px; background-image:url(css-bilder/stern.gif)}
.uk li a.hamburg {top:74px; left:123px; background-image:url(css-bilder/stern.gif); overflow:visible;}
.uk li a.hannover {top:140px; left:113px;}
.uk li a.dusseldorf {top:166px; left:62px;}
.uk li a.kassel {top:192px; left:107px;}
.uk li a.frankfurt {top:236px; left:77px;}
.uk li a.stuttgart {top:298px; left:87px;}
.uk li a.munchen {top:316px; left:177px;}
.uk li a.nurnberg {top:282px; left:158px;}
.uk li a.leipzig {top:182px; left:197px; }
/* move the text back into view on hover */
.uk li a:hover {margin-left:0px; text-indent:0; height:1.2em; font-size:1em; color:#000; line-height:1em; padding:2px 10px 2px 20px; width:50px;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a.berlin:hover em {
margin-left:-168px;
}
.uk li a:hover em {
	visibility:visible;
	margin-left:-150px;
	border:1px solid #FF9C00;
	width:150px;
	color:#000;
	padding:20px;
	font-style:normal;
	top:-180px;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif;
	letter-spacing:1px;
	line-height:1.5em;
	background-color:#FFFFFF;

}
/* hack for IE5.x */
* html .uk li a:hover em {width:250px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {display:block; margin-bottom:30px; height:113px; width:150px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; border:15px solid #fff; border-width:15px 15px 15px 0px; border-right-color:#FF9C00; position:absolute; right:0; top:168px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0px; he\ight:0px;}

.button-orange-jacek{
background-image: url(/design/css-bilder/button-orange.gif); width:100px; height:30px; border:none; color:#FFF; background-color: #FF9C00; font-weight:bold; margin-top:10px; font-size:14px; font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

.liob{
position:absolute;top:-1px;left:-1px;width:6px;height:6px;
background-image: url(/design/css-bilder/srcbtl.gif)
}

.reob{
position:absolute;right:-1px;top:-1px;width:6px;height:6px;
background-image: url(/design/css-bilder/srcbtr.gif)

}
.liun{
position:absolute;left:-1px;bottom:-1px;width:6px;height:6px;
background-image: url(/design/css-bilder/srcbbl.gif)
}

.reun{
position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;
background-image: url(/design/css-bilder/srcbbr.gif)
}

/* Floats zB fuer images */

.bc1li {
float:left; 
border: solid 1px #F6F6F6; 
margin: 0px 10px 5px 0;
}

.bc1re {
float:right; 
border: solid 1px #F6F6F6; 
margin: 0 0px 5px 10px;
}
.bc2{
background-color: #FFFFFF;
}

.bc3{
border-left: solid 5px #FFFFFF;
border-right: solid 5px #FFFFFF;
border-top: solid 5px #FFFFFF;
border-bottom: solid 0px #FFFFFF;
}
.bc4{
font-size: 9px; 
color:#999999; 
padding: 0 5px 5px;
}

DIV.pane {background-color: #DBE8F3;border: solid #cccccc 1px;}
/*
.senden {background: none; border:none;  color: #FFFFFF; font-weight:bold; font-size: 14px;}
*/
div#section-2 .untercatlinks_front, div#section-3 .untercatlinks_front, div#section-4 .untercatlinks_front{
font-size:13px;
color: white;
text-decoration:none;
}
.left {
        float: left;
}
.right {
        float: right;
}
.center {
	text-align: center;
	
}
/* Floats zB fuer images ENDE */

.contentbox {
        margin-bottom:13px;
        overflow:hidden;
        clear:both;
}

.headline1 {
        color: #3d5277;
        font-size:large;
        border-bottom:1px dashed #728387;
        padding-bottom:5px;
        margin-bottom:5px;
        clear:both;
}

.headline1 a{
        text-decoration:none;
        color: #3d5277; 
}

.bigbluetext {
        color: #3d5277;
        font-size:large;
}

.bigbluetext ul {
        margin-top:5px;
}

.bigbluetext a {
        color: #3d5277;
}

.smallboldbluetext {
        color: #3d5277;
        font-weight: bold;
}

.hintsheadline {
        color: #3d5277;
        font-size:large;
        border-bottom:1px dashed #728387;
        padding-bottom:5px;
        margin-bottom:5px;
}

.hintscontent {
        color: #000000;
        padding-bottom:5px;
        margin-bottom:5px;
        text-align:justify;
}

.hintsicon {
        vertical-align:top; 
        text-align:center; 
        width:80px
}


.settings_block {
        border-bottom:1px dashed #ffffff;
        padding-bottom:3px;
        margin-bottom:3px;
}

.inputfield input {
        border: 1px solid #2f3e64;
        vertical-align:middle;
}

.inputfield {
        vertical-align:middle;
}

.inputstyle {
        border: 1px solid #2f3e64;
}

.inputstyle_bold {
        border-width: 2px;
}

.inputdescription {
        font-size:80%;
}

.inputtitle {
        vertical-align:middle;
}

.centertitle {
        text-align:right;
        width:120px;
        vertical-align:top;
}

.centerdescription {
        font-size:x-small;
        color:#333333;
        padding-left:5px;
        vertical-align:text-top;
        text-align:left;
}


.termsHeader {
        font-size: 13px;
        font-weight: bold;
        margin-top:20px;
}

.termsSubheader {
        font-weight: bold;
        font-size: 12px;
        margin: 14px 0px 0px 0px; text-align: justify;
}

.termsContent {
        margin: 7px 0px 7px 0px; text-align: justify;
}

ul.termsContent {
        list-style-image:url(/design/css-bilder/termsbullet.gif);
        margin: 0;
        padding: 0 0 0 25px;
}

ul.termsContent li {
        padding-left: 20px;
        margin-bottom: 7px;
        list-style-image:url(/design/css-bilder/termsbullet.gif);
}

.maincontent {
        float: left;
    width: 700px;
    padding-top:13px;
    padding-left:14px;
    padding-right:0px;
}

.errorMaincontent {
    width: 94%;
}

.maincontent_left {
        float: left;
        padding:5px;
        margin-bottom: 20px;
}

.maincontent_right {
        float: right;
        padding:5px;
        width: 380px;
}

.maincontent_bottom{
        float: left;
        padding: 5px;
        width: 920px;
}

.teaser_text {
        float: left;
        height: 60px;
        margin-bottom: 10px;
}

.teaser_bubble {
        float: left;
        width: 376px;
        height: 320px;
        background-image: url(/design/css-bilder/teaser_bubble_bg.gif);
}

.teaser_bubble_box {
        margin-top:17px;
}



.bubble {
        float: left;
        width: 480px;
        height: 103px;
        background-image: url(/design/css-bilder/bubble.png);
        padding-top:20px;
        color:#3d5277;  
} 

.bubbleQuestion {
        font-weight:bold;
        margin-left:10px;
        margin-top:5px;
}

.bubbleAnswer {
        margin-left:10px;
        margin-top:5px;
}

.bubbleButtonSignup {
        margin-left:10px;
        margin-top:5px;
}

.bubbleLoginTable {
        margin-right:10px;
        margin-top:5px;
        color:#3d5277;
        width:200px;
}

.bubbleLoginTable tr {
        white-space:nowrap;
        vertical-align:middle;
}

.loginInput {
        width:170px;
        height: 16px;
        border:1px solid #52719e;
}

.template_show {
    float: left;
    width: 900px;
}

.buttonStyle {
        border:0px;
        background-color:transparent;
        padding:0px;
        margin:0px;
        text-decoration:none;
        
        cursor:pointer;
}

.buttonContainer {
        height:30px;
}       

.buttonStyleLeft {
        height:30px;
        width:7px;
        background-image: url(/design/css-bilder/button_left.gif);
        float:left;
}



.buttonStyleRight {
        height:30px;
        width:7px;
        background-image: url(/design/css-bilder/button_right.gif);
        float:left;
}

.nowrap {
        white-space: nowrap;
}
.template_dotted_lines_color {
        border: 1px dotted;
}

/***************************
 * Styles for the hints page
 ***************************/

.hintsPageBoxCounter {
        float:left;
        font-size:28px;
        vertical-align:middle;
        text-align:center;
        width:33px;
        height:33px;
        font-weight:bold;
        color:rgb(61,82,119);
        background-color: rgb(226,226,228);
        padding-bottom:3px;
}

.hintsPageBoxContainer {
        float:left;
        clear:right;
        padding-top:0px;
        margin-left:10px;
        width:620px;
}

.hintsPageBoxTitleHighlight {
        font-size:large;
        padding-top:7px;
        color:rgb(61,82,119);
}

.hintsPageBoxTitleSubtext {
        margin-top:5px;
}

.hintsPageBoxContent  {
        float:left;
        clear:left;
        margin-top:15px;
}

.hintsPageBox {
        margin-left:15px;
        margin-top:20px;
        float:left;
        clear:left;
        border:1px solid rgb(203,203,205);
        padding:10px;
}

.forgotPasswordLink {
        font-size:xx-small;
}

.rememberMeLink {
        font-size:xx-small;
}

.backtomycenterlink {
        position:relative;
        top:-19px;
        font-size:small;
        float:right;
        text-align:right;
}

.footerDark {
        background-color:#92959a;
}

.footerLight {
        background-color:#abafb3;
		color:#FFFFFF;
}

.independentContent {
        display:none;
}

.birthdayCalendarButton {
        
        cursor: pointer;
        position : relative;
        top : 4px;
}

.jobOfferName {
        text-align:center;
        font-size:large;
        font-weight:normal;
}

.markerTooltip {
        color: black;
        font-weight: normal;
        white-space: nowrap;
        margin: 0;
        padding: 2px 4px;
        border: 1px solid black;
}

.markerTooltipAlternate {
        color: white;
        font-weight: normal;
        background-color:  #666;
        white-space: nowrap;
        margin: 0;
        padding: 2px 4px;
        border: 1px solid black;
}

.markerTooltip a, .markerTooltipAlternate a {text-decoration: underline; color: blue;}

.signupTable {
        margin-left:20px;
}

.signupTable .inputtitle {
        text-align : right;
        font-size:14px;
        font-weight:bold;
}

.signupTable .inputstyle {
        border:2px solid #3D0F02;
        font-size:14px;
}

.signupMusthave {
        font-size:10px;
        text-align:right;
}

.signupHead {
        color:#3D0F02;
        margin-top:5px;
        margin-bottom:0px;
        padding:0px;
        font-size:20px;
}

.loginpanel .inputstyle {
        border:2px solid #3D0F02;
        font-size:14px;
}

.loginpanel .inputtitle {
        text-align : right;
        font-size:14px;

}

.loginRadio {
        position:relative;
        top:5px;
}

.small-text {
        font-family:Arial;
        font-size:9px;
        
}

/*---------------------BOX YELLOW (info) BASIC-----------------------------------------------------------------------------------------------------------------------*/
.wizboxInfo                                                             { width:885px; background:#F8F79D; border: 1px solid #e5e5e5; border-width: 0 1px; margin: 20px 0 15px 0; padding: 0px 10px 0px 10px;  position: relative; }
.wizboxTopBarLeft,                              
.wizboxTopBarRight,                             
.wizboxBtmBarLeft,                              
.wizboxBtmBarRight                                              { height: 10px; padding: 0; position: absolute; width: 500px;}

.wizboxInfo .wizboxTopBarLeft                   { top: -10px; left: -1px; background: url(/design/css-bilder/wizboxInfo-TopBarLeft.png) no-repeat bottom left;  }
.wizboxInfo .wizboxTopBarRight                  { top: -10px; right: -1px; background: url(/design/css-bilder/wizboxInfo-TopBarRight.png) no-repeat bottom right;  }
.wizboxInfo .wizboxBtmBarLeft                   { bottom: -10px; left: -1px; background: url(/design/css-bilder/wizboxInfo-BtmBarLeft.png) no-repeat bottom left;  }                               
.wizboxInfo .wizboxBtmBarRight                  { bottom: -10px; right: -1px; background:   url(/design/css-bilder/wizboxInfo-BtmBarRight.png) no-repeat bottom right;  }

/*------------------ BOX FirstHelp (First Page of Wizard) ----------------------------------------*/
.firstHelpBox                                                   { margin-bottom:10px; margin-left:20px; }
.wizard-step03 .wizboxInfo td                   { padding: 5px 0;}



/* --------------rounded corner------------------------------------------------------------------------------  */
.mcRoundedCornersContainer                      { position: relative; width: 100%; height: 6px; }

.mcRcTop        .mcRcLeft                                       { position: absolute; top: -1px; left: -1px; }
.mcRcTop        .mcRcRight                                      { position: absolute; top: -1px; right: -1px; }
.mcRcBottom .mcRcLeft                           { position: absolute; bottom: -1px; left: -1px; }
.mcRcBottom     .mcRcRight                              { position: absolute; bottom: -1px; right: -1px; }
/************************************
 * General markup styles (body etc)
 ***********************************/

body {
        font-family: Arial, Verdana, Serif;
        font-size: 11px;
        color: #000000;
        margin:0px;
        background-color:#FFFFFF;
        text-align:center;
}

button {
        cursor:pointer;
        
}

a {
        cursor:pointer;
        
        text-decoration:underline;
        color:#000000;
}

h2 {    font-size:large;}

tr, td { text-align:left; }

img {   border: 0px; }
img {  } 
.pngFix {        }
 #map_locationdescription_panel img,
/************************************
 * Styles for the menu and footer and minimycenter
 ***********************************/

.miniMycenter a {
        color:#3d5277;
}

.hostEventCount {
        font-size:80%;
}

.width_adjust {
        width:384px;
}
.height_adjust {
        height:27px;
}

.dynaframe {
        float:right;
        width:200px;
        height:100%;
        border-left:1px dashed #50656a;
        padding-left:8px;
        padding-right:8px;
        margin-top:8px;
        padding-bottom:5px;
        margin-bottom:20px;
}

.footer {
        font-size: x-small;
        text-align:right;
        padding-right:5px;
        padding-left:5px;
}

.footer a {
        text-decoration: none;
}

.footer a:hover {
        color:#333333;
        text-decoration: underline;
}

.footerMenuEventDetails {
        text-align: center;
        padding: 5px;
        color: #777;
}

.footerMenuEventDetails a {
        color: #777;
        text-decoration: none;
}

.rightEntry {
        float:right;
}

.settings_block {
        border-bottom:1px dashed #ffffff;
        padding-bottom:3px;
        margin-bottom:3px;
}

.centertitle {
        text-align:right;
        width:120px;
        vertical-align:top;
}

.centerdescription {
        font-size:x-small;
        color:#333333;
        padding-left:5px;
        vertical-align:text-top;
        text-align:left;
}

.topnav {
        line-height:40px;
        background-repeat: repeat-x;
}

.topnav table {
        height:40px;
        background-color: transparent;
}

.topnav form {
        padding:0px;
        margin:0px;
}

.topnav a {
        background: transparent;
        font-weight: bold;
        text-decoration: none;
        margin-top: 0px;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 2px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 7px;
        padding-bottom: 8px;
}






.miniMyCenterBG {
        background-image: url(/design/css-bilder/box_stripe.gif); 
        background-repeat: repeat-x;
        background-color: #f6f6f6;
        color: #68676c;
        background-position:top;

}

.miniMyCenterBGMain {
        border-left:1px solid #cacbcc;
        border-right:1px solid #cacbcc;
        border-bottom:1px solid #cacbcc;
        padding:5px;
}

/* Country specific menu */

.mainmenu {
        background-color: #4781b3
        /* #e0e1e3; */
}

.mainmenuDE { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuNDE { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuCH { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuNCH { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuAS { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuNAS { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuAQ { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuNAQ { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuFR { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }
.mainmenuNFR { background-image: url(/design/css-bilder/Nnav_blank_de.gif); }

/* Header Version 2 mit vielen li statt td!  ANFANG */
#header {
        position: relative;
        width: 968px;
        height: 155px;
        margin: 10px 0 0; /* Abstand der Seite vom oberen Rand, spaeter in Wrapper Div packen */
        background: url(/design/css-bilder/header.jpg) no-repeat scroll top left;
        z-index: 10;
}
#header h1, #header h2 {
        text-indent: 20px;
		line-height:20px;
		padding-bottom:0px;
		margin:0px;
		color:#000000;
			font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
			font-weight:normal;
		}
#header h1{font-size:22px;padding-top:20px;}
#header h2{font-size:12px;}


#header #header_koop {
        position: absolute;
        left: 29px;
        top: 21px;
        margin: 0;
        padding: 0;
}
#header img {
        height: auto;
        width: auto;
        outline: 0;
        margin: 0 10px 0 0;
}
#header img#sourceCountry {
        position: absolute;
        right: 8px;
        top: 8px;
        margin: 0;
}
#header a#partnerLogo, #header span#partnerLogo {
        padding-left: 10px;
        border-left: 2px solid #FFF;
}
#header[id] a#partnerLogo, #header[id] span#partnerLogo { /* Hack fuer den Firefox, damit die border auch in kompletter Hoehe dargestellt wird */
        padding-left: 0;
        border-left: 0;
}
#header[id] a#partnerLogo img, #header[id] span#partnerLogo img { /* Hack fuer den Firefox, damit die border auch in kompletter Hoehe dargestellt wird */
        padding-left: 10px;
        border-left: 2px solid #FFF;
}
ul#menu {
        position: absolute;
        left: 8px;
        bottom: 6px;
        margin: 0; /* Damit ausgewaehltes Menu ueber gruenen Streifen ragt */
        padding: 0;
        list-style: none;
        z-index: 12;
}
ul#menu li {
        display: inline;
        float: left;
/*      padding-bottom: 1px; */
        margin-bottom: 0;
        background: url(/design/css-bilder/nav_l_0.png) no-repeat scroll top left;
        border-bottom: 1px solid #263752;
}
ul#menu li a {
        display: block;
        position: relative;
        padding: 6px 20px;
        background: url(/design/css-bilder/nav_r_0.png) no-repeat scroll top right;
        color: white;
        text-align: center;
        text-decoration: none;
}
/* ul#menu li a:link, ul#menu li a:visited {
        color: #FFF;
}
ul#menu li a:hover, ul#menu li a:active {
        color: #a3d632;
} */

.mainAreaHomepage ul#menu li#menu_homepage, .mainAreaWizard ul#menu li#menu_wizard,
.mainAreaMycenter ul#menu li#menu_mycenter, ul#menu li.menu_info {
        display: inline;
        position: relative;
        float: left;
        margin-bottom: -2px;
        background: url(/design/css-bilder/nav_l_1.png) no-repeat scroll top left;
        border-bottom: 2px solid #666666;
}
.mainAreaHomepage ul#menu li#menu_homepage a, .mainAreaWizard ul#menu li#menu_wizard a,
.mainAreaMycenter ul#menu li#menu_mycenter a,  ul#menu li.menu_info a {
        position: relative;
        padding: 6px 20px 7px;
        background: url(/design/css-bilder/nav_r_1.png) no-repeat scroll top right;
        color: white;
}
ul#menu_small {
        position: absolute;
        right: 8px;
        bottom: 6px;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 6999;
}
ul#menu_small li {
        position: relative;
        display: inline;
        float: left;
        width: auto;
        margin: 0;
        padding: 3px 7px 7px 0;
        color: white;
}
ul#menu_small li a {
        color: #000000;
        vertical-align: bottom;
        text-decoration: none;
/*      padding: 0 7px;
        border-left: 1px solid #FFF; */
}
ul#menu_small li a:link, ul#menu_small li a:visited {
        color: #000000;
}
ul#menu_small li a:hover, ul#menu_small li a:active {
        color: #999999;
		text-decoration: underline;
}
ul#menu_small img {
        margin: 0 0 0 2px;
}
ul#menu_small ul#languageSelector {
        position: absolute;
        display: block;
        float: right;
        width: auto !important;
        width: 120px;
        height: auto;
        padding: 0;
        margin: 0;
        top: 20px;
        left: -80px;
        right: 0;
        position: absolute;
        background-color: #DDD;
        border: 1px solid #AAA;
        list-style: none;
        z-index: 7000;
}
ul#menu_small #languageSelector td {
        width: auto;
        margin: 0;
        padding: 0;
}
ul#menu_small #languageSelector li {
        float: none;
        display: block;
        width: auto;
        margin: 5px 5px 5px 10px;
        padding: 0;
}
ul#menu_small #languageSelector li span {
        display: block;
        width: 100%;
        color: #000;
        font-weight: bold;
}
ul#menu_small #languageSelector li span img {
        border: 0;
}
ul#menu_small #languageSelector li span img.test {
        position: absolute;
        display: block;
        top: 5px;
        right: 5px;
}
ul#menu_small #languageSelector li a:link, ul#menu_small #languageSelector li a:visited {
        color: #000;
        text-decoration: none;
}
ul#menu_small #languageSelector li a:hover, ul#menu_small #languageSelector li a:active {
        color: #303030;
        text-decoration: underline;
}
#header hr {
        position: absolute;
        left: 8px;
        bottom: 0;
/*      width: 100%; */
        width: 952px;
        height: 6px;
/*      margin: 0 8px; */
        margin: 0;
        padding: 0;
        background: #666666;
        border-top: 1px solid #999999;
        border-left: 1px solid #555555;
        border-bottom: 1px solid #333333;
        border-right: 1px solid #454545;
        color: #555555; /* Damit der IE nicht die Default-Rahmen anzeigt */
        z-index: 1;
}
#header[id] hr {
        background: #666666;
}
/* Header Version 2 mit vielen li statt td!  ENDE */

/* Footer Version 2 ANFANG */
ul#footer {
        position: relative;
        width: 912px;
        height: auto;
        margin: 0 8px;
        padding: 0 20px 8px;
        list-style: none;
        font-size: 10px;
        color: #444;
}
td.footerHome ul#footer {
        padding: 8px 20px;
        border-top: 1px solid #CCC;
}

ul#footer li {
        display: inline;
        float: left;
        width: 25%;
        text-transform: uppercase;
}
ul#footer ul.footerSub {
        position: relative;
        margin: 0;
        padding: 5px 0 20px;
        list-style: none;
}
ul#footer ul.footerSub li {
        display: block;
        float: none;
        width: 90%;
        padding-bottom: 2px;
        text-transform: none;
}
ul#footer ul.footerSub li a {
        color: #777;
        vertical-align: bottom;
        text-decoration: underline;
}
/* Footer Version 2 ENDE */
#mainOverallTable { margin-left:auto; margin-right:auto; }
#mainTopShadow { background-repeat: repeat-y; background-image: url(/design/css-bilder/topShadow.gif); }
#mainLeftShadow { background-repeat: repeat-y; background-image: url(/design/css-bilder/leftShadow.gif); }
#mainRightShadow { background-repeat: repeat-y; background-image: url(/design/css-bilder/rightShadow.gif); }
#mainBottomShadow { background-image: url(/design/css-bilder/bottomShadow.gif); }
#mainLeftLowerShadow { background-image: url(/design/css-bilder/leftLowerShadow.gif); }
#mainRightLowerShadow { background-image: url(/design/css-bilder/rightLowerShadow.gif); }

#messageBar, #messageBar a {
        color:#000000;
}

.infoMessage {background-color:#6666ff; }
.errorMessage {background-color:#ff6666; }
.successMessage {background-color:#66ff66; }

.content {
        width: 952px;
        background-color: #ffffff;
        position: relative;
        padding-top: 0;
        margin-top: 0;
}

#amiandoDisableOverlay {
        position: absolute;
        top:60px;
        left:0;
        width:100%;
        height:500px;
        z-index:2000;
}

.settings_block {
        border-bottom:1px dashed #ffffff;
        padding-bottom:3px;
        margin-bottom:3px;
}

.contact_entrytext_deselected {
        background-color:inherit;
        
        cursor:pointer;
}

.contact_entrytext_selected {
        background-color:#bbbbbb;
        
}

.contactName {
        white-space:nowrap;
}

.contactChecked {
        width:10px;
        height:10px;
        background-color:inherit;
        float:left;
        margin-right:2px;
        background-image: url(/design/css-bilder/ok.png);
}

.contactUnchecked {
        width:10px;
        height:10px;
        background-color:inherit;
        float:left;
        margin-right:2px;
}

.contactlist {
        margin-top:10px;
        overflow:auto;
        height:200px;
        width:250px;
        margin-bottom:5px;
        border-top: 1px solid #2f3e64;  
        border-bottom: 1px solid #2f3e64;       
}

.vcard {
        border: 1px solid #2f3e64;
        width:300px;
        min-height:180px;
        background-color:#cbcfd8;
        margin-left:20px;
        margin-top:30px;
        padding:10px;
        color:#2f3e64
}

.vcard_content {
        display:block;
        padding-bottom:5px;

}

.vcard_content input{
        border: 1px solid #2f3e64;
}

.vcard_content a {
        text-decoration:underline;
}

.vcard_name {
        font-size:large;
}

.vcard_email {
        font-size:medium;
        font-style:italic;
}

.vcard_mobile {
        font-size:medium;
        font-style:italic;
}

.vcard_additional {
        font-size:small;
        font-style:normal;
}

.vcard_comment {
        font-size:small;
        font-style:normal;
}

.vcard_spacer {
        margin-top:5px;
}

.vcard_bottomlink {
        clear:both; 
        margin-top:10px;
        border-top: 1px solid #2f3e64;  
}

.viewMessageSpacer {
        border-bottom: 1px solid #2f3e64;       
        height:1px;
        padding-bottom:10px;
        margin-bottom:10px;
}

.messageRow {
        margin-bottom:2px;
        height:30px;
        border-bottom:2px solid #eceeef;
}

messageTable                            {width:100%;}
#messageTable thead td          {background-color:#677b8d;color:#FFFFFF;padding:7px 0 7px 0; font-weight: bold; border-bottom: 1px solid #37495c;}
.messageTableHeadLeftCol        {padding:8px 0 8px 8px !important;}

.messageSpacer {
        height:2px;
}

.messageHead {
        padding-top:6px;
}

.messageContent {
        margin-left:15px;
}

.nonMemberContact {
        color:#003767;
}

.findMembersArea {
        float:left;
        width:280px;
}

.addContactsArea {
        float:right;
        width:280px;    
}

.contactSearchArea {
        margin-bottom:10px;
}

.contactListName {
        font-weight:bold;
}

.memberSearch {
        font-size:large;
        padding-bottom:5px;
        padding-top:8px;
        color:#2f3e64;
        text-align:center;
        width:550px;
}

.memberSearchInputLabel                 { font-size: large; color:#2f3e64; }
.memberSearchResultTable td             { padding: 5px; }



/* ------------------------------ MYCENTER START ------------------------- */

/* div which contains the whole todobox */
.mcStartToDoBox                                 {background-color: #fdeed9; width: 700px;}

/* in the div-container above are also two divs with top and bottom image, so we need an own content-container */
.mcStartToDoBoxContent                  {margin: 5px 13px 5px 13px;}

/* padding for the tds in the todo box */
.mcStartToDoPadding                             {padding: 6px 0 6px 0;}

/* padding and bottom have to be separated because "no new messages" needs padding but no bottom-border */
.mcStartToDoLine                                {border-bottom: 1px solid #dad3c3;}

/* link in the todo box */
.mcStartToDoLink                                {color:#3D0F02;font-weight:normal;font-size:11px;}
.mcStartToDoLink:hover                  {text-decoration:none;}

/* the images of each todo have their own paddings */
.mcStartToDoImage                               {padding-left:8px;padding-right:8px;}
.mcStartToDoEditBullet                  {margin-left:4px;}

.mcStartBoxOverall                               { background-color: #fcfcfc;border: 1px solid #dddddd; width:698px; background-image:url(/design/css-bilder/mcboxbg.gif);background-position: bottom; background-repeat: repeat-x; margin: 10px 0 15px 0;}


/* rounded corner box at the bottom has a constant height */
.mcStartBoxesBottomOverall              {height:146px;}

/* workaround to box-problem in different browsers use margin instead of padding -> own div is needed */
.mcStartBoxContent                              {margin: 7px 13px 7px 13px;}

/* title of the rounded corner boxes */
.mcStartBoxHeader                               {color: #3d5277; font-size:16px;font-weight:bold; padding-bottom:2px; border-bottom: 1px dotted #dddddd; margin-bottom: 0px;}
a.mcStartBoxHeader                              {color: #3d5277 !important; text-decoration: none;}
a.mcStartBoxHeader:hover                {text-decoration:underline;}
                                                                
/* table which lists the events (future events an drafts!) */
#mcStartListEvents                              {width:100%;}
#mcStartListEvents thead td             {background-color:#677b8d;color:#FFFFFF;padding:7px 0 7px 0; font-weight: bold; border-bottom: 1px solid #37495c;}
.mcStartListEventsHeadLeftCol   {padding:8px 0 8px 8px !important;}

/* every second line in the list has a white background */
.mcStartUpcomgingEventOdd               {background-color:#FFFFFF;}
.mcStartUpcomgingEventStraight  {}
#mcStartListEvents tbody td     a       {color:#000000;text-decoration:none;}
#mcStartListEvents tbody td     a:hover {text-decoration:underline;}
.mcStartCenter                                  {text-align:center;}
.mcStartCenter a                                        {text-decoration:none;}
.mcStartCenter a:hover                                  {text-decoration:underline;}

.mcStartListEventsFirstCol              {padding:7px 0 7px 8px;}
.mcStartListEventsFollowCol             {padding:7px 0 7px 0;}


#mcStartListCategories tbody td         {border-bottom:0px solid #dadada;}
#mcStartListCategories thead td         {background-color:#677b8d;color:#FFFFFF;padding:7px 0 7px 0; font-weight: bold; border-bottom: 1px solid #37495c;}

.mcDetailArrow                                  {margin-top:10px; margin-left:10px;}
.mcHiddenRow                                    {padding-left:8px;}
#mcHiddenRowDetailsTable                {width:100%; font-size:10px;}

.mcTableSum                                             {font-weight:bold; border-top-style: double; border-top-width:2px; border-top-color:#dadada;}
.mcCurrencyRow                                  {text-align:right; padding-right:10px;}

#mcStartListTransactions                {width:100%;}
#mcStartListTransactions tbody td               {border-bottom:1px solid #dadada;}
#mcStartListTransactions thead td               {background-color:#677b8d;color:#FFFFFF;padding:8px 0 8px 0; font-weight: bold; border-bottom: 1px solid #37495c;}

.paymentboxInfo                                                         { width:678px; background:#F8F79D; border: 1px solid #e5e5e5; border-width: 0 1px; margin: 20px 0 15px 0; padding: 0px 10px 0px 10px;  position: relative; }
.paymentboxTopBarLeft,                          
.paymentboxTopBarRight,                                 
.paymentboxBtmBarLeft,                          
.paymentboxBtmBarRight                                          { height: 10px; padding: 0; position: absolute; width: 500px;}

.paymentboxInfo .paymentboxTopBarLeft                   { top: -10px; left: -1px; background: url(/design/css-bilder/wizboxInfo-TopBarLeft.png) no-repeat bottom left; }
.paymentboxInfo .paymentboxTopBarRight                  { top: -10px; right: -1px; background: url(/design/css-bilder/wizboxInfo-TopBarRight.png) no-repeat bottom right; }
.paymentboxInfo .paymentboxBtmBarLeft                   { bottom: -10px; left: -1px; background: url(/design/css-bilder/wizboxInfo-BtmBarLeft.png) no-repeat bottom left; }                               
.paymentboxInfo .paymentboxBtmBarRight                  { bottom: -10px; right: -1px; background:   url(/design/css-bilder/wizboxInfo-BtmBarRight.png) no-repeat bottom right; }

.paymentInfoTop                         {font-size:12px; margin: 10px 0px 0px 10px;}
.paymentInfoTop thead td                {font-weight:bold;}

.mcStartUpcomingMenuTitle               {color:#f39b21; font-weight:bold;}

/* ul to list all the items in the dropdown-menu */
.mcStartUpcomingMenuItems               {margin:0 0 12px 0; padding:0 0 0 24px; list-style-image:url(/design/css-bilder/editLinkBullet.gif)}

/* items in the dropdown-menu list */
.mcStartUpcomingMenuItems li    {padding:3px 0 3px 0; color:#3D0F02; border-bottom: 1px dotted #c3c3c3;}
.mcStartUpcomingMenuItems li a  {color:#3D0F02;}
.mcStartUpcomingMenuItems li a:hover    {color:#3D0F02;}
.mcStartUpcomingMenuItemsLink   {text-decoration: none; color:#3D0F02; font-size:11px;}

/* text in the dropdown-menu */
.mcStartUpcomingMenuText                {color: #000000; font-size:11px;}

/* positioning of the three buttons at the bottom of the future events list */
#mcStartEventButtons                    { margin: 10px 0px 10px 10px; }
#mcStartEventButtons td                 { padding-right:10px; }

/* ul to list the items in the three boxes at the bottom of the page */
.mcStartListBoxEntries                  {list-style:none; margin:0; padding:0; width:170px;}

/* vertical separator in the bottom box */
.mcStartVerticalLine                    {padding-left:15px;border-left:1px solid #a5acb2;}

/* title of an item in the bottom box */
.mcStartEntryTitle                              {font-size:11px;padding:5px 0 5px 0;border-bottom:1px dotted #bbc2c4;}

/* if the title is a link ... */
.mcStartEntryTitle a                    {text-decoration:none;}
.mcStartEntryTitle a:hover              {text-decoration:underline;}

/* small text under the title */
.mcStartEntryDetails                    {font-size:10px;color:#767676;}

/* small link at the bottom of each bottom-box */
.mcStartBottomBoxLink                   {color: #3d5277 !important;text-decoration:none;font-size:11px;}
.mcStartBottomBoxLink:hover             {text-decoration:underline;}
.mcStartBottomBoxSearchMembers  {width: 90%;margin:4px 0 7px 0;}

/* -- FadeIn Menu ------------------------- */
.mcStartFadeInMenuContainer             { position: relative; } 
.mcStartFadeInMenu                              { position: absolute; right: 0px; top: 0px; width: 250px; }
.mcStartFadeInMenu td,
.mcStartFadeInMenu tbody td             { border-width: 0px; }

.invoiceOverview                                { margin-right:10px; margin-bottom:10px;}
.invoiceOverview a                              {text-decoration:none;}
.invoiceOverview a:hover                {text-decoration:underline;}

/* helperstyle to center content */
.mcStartCenter                                  {text-align:center;}
/* ------- EVENT Buttons ------------- */

/* ------------------------------ MINI MYCENTER ------------------------- */
.buttonContent                                  {display:block;}
/* .buttonContent table tr td           {padding-10px;} */
.buttonContent table tr td tt           {font-size:13px;}
.codeArea textarea                                              {border:1px solid #dadada;}
.teaserText                             {clear:both; padding-top:10px; margin-bottom:10px; font-weight:bold;}
.iframeArea                                             {border:1px solid #dadada; margin-top:10px; float:left;}
.colorPickerArea                                {float:left; margin-top:20px; margin-left:20px;}



/* first the logged in user area */

/* welcome-message */
.mmcWelcome                                             { color: #848586; font-size: 10px; margin-top: 43px; }
.mmcWelcomeName                                 { font-weight: bold; color: #f4a12f; font-size: 17px; text-decoration: none; }
.mmcMainList                                    { list-style-image:url(/design/css-bilder/minimycenterbullet.gif); margin:0; padding-left: 12px; }
.mmcMainList li                                 { margin-top: 15px; }
.mmcMainListItemLink                    { color: #214d71; text-decoration: none; font-size: 11px; }
.mmcMainListItemLink:hover,
.mmcSubListItemLink:hover,
.mmcToStartListLink:hover               { text-decoration: underline; }
.mmcSubList                                             { list-style-image:url(/design/css-bilder/minimycentersubbullet.gif); margin:0; padding-left: 12px }
.mmcSubList li                                  { margin-top: 0px !important; }
.mmcSubListItemLink                             { color: #56504a; text-decoration: none; font-size: 11px; }
.mmcToStartList                                 { list-style-image:url(/design/css-bilder/minimycentertostart.gif); margin:0; padding-left: 12px; }
.mmcToStartListLink                             { color: #3f3f3f; text-decoration: none; font-size: 11px; }
.mmcToStartList li                              { margin-top: 15px; }

.mcContactRequestLegend                 { font-size: 10px; color: #56504a; }

.mcGroupPending,
.mcGroupPending td a                    {  }



.eventnews_row a                {text-decoration:none;}
.eventnews_row a:hover  {text-decoration:underline;}

.eventnews_row {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        border-bottom: 1px #eeeeee solid;
}
.eventnews_pic {
        float: left;
        width: 32px;
        height: 34px;
        padding: 2px 4px 3px 4px;
}
.eventnews_name {
        float: left;
        width: 110px;
        padding-top: 2px;
        padding-right:3px;
}
.groupEventList div.template_row, .groupEventList div.template_row_dark {
        clear: both;
        padding: 5px;
        border-bottom: 1px solid #ddd;
}

.latestnewsdate { color: #999999; }

.profileEventListHeader { padding-bottom: 3px; border-bottom: 1px dotted #dddddd; margin-top: 20px; margin-bottom: 0px; }
.profileGroupListHeader { padding-bottom: 3px; border-bottom: 1px dotted #dddddd; margin-bottom: 10px; }
.profileButtonsTable    { margin: 5px 0px 5px 0px; }
.profileButtonsTable td { padding-right: 10px; }

.organizerBoxLinks                              {padding:5px 0 0 10px;}
.organizerBoxLinks      a                       {text-decoration:none;}
.organizerBoxLinks      a:hover                 {text-decoration:underline;}
.subHeadOrgaBox                                 {margin-top:10px; border-width:0 0 1px 0; border-style:solid;}
#guestListOptionsDiv                    { top:0; left: 0; position: absolute; display: none; z-index: 999; }
#guestListOptionsDiv ul                 { list-style: none; margin: 0; padding: 0; }
#guestListOptionsDiv ul li              { text-align: left; }
.editLinks                                              { margin-top: 8px; }
.editLinks a                                    { text-decoration: none; }
.guestlistUserImage                             { float: left; margin-left: 5px; margin-right: 8px; }
.guestlistUserData                              { float: left; display: block; width: 420px; margin-right: 4px; margin-top:2px; }
.guestlistOptionImage                   { float: left; margin: 6px 25px 0 0; }
.guestlistBottomLine                    { border-bottom: 1px solid #e3e3e3; }
.guestlist_row                                  { margin: 0; padding: 4px 0 4px 0; }
.guestlist_optionVoting_icon                    { margin-right: 5px; float: left; padding-left: 16px; }
.guestlist_optionVoting_icon span               { height: 15px; display: block; background: url(/design/css-bilder/datevoting_bg.gif) no-repeat center right; font: normal 10px Arial; padding: 2px 6px 0px 3px; white-space: nowrap;}
.guestlist_optionVoting_ok                              { color: #5d7e26; }
.guestlist_optionVoting_no                              { color: #ba290a; }
.guestlist_optionVoting_tentative               { color: #284ea3; }
.guestlist_optionVoting_noanswer                { color: #818183; }
.guestlist_UserFieldData                { list-style: none; margin: 0; padding: 0; }
.guestlist_UserFieldData li             { padding-right: 6px; white-space: nowrap; }
p, div, h1, h2, h3, h4, h5, form        { margin: 0; padding: 0;}

.clear                                                  { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.indexWrapper                                   { width: 930px; font: 12px "Trebuchet MS",Arial; margin: 0 0 10px 0; color: #4a4a4a; background: url(/design/css-bilder/home_subcontent_bg.jpg) bottom left no-repeat;  }
.bt                                                             { border-top: 1px solid #ccc;}

/*-------------------------------SUB CONTENT----------------------------------------------------------------------*/
.ipContentBox                                   { width: 640px; margin: 6px 0 0 10px; float: left; }

.ipTeaserOverall                                { border-bottom: 2px double #cccccc; padding-bottom: 4px; padding-top: 4px;}
.ipTeaserOverall h1                             { margin-bottom: 10px; }
.ipTeaserOverall h3                             { font-size:14px; }
.ipTeaserOverall a                              { color: #fa8100; text-decoration: none;  }
.ipTeaserOverall a:hover                { color: #fa8100; text-decoration: underline;  }

/*.ipPopularEvents                              { border-bottom: 1px dotted #cccccc; padding: 10px 0 10px 0; }
.ipPopularEvents:hover                  { background-color: #eeeeee; }
.ipPopularEvents h2 a                   { color: #3D0F02; font-size: 16px; text-decoration: none; }
.ipPopularEvents h2 a:hover             { text-decoration: underline; }*/

#popularEvents table                            { margin-top: 5px; }
#popularEvents td                               { font-size: 10px; }
#popularEvents .tdImage1                { padding-right: 8px; }
#popularEvents .tdImage2,
#popularEvents .tdImage3,
#popularEvents .tdImage4                { padding: 0 8px 0 5px; }
#popularEvents .tdText1                 { padding-right: 5px; border-right: 1px dotted #b5b5b5; width: 119px; padding-left:3px; }
#popularEvents .tdText2,
#popularEvents .tdText3                 { padding-right: 5px; border-right: 1px dotted #b5b5b5; width: 119px; }
#popularEvents .tdText4                 { width: 120px; }
#popularEvents .tdBG1                   { background-color: #e5e5e5; }
#popularEvents td a                             { color: #3D0F02; font-weight: bold; text-decoration: none; }
#popularEvents td a:hover               { text-decoration: underline; }
#popularEvents h3                               { font-size:14px; }

.ipSimplicityLoginBox                   { width: 260px; float: right; padding-top:10px; }
.ipSimplicityContentBox                 { margin: 15px 15px 5px 15px; }
.ipSimplicityListBox                    { border: 1px solid #cee0ee; background-color: #eef3f7; padding: 5px 9px 5px 9px; margin-bottom: 9px; }
.ipSimplicityContentBox ul              { list-style: none; margin: 0; padding: 0; }
.ipSimplicitylistItem                   { padding: 8px 0 8px 22px; }
.ipSimplicitylistItemBorder             { border-bottom: 1px dotted #cfe0ee; }
.ipSimplicitylistItem1                  { background: url(/design/css-bilder/simplicity1.gif) 0 50%; background-repeat: no-repeat; }
.ipSimplicitylistItem2                  { background: url(/design/css-bilder/simplicity2.gif) 0 50%; background-repeat: no-repeat; }
.ipSimplicitylistItem3                  { background: url(/design/css-bilder/simplicity3.gif) 0 50%; background-repeat: no-repeat; }
.ipSimplicityTitle                              { color: #3D0F02; font-size: 16px; font-weight: bold; }
.ipSimplicityText1                              { color: #3D0F02; text-align: center; }
.ipSimplicityFocus                              { font-size: 13px; font-weight: bold; }

.ipSimplicityLostPW                             { font-size: 10px; color: #fa8100; text-decoration: underline;}

.subContent                                     { width: 930px; }

.indexLogin                                                             { margin: 0 15px; position: relative; }
.indexLogin table td                                    { border: 0; padding: 0; }
.indexLogin table td label                      { font-weight: bold; }

span.newAccount                                         { width: 291px; display: block; margin: 0 0 0 10px; background: url(/design/css-bilder/newAccount-bg.jpg) no-repeat bottom left;}
span.newAccount a.button                        { color: #000033; margin: 0 5px 5px 0;  padding:5px 10px 0 10px;}
span.newAccount a.button:hover  { color: #000033; text-decoration: none;  }
span.newAccount p                                               { padding: 0 8px; margin: 0px 0 0 0; }

/*-------------------------------TAB CONTENT----------------------------------------------------------------------*/
/* .tabContent                                                  { position: relative;  color: #fff; width: 930px;         } */

#tabContainer                                                   { background: url(/design/css-bilder/home_banner_bg.jpg) top left no-repeat; width: 930px; padding: 0; margin: 0; min-height:277px; }

.deeplinks                                                              { position: absolute; top: 225px; z-index: 5;}
.deeplinks       a:hover                                        { text-decoration: none;  }
.deeplinks       a.button                               { margin: 0 10px 5px 0;  padding:5px 10px 0 10px; text-decoration: none;}
.deeplinks       a.button:hover         { text-decoration: none;  }

.text a                                                                 { color: #000033; text-decoration: none; font-weight: bold; }
.text a:hover                                                   { text-decoration: underline; }
.text h2, .text h2 a                                                               { font: 22px "Trebuchet MS",Arial; letter-spacing: -1px; padding: 0; margin: 0 0 10px 0; color: white; }

.text                                                                   { z-index:10; font-size: 12px;; position: relative; left: 30px; top: 10px;  width: 600px; }
.text p                                                                 { font-size: 14px;}
.text td  {padding-top:0px;}
.eyecandy                                                               { position: absolute; left: 8px; top: 0;z-index: 1;}
.fragment1,.fragment2,.fragment3,.fragment-4        { height: 277px; }

#section-1 table tr td                                                  { line-height:14px; margin-top:0; color: white; font-size: 13px; margin: 0 0 0 5px; padding: 8px 10px; }
#section-1  {width: 830px; height: 277px;}
#section-2  {width: 830px; height: 277px;}
#section-3  {width: 830px; height: 277px;}
#section-4  {width: 830px; height: 277px;}
#section-1 .text h2										{ font-size:24px;}
#section-1 .deeplinks                                   { left: 35px; }


#section-2 .deeplinks                                   { left: 35px; }
#section-2 .text h2                                             { font-size:24px;padding-bottom:15px; }

.newIndex                                                               {color:#ff0000;}
#section-3 .deeplinks                                   { left: 35px; }
#section-3 .text h2                                             { font-size:24px;padding-bottom:15px; }

#section-4 .deeplinks                                   { right: 20px; top: 235px; }
#section-4 .text                                                { left: 310px; }
#section-4 .text h2                                             { font-size:24px;padding-bottom:10px;}
#section-4 .modules                                     { width:370px; font-size:11px;  position: absolute; right: 20px; top: 20px;}
#section-4 .modules strong              { display:block; font-size:12px; padding:0 0 2px 0;}
#section-4 .modules em                          { font-style:normal;}
#section-4 .modules ul                          { width:165px; float:left; padding: 0 15px 0 0; margin: 0;  }
#section-4 .modules ul li                       { margin: 0; padding: 10px 0; height:40px; list-style: none; }
#section-4 .modules h3                          { width:350px;margin: 0 5px 0 0; padding: 0 0 4px 0; color: white; font-size:14px; border-bottom:1px solid #456888;}
#section-4 .modules .icon                       { float:left; margin-right:6px;}

#section-2, #section-3, #section-4, #section-5 {
  display:none;
}
.fragment1, .fragment2, .fragment3, .fragment4, .fragment5 {
  min-height: 277px;
}
.fragment1, .fragment2, .fragment3, .fragment4, .fragment5 {
  display:none;
}

.anchors {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 65px;
        background-color: transparent;
}

.anchors li {
        float: left;
        margin: 0;
/*      display: table;
        position: static !important; */
        position: relative;
}

/* attaching active state to background of li for pre-loading */
.anchors #tab2 {
  background: url(/design/css-bilder/tab_hover_1.gif) top left no-repeat;
}
.anchors #tab3 {
  background: url(/design/css-bilder/tab_hover_2.gif) top left no-repeat;
}
.anchors #tab4 {
  background: url(/design/css-bilder/tab_hover_3.gif) top left no-repeat;
}

.anchors li a {
        position: relative;
/*      display: table-cell !important; */
        display: block;
/*      padding: 0 !important; */
        padding: 12px 0 0 0; /* fake vertical-align for IE (2 rows text) -> switch 10 to 20 for overall one row */
        width: 317px;
        height: 55px;
        font: 18px/20px "Trebuchet MS",Arial;
        color: white;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
}
/* Tab Rollovers */
.anchors #tab a:link, .anchors #tab2 a:visited, .anchors #tab2 a:hover, .anchors #tab3 a:link, .anchors #tab3 a:visited, .anchors #tab3 a:hover, .anchors #tab4 a:link, .anchors #tab4 a:visited, .anchors #tab4 a:hover  {
  width: 317px;
  position:static;
}
.anchors #tab3 a:link, .anchors #tab3 a:visited, .anchors #tab3 a:hover {
        width: 318px;
}
.anchors #tab2 a:link, .anchors #tab2 a:visited {
  background: url(/design/css-bilder/tab_normal_1.gif) top left no-repeat;
}
.anchors #tab3 a:link, .anchors #tab3 a:visited {
  background: url(/design/css-bilder/tab_normal_2.gif) top left no-repeat;
}
.anchors #tab4 a:link, .anchors #tab4 a:visited {
  background: url(/design/css-bilder/tab_normal_3.gif) top left no-repeat;
}
.anchors #tab2 a:hover {
  background: transparent url(/design/css-bilder/tab_hover_1.gif) top left no-repeat;
}
.anchors #tab3 a:hover {
  background: transparent url(/design/css-bilder/tab_hover_2.gif) top left no-repeat;
}
.anchors #tab4 a:hover {
  background: transparent url(/design/css-bilder/tab_hover_3.gif) top left no-repeat;
}

.anchors li a small {
  font: 14px "Trebuchet MS",Arial;
  text-decoration: none;
}

.anchors #tab2.active a:link, .anchors #tab2.active a:visited {
  background: url(/design/css-bilder/tab_active_1.gif) top left no-repeat;
  cursor: default;
}
.anchors #tab3.active a:link, .anchors #tab3.active a:visited {
  background: url(/design/css-bilder/tab_active_2.gif) top left no-repeat;
  cursor: default;
}
.anchors #tab4.active a:link, .anchors #tab4.active a:visited {
  background: url(/design/css-bilder/tab_active_3.gif) top left no-repeat;
  cursor: default;
}
/*Tabs - important styles to ensure accessibility in print*/

/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen {  .tabs-hide {  display: none; }     }
@media print {  .anchors {  display: none; }    }

/* SPECIFIC ARE (LANDINGPAGE SUBSTITUTE) */

.landingPageArea                        {float:left; width:260px; margin-left:10px; margin-top:10px;}
.landingPageArea p                      {margin-top:10px;color:#3D0F02;}
.teaser1                                        {font-weight:bold;}
.buttonTable                            {margin-top:10px;}

/* FRONTPAGE v3.0 */
#content {
        position: relative;
        width: 968px;
        padding: 0;
/*      background: #CCC; */
}
#contentTeaser {
        margin: 0;
        padding: 0 8px;
        width: 968px;
        height: auto;
        background: transparent url(/design/css-bilder/content-bg.png) top left repeat-y;
        color: #FFF;
}
#contentTeaser[id] {
        width: 952px;
}
#contentTeaser .anchors {
        list-style: none;
        margin: 0 -8px;
        padding: 0 8px;
        width: 968px;
        height: 73px;
        background: transparent url(/design/css-bilder/content-bg_bottom.png) bottom left no-repeat;
}
#contentTeaser[id] .anchors {
        width: 952px;
}

.fp_contentBox {
        position: relative;
/*      display: block; */
        float: left;
        width: 322px;
        height: auto;
        background: #FFF;
        margin: 4px 0 8px;
        padding: 0;
        border: 0;
        text-align: center;
}
.fp_contentBox[class] {
        width: 322px;
        padding: 0;
}
.fp_contentBox.col2 {
        margin: 4px 1px 8px;
}
.fp_contentBox.col3 {
        background: #dbe8f3;
}
.fp_contentBox .contentBoxHeader {
        background: url(/design/css-bilder/contentBox-bg_top.png) top left no-repeat;
        height: 18px;
}
.fp_contentBox .contentBoxMiddle {
        background: url(/design/css-bilder/contentBox-bg_middle.png) top left repeat-y;
        padding: 0 20px;
        height:420px;

}

.contentBoxMiddleleft {
        background: url(/design/css-bilder/deutschlandkarte.jpg);
        padding: 0;
        height:380px;
		width: 280px;
   
}

.fp_contentBox .contentBoxFooter {
        background: url(/design/css-bilder/contentBox-bg_bottom.png) bottom left no-repeat;
        height: 18px;
        display: block;
}

.contentBoxMiddle h5 a {
		color: #000033;
		

}

.fp_contentBox.col3 .contentBoxHeader {
        background: url(/design/css-bilder/contentBox3-bg_top.png) top left no-repeat;
        height: 18px;
}
.fp_contentBox.col3 .contentBoxMiddle {
        background: url(/design/css-bilder/contentBox3-bg_middle.png) top left repeat-y;
        padding: 0 20px;
}
.fp_contentBox.col3 .contentBoxFooter {
        background: url(/design/css-bilder/contentBox3-bg_bottom.png) bottom left no-repeat;
        height: 18px;
        display: block;
}

.fp_contentBox.col3 h1 {
        text-align:left;
        margin-bottom:0px;
        padding-bottom:0px;
}

.fp_contentBox h4 {
        margin: 0;
        padding: 0 0 5px;
        color: #000033;
        text-align: left;
}
.fp_contentBox h5 {
        margin: 5px 0 0;
        padding: 5px 0;
        font: normal normal bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000033;
        text-align:left;
}
.fp_contentBox p {
        margin: 0;
        padding: 5px 0;
        font: normal normal normal 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000;
        border-bottom: 1px solid #CCC;
        text-align: left;
}
.fp_contentBox p a {
        color: #FA8100;
        text-decoration: underline;
}
.fp_contentBox img {
        position: relative;
        margin: 0;
        padding: 5px 0;
        clear: both;
}
.fp_contentBox.col1 img {
        border-bottom: 1px solid #CCC;
}
/* derzeit nicht funktionabel
.fp_contentBox img {
        position: relative;
        background: #E5E8F3;
        padding: 10px;
        margin: 5px 0 5px 0;
        border: 1px solid #838383;
}
.fp_contentBox.col1 img {
        border-bottom: 1px solid #CCC;
}
*/
.fp_contentBox img.left {
        margin: 5px 10px 5px 0;
        clear: both;

}
.fp_contentBox img.right {
        margin: 5px 0 5px 10px;
        clear: both;
}

.fp_contentBox.col3.labeldesc {
        font-size:20px;
}

.inputFields{
width:265px;
margin-bottom:10px;
}
.inputTextFieldsKurz{
width: 460px;
height: 40px;
}
.inputTextFields {
width: 460px;
height: 150px;
}
.inputFields, .inputTextFields, .inputTextFieldsKurz{
	text-align:left;
	margin-left:10px;
	background-color: #FFFFFF; border: solid 1px #DDDDDD;
	font-size:13px;
	vertical-align:middle;
	color:#000033;
	font-family: Arial, Verdana, Serif;
}

.inputFields:hover, .inputTextFields:hover, .inputTextFieldsKurz:hover {
font-family: Arial, Verdana, Serif;
background-color: #ECEEED;
border: solid 1px #CCCCCC;
}
.inputFields:focus, .inputTextFields:focus, .inputTextFieldsKurz:focus {
font-family: Arial, Verdana, Serif;
background-color: #F6F6F6;
border: solid 1px #CCCCCC;
}

.fp_contentBox.col3 select {
        margin-bottom:10px;
        text-align:left;

}
/* STYLES FOR GUIDED TOUR */


.step01TabDeactive {
        border-color:rgb(255,255,255);
        border-style:solid;
        border-width: 3px 3px 3px 3px;
        background-color:rgb(0,50,95);
        text-decoration:underline;
        width:120px;
        height:70px;
        text-align:center;
        position:relative;
        left:0px;
        vertical-align:middle;
}


.stepTabActive {
        border-color:rgb(0,50,95) rgb(255,255,255) rgb(0,50,95) rgb(0,50,95);
        border-style:solid;
        border-width: 3px 0px 3px 3px;
        width:123px;
        height:70px;
        text-align:center;
        position:relative;
        left:3px;
        vertical-align:middle;
        z-index:1000;
		color:#333333;
}

.stepTabActive a {
        text-decoration:none;
        color:#FF0000;
        cursor:auto;
        position:relative;
        left:-6px;
}

.step01TabDeactive a {
        text-decoration:underline;
        color: white;
        
        cursor:pointer;
}

.guidedTourMainContainer {
        border:3px solid rgb(0,50,95);
        min-height:400px;
        width:540px;
        overflow:hidden;
        padding:10px;
}

.stepNavContainer {
        float:left;
}

.stepHeadline {
        font-size:large;
        color:  #3d5277;
        margin-bottom:10px;
}

.guidedTourTeaserText {
        padding:10px 0px 10px 0px;
}


.guidedTourPageBoxCounter {
        float:left;
        font-size:28px;
        vertical-align:middle;
        text-align:center;
        width:33px;
        height:33px;
        font-weight:bold;
        color:rgb(61,82,119);
        background-color: rgb(226,226,228);
        padding-bottom:3px;

}

.guidedTourPageBoxContainer {
        float:left;
        clear:right;
        padding-top:0px;
        margin-left:10px;
        width:400px;
}

.guidedTourPageBoxTitle {

}

.guidedTourPageBoxTitleHighlight {
        font-size:large;
        padding-top:7px;
        color:rgb(61,82,119);
}

.guidedTourPageBoxTitleSubtext {
        margin-top:5px;
        font-size:small;
}

.guidedTourPageBoxContent  {
        float:left;
        clear:left;
        margin-top:15px;
}

.guidedTourPageBox {
        margin-left:15px;
        margin-top:20px;
        float:left;
        clear:left;
        border:1px solid rgb(203,203,205);
        padding:10px;
}

.guidedTourImage {
        float:left;
}

.guidedTourExplanationText {
        float:left;
        width:220px;
        position:relative;
        left:-10px;
}

.guidedTourExplanationText ul {
        list-style-image:url(/design/css-bilder/arrow_fat_right.gif);
}

.guidedTourExplanationText ul li {
        padding-top:3px;
        padding-bottom:3px;

}

.stepTeaserText {
        margin: 10px 0px 10px 0px;
}

.guidedTourPageBoxCounterPicture {
        float:left;
        width:32px;
        height:32px;
        position:relative;
        top:3px;
}

.guidedTourSubHeadline {
        clear:both;
        padding:10px 0px 10px 0px;
}
/*---------------Buttons--------------*/
a.button { text-align: center; text-decoration: none; z-index: 1;  position: relative; float: left;}
a.button:hover { text-decoration: none; }
.buttonLeft { position: absolute; }
.buttonRight { position: absolute; }

/*---------------SMALL Buttons--------------*/
a.buttonGreensmall                              { background: url(/design/css-bilder/button-middle.png) repeat-x top left;  height: 17px;  margin: 0 4px; padding: 2px 5px 0 5px;  color: #3D0F02;}
a.buttonGreensmall:hover                { color: #3D0F02 !important; text-decoration: none !important; }
.buttonLeft a.buttonGreensmall  { background: url(/design/css-bilder/button-left.png) no-repeat top left; width: 4px; height: 19px;  top: 0; left: -4px;  }
.buttonRight a.buttonGreensmall  { background: url(/design/css-bilder/button-right.png) no-repeat top right; width: 4px; height: 19px; top: 0; right: -4px;  }

a.buttonGreysmall { background: url(/design/css-bilder/button-greysmall-middle.png) repeat-x top left;  height: 17px;  margin: 0 4px; padding: 2px 5px 0 5px; color: #3D0F02; }
a.buttonGreysmall:hover         { color: #3D0F02 !important; text-decoration: none !important; }
a.buttonGreysmall .buttonLeft { background: url(/design/css-bilder/button-greysmall-left.png) no-repeat top left; width: 4px; height: 19px;  top: 0; left: -4px;   }
a.buttonGreysmall .buttonRight { background: url(/design/css-bilder/button-greysmall-right.png) no-repeat top right; width: 4px; height: 19px;  top: 0; right: -4px;  }

a.buttonOrangesmall { background: url(/design/css-bilder/button-orangesmall-middle.png) repeat-x top left;  height: 17px;  margin: 0 4px; padding: 2px 5px 0 5px; color: white; }
a.buttonOrangesmall:hover               { color: white; text-decoration: none !important; }
a.buttonOrangesmall .buttonLeft { background: url(/design/css-bilder/button-orangesmall-left.png) no-repeat top left; width: 4px; height: 19px;  top: 0; left: -4px;  }
a.buttonOrangesmall .buttonRight { background: url(/design/css-bilder/button-orangesmall-right.png) no-repeat top right; width: 4px; height: 19px; top: 0; right: -4px;  }


/*---------------BIG Buttons--------------*/
a.buttonGreenbig { background: url(/design/css-bilder/button-greenbig-middle.png) repeat-x top left;  height: 25px;  margin: 0 4px; padding:5px 5px 0 5px;  color: #3D0F02; font-size: 14px;  }
a.buttonGreenbig:hover          { color: #3D0F02 !important; text-decoration: none !important; }
a.buttonGreenbig .buttonLeft { background: url(/design/css-bilder/button-greenbig-left.png) no-repeat top left; width: 4px; height: 30px;  top: 0; left: -4px;  }
a.buttonGreenbig .buttonRight { background: url(/design/css-bilder/button-greenbig-right.png) no-repeat top right; width: 4px; height: 30px;  top: 0; right: -4px;  }

a.buttonGreybig { background: url(/design/css-bilder/button-greybig-middle.png) repeat-x top left;  height: 25px;  margin: 0 4px; padding: 5px 5px 0 5px; color: #3D0F02; font-size: 14px;  }
a.buttonGreybig:hover           { color: #3D0F02 !important; text-decoration: none !important; }
a.buttonGreybig .buttonLeft { background: url(/design/css-bilder/button-greybig-left.png) no-repeat top left; width: 4px; height: 30px;  top: 0; left: -4px;  }
a.buttonGreybig .buttonRight { background: url(/design/css-bilder/button-greybig-right.png) no-repeat top right; width: 4px; height: 30px;  top: 0; right: -4px;  }

a.buttonOrangebig { background: url(/design/css-bilder/button-orangebig-middle.png) repeat-x top left;  height: 25px;  margin: 0 4px; padding: 5px 5px 0 5px; color: white; font-weight:bold; font-size: 14px; }
a.buttonOrangebig:hover         { color: white !important; text-decoration: none !important; }
.buttonLeft { background: url(/design/css-bilder/button-orangebig-left.png) no-repeat top left; width: 4px; height: 30px;  top: 0; left: -4px;  }
.buttonRight { background: url(/design/css-bilder/button-orangebig-right.png) no-repeat top left; width: 4px; height: 30px;  top: 0; right: 16px;  }

/*---------------EVENTDETAILS TABS Buttons--------------*/
a.buttonEventDetailsTabsbig { background: repeat-x top left;  height: 22px;  margin: 0 4px; padding: 10px 8px 0 33px; color: #817f84; font-size: 10px; position: relative; display: block; }
a.buttonEventDetailsTabsbig:hover               { color: #817f84 !important; text-decoration: none !important; position: relative; display: block; }
a.buttonEventDetailsTabsbig .buttonLeft { width: 35px; height: 32px;  top: 0; left: -4px; }
a.buttonEventDetailsTabsbig .buttonRight { background: url(/design/css-bilder/button-eventdetailstabs-right.png) no-repeat top right; width: 4px; height: 32px;  top: 0; right: -4px;  }

a.overviewTab { background: url(/design/css-bilder/button-eventdetailstabs-middle.png) }
.buttonLeft a.overviewTab  { background: url(/design/css-bilder/button-eventdetailstab-overview.png) }
.buttonRight a.overviewTab  { background: url(/design/css-bilder/button-eventdetailstabs-right.png) }

a.guestlistTab { background: url(/design/css-bilder/button-eventdetailstabs-middle.png) }
a.guestlistTab .buttonLeft { background: url(/design/css-bilder/button-eventdetailstab-guestlist.png) }
a.guestlistTab .buttonRight { background: url(/design/css-bilder/button-eventdetailstabs-right.png) }

a.chatboardTab { background: url(/design/css-bilder/button-eventdetailstabs-middle.png) }
a.chatboardTab .buttonLeft { background: url(/design/css-bilder/button-eventdetailstab-chatboard.png) }
a.chatboardTab .buttonRight { background: url(/design/css-bilder/button-eventdetailstabs-right.png) }

a.photosTab { background: url(/design/css-bilder/button-eventdetailstabs-middle.png) }
a.photosTab .buttonLeft { background: url(/design/css-bilder/button-eventdetailstab-photos.png) }
a.photosTab .buttonRight { background: url(/design/css-bilder/button-eventdetailstabs-right.png) }

a.carpoolTab { background: url(/design/css-bilder/button-eventdetailstabs-middle.png) }
a.carpoolTab .buttonLeft { background: url(/design/css-bilder/button-eventdetailstab-carpool.png) }
a.carpoolTab .buttonRight { background: url(/design/css-bilder/button-eventdetailstabs-right.png) }


/*-----------------------------------Basic Layout--------------------------------------------------------------------------------------------------------*/
.popupContainer                                 { background: #fcfcfc url(/resources/images/popups/popup-boxbg.png) repeat-x bottom left; border: 1px solid #e5e5e5; border-width: 0 1px;position: relative;font: 12px "Trebuchet MS", Arial; margin-top: 50px; margin-left: auto; margin-right: auto; color: #000000 !important; }
.popupContainer a                               { color: #000000;}
.popupContainer a:hover                 { color: #000000;}

.popupContainer a.buttonGreensmall,
.popupContainer a.buttonGreensmall:hover,
.popupContainer a.buttonGreysmall,
.popupContainer a.buttonGreysmall:hover,
.popupContainer a.buttonGreenbig,
.popupContainer a.buttonGreenbig:hover,
.popupContainer a.buttonGreybig,
.popupContainer a.buttonGreybig:hover                   { color: #3D0F02;}
.popupContainer a.buttonOrangesmall,
.popupContainer a.buttonOrangesmall:hover,
.popupContainer a.buttonOrangebig,
.popupContainer a.buttonOrangebig:hover                 { color: white;}

.popupTopBarLeft,                               
.popupTopBarRight,                              
.popupBtmBarLeft,                               
.popupBtmBarRight,
.popupTopBarLeftWizBG,
.popupBtmBarLeftWizBG                           { height: 10px; padding: 0; position: absolute;}

.popupTopBarLeft                                        { top: -10px; left: -1px; background: url(/resources/images/popups/popup-boxtop-left.png) no-repeat bottom left; }
.popupTopBarRight                                       { top: -10px; right: -1px;background: url(/resources/images/popups/popup-boxtop-right.png) no-repeat bottom right; }
.popupBtmBarLeft                                        { bottom: -10px; left: -1px; background: url(/resources/images/popups/popup-boxbtm-left.png) no-repeat bottom left; }                           
.popupBtmBarRight                                       { bottom: -10px; right: -1px; background: url(/resources/images/popups/popup-boxbtm-right.png) no-repeat bottom right;}

/* -- workaround for the wizard. To avoid showing the border of a box an image without transparent bg is used -- */
.popupTopBarLeftWizBG                           { top: -10px; left: -1px; background: url(/resources/images/popups/popup-boxtop-left-wizbg.png) no-repeat bottom left; }
.popupBtmBarLeftWizBG                           { bottom: -10px; left: -1px; background: url(/resources/images/popups/popup-boxbtm-left-wizbg.png) no-repeat bottom left; }

.popupTopBarLeft,                   
.popupTopBarRight,                   
.popupBtmBarLeft,                                    
.popupBtmBarRight,
.popupTopBarLeftWizBG,
.popupBtmBarLeftWizBG                   { height: 10px; padding: 0; position: absolute;}

* html .popupBtmBarLeft,           
* html .popupBtmBarRight,
* html .popupBtmBarLeftWizBG       { bottom: -15px; }

/*-----------------------Big----------------------*/
.popupBig .popupTopBarLeft,                             
.popupBig .popupTopBarRight,                            
.popupBig .popupBtmBarLeft,                             
.popupBig .popupBtmBarRight,
.popupBig .popupTopBarLeftWizBG,
.popupBig .popupBtmBarLeftWizBG { width:500px;}
/*-----------------------Small----------------------*/
.popupSmall .popupTopBarLeft,                           
.popupSmall .popupTopBarRight,                          
.popupSmall .popupBtmBarLeft,                           
.popupSmall .popupBtmBarRight   { width:170px;}

/*-----------------------------------Basic Content--------------------------------------------------------------------------------------------------------*/
.popupContainer .popupFooter                            { border-top: 1px solid #3D0F02; padding: 5px 0px 10px 0px; margin-top: 10px; text-align: right; }
.popupContainer .popupFooter .button    { float: right; margin-left: 8px; }

.popupContainer h1                                                      { text-align: left; border-bottom: 1px solid #3D0F02;  font: normal 12px "Trebuchet MS", Arial;  padding:  0 0 0px 0; margin: 0 0 10px 0; }

.popupContainer h3                                                      { border-bottom: 1px solid #A5ACB2;   font: bold 16px "Trebuchet MS", Arial;   padding:  0 0 0px 0; margin: 15px 0 5px 0 !important; margin: 0 0 5px 0; color: #3D0F02; }
.popupContainer h3.toph3                                        { margin: 0px 0 5px 0; padding:0;}
.popupContainer label                                           { cursor: pointer; }
.popupContainer img                                                     { border: 0;}

.popupContainer #iconClose                              { position: absolute; right: 8px; top: -2px; border: 0; }
.popupContainer .loader                                         { font: 9px verdana; padding: 5px 0 0 0;}
.popupContainer .loader img                             { border: 0; margin: 0 0 -3px 0; }


.popupContainer td.vertDivdider                 { padding: 0 0px 0 10px; border-left: 1px solid #A5ACB2;}
.popupContainer td.vertSpacer                           { padding: 0 10px 0 0;}

.popupContainer blockquote                              { font: 11px "Trebuchet MS", Arial; background: url(/resources/images/icons/icon-hotspot.png) 0px 10px no-repeat;padding: 14px 10px 0 33px;margin:0 10px 0 0;}


/*:::::::::::::::::!!!DONT CHANGE BELOW!!!:::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*-------------------------------------------- LAYOUT---------------------------------------------*/
.infoWrapper                    { width: 952px; margin: 0 0 0px 0; color: #4a4a4a;background: url(/design/css-bilder/home_subcontent_bg2.jpg) repeat-y top left; float: left; }
.infoContent                    { font-size:12px; width: 712px; float: right; position: relative; padding: 20px; overflow: hidden;}
.infoMenu                               { width: 200px; float: left; position: relative; overflow: hidden;}

h1                                              {font-size:20px; margin-bottom: 10px; color:#000033; line-height:30px;}
h2                                                      { color: #000033; margin-bottom: 10px; line-height:18px;}
h3                                                      { color: #000033;}
/*-------------------------------------------- MENU---------------------------------------------*/
.infoMenu ul.sideMenu                                   { margin: 30px 0 0 0; padding: 0; list-style: none;  }
.infoMenu ul.sideMenu li                                { margin: 0; padding: 0; }
.infoMenu ul.sideMenu li a                              { padding: 6px 20px; width: 160px; display: block; border-bottom:1px solid #dadada; } 			
li a.ml2 {text-indent: 5px; font-size: 10px;}		
.infoMenu ul.sideMenu li a:link,
.infoMenu ul.sideMenu li a:visited,
.infoMenu ul.sideMenu li a:hover        { text-decoration:none; }
.infoMenu ul.sideMenu li a:hover        { background:#f0f0f0; }
.infoMenu ul li.sideMenuActive a                { color: white; background: url('/design/css-bilder/sidemenu_active.gif');}
.infoMenu ul.sideMenu li.sideMenuActive a:hover { color: white; background: url('/design/css-bilder/sidemenu_active.gif');}
.infoMenu #backbutton                                   { position: absolute; top: 25px; left: 20px;}
.infoMenu #hotline                                              { padding: 5px 0 5px 0;  border-bottom:1px solid #dadada; background:#ffffff; width:100%; font-size:14px;text-align:center; color: #003366; }




/*:::::::::::::::::CHANGES WITH SPECIAL SITECLASS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::: for Example <div class="infoWrapper >>>>>>> infoStepByStep <<<<<< ">:::::::::::::::::::::::::::::::::::*/

/*-------------------------------------------- Inhalte der einzelnen Sites---------------------------------------------*/
.infoBox                                        { float:left; margin: 0 0 15px 0; width: 690px;  background:url('/resources/images/info/teaserBackground_vlarge.gif'); border:1px solid #dadada; padding:12px;}

h1        {font-size:30px;}

.infoOverview .infoBox                                  { height: 250px; width:316px; margin-right: 14px; }
/*.infoOverview .infoBox .button                { float: right; }*/

.infoPrivate .infoContent .button       { margin-left:  36px; }
.infoPrivate .infoBox                                   { margin-top: 25px; border: 0; }
.infoPrivate ul                                                 { margin-bottom:  5px; }
.infoPrivate .privatePeopleArea         { position: absolute; right: 0; top: 20px;}
.infoPrivate .privatePeople                     { margin-bottom:5px;}

.infoDesigns .ticketShopStep img                { float:left; padding:2px; border:1px solid #dadada;}

.infoProfessional .infoContent .button  { margin-left:  36px; }
.infoProfessional ul                                            { margin-bottom:  5px; }
.infoProfessional .infoBox                      { margin-top: 25px; border: 0; }

.tallColumn                                                             { float:        left; width:300px;padding:      0 10px; margin: 20px 0 0 0;}
.features li                                                            { line-height:20px; }
.features .blurbFull                                            { line-height: 13px; padding:4px;}

.infoTicketShop .infoBox                                { width: 316px; margin-right: 14px; margin-top: 15px;}
.infoTicketShop h2                                              { margin-top: 15px;}
.infoTicketShop .pricing                                { margin: 10px 0;}
.infoTicketShop .pricing td                     { background: #87B3D8; padding: 5px;}
.infoTicketShop .pricing th                     { background: #5C87AA; padding: 5px; color: #fff;}
.infoTicketShop .calc                                   { border: 1px solid #DADADA;}
.infoTicketShop .calc td                                { background: #F8F79D; padding: 3px; }
.ticketShopStep img                                             { padding: 2px; border:1px solid #dadada; float: left;}

.infoTicketShop .infoBoxSmall {
background:transparent url(/resources/images/info/teaserBackground_large.gif) repeat scroll 0%;
border:1px solid #DADADA;
float:left;
height:125px;
margin-right:6px;
padding:5px;
width:123px; }

.infoProfessional .infoBox      { border: 0; background: none; margin: 15px 0 0 ;}

.jobPage h2                                                             { margin-top: 20px; }

.jobDetailsArea  {background-color:#F0F0F0;margin-top:20px;padding:10px;}

.jobDetailsArea h4 {margin-bottom:5px;}
.jobPage h4 {font-size:12px;margin-top:10px;}

.jobDetailsArea h3 {border-bottom:1px solid #DADADA;margin-top:25px;}
.jobPage h3 {font-size:14px;}

.jobDetailsArea a {text-decoration:none;}

.jobOverviewMenu h3 {margin-top:10px;}
.jobOverviewMenu {margin-left:10px;}

.jobOverviewMenu ul {list-style-type:none;margin-left:0px;margin-top:3px;padding:0pt;}

.jobOverviewMenu table tr td {vertical-align:top;}
.statement {font-size:11px;margin-bottom:20px;margin-left:30px;}
.statement img {float:left;}

.statement p {padding-left:50px;}

.workWithUsContainer {border-bottom:1px solid #DADADA;margin:20px 0pt 10px 50px;padding-bottom:20px;width:500px;}

.workWithUsContainer img {border:1px solid #DADADA;float:left;padding:2px;}
.right img                                              { float: right;}

#team02 { float:left; width:240px; padding: 0 10px; }
#team01 { float:right;width:340px; padding: 0 10px;}
#team03 { float:right;width:270px; padding: 0 10px;} 

.contentH1              { color: #3d5277; font-size:large; padding-bottom:5px; margin-bottom:5px; font-weight: normal; }
.contentTeaser  {  }
/* To shorten the title, sRCB is used instead of silverRoundedContentBox */

#hs {
padding:0px; margin:0px; float:left;
}

.sRCBOverall                            { background-color: #fcfcfc; border: 1px solid #dddddd; width:698px; background-image:url(/design/css-bilder/srcbbg.jpg);background-position: bottom; background-repeat: repeat-x; margin: 10px 0 20px 0;  position: relative;}
.sRCBOverall-sb                            { width:182px; float:right; background-color: #fcfcfc; border: 1px solid #dddddd; background-image:url(/design/css-bilder/srcbbg.jpg);background-position: bottom; background-repeat: repeat-x; margin: 10px 0 20px 20px;  position: relative;}
.sRCBOverall-sb h4 {
color: #FF9900; font-size:12px;
}
.sRCBOverall-sb ul {
padding:0px; margin:0px 0px 0px 20px;
}

.sRCBOverall-sb li {
font-size:12px;
padding-bottom: 6px;
}
.sRCBOverall-sb h5{
font-size:10px;
}
.sRCBOverall-sb b{
color: #FF9900;
}
.sRCBOverall-sb hr {
border-top: solid 1px #CCCCCC;  
margin: 5px 0px 5px; 
padding: 0px;
}

.more-sb{
text-align: right; font-size: 9px; margin-bottom:15px;
color: #003366;
}

.more-sb a{
text-decoration:none; color: #003366; font-weight:bold; 
}
.sRCBContentWrapper                     { margin:13px; }
.sRCBContentWrapper p {padding-bottom: 14px;}

.sRCBContentWrapper h3 a {padding: 0 0 8px 20px; color:#003366; font-size:12px; line-height:18px;}
.sRCBContentWrapper h3 a:hover {color:#3d5277;}
.li-map, .li-map a {color:#003366; font-size:11px; text-decoration:none;}
.li-map a:hover {text-decoration: underline;}
.rel {text-decoration:none; border-bottom:dotted 1px #003366; color: #003366;}

.sitemap{
	margin:13px;
	
}
.sitemap h1 a{
color:#3D0F02;
font-size:16px;
line-height: 22px;
}

.sitemap h2 a{margin:10px 0px 0px 20px;
	color:#003366;
	text-decoration:none;
	border-bottom: dotted 1px #003366;
	font-size:12px;
	display: list-item;

}
.sitemap h3 a{
	margin:0px 0px 0px 20px;
	color: #999999;
	text-decoration:none;
	font-size: 11px;
	line-height:14px;
}

.sitemap h5 {
	margin:0px 0px 10px 30px;
	padding: 0px;
	color: #999999;
	text-decoration:none;
	font-size: 11px;
}

.faq-verfasser {
	float:left;
	padding: 0px 15px 0px 0px;
	font-size: 11px;
	color:#003366;
}

.faq-date {
float:right; 
padding: 0px 0px 0px 15px; 
font-size: 11px; 
color:#003366;
}

.faq-nr {
color: #CCCCCC; 
float:right; 
font-weight: bold; 
padding: 0px 0px 0px 15px; 
font-size: 56px;
}


/* H1 */
.sRCBTitle                                      { color: #3d5277; font-size: 16px; padding-bottom:5px; margin-bottom:5px; }
.sRCBTitle a                            { color: #3d5277 !important; text-decoration: none; }
.sRCBTitle a:hover                      { text-decoration:underline; }

/* p */
.sRCBHighlight                          { font-weight: bold; margin: 10px 0 6px 0;  }


#wizardStep2Modules .sRCBOverall        { margin: 5px 0 5px 0; }
#wizardStep2Modules .sRCBOverall-sb        { margin: 5px 0 5px 0; }
#wizardStep2Modules .sRCBContentWrapper { margin: 8px 13px 8px 13px; }
        #dhtmlgoodies_colorPicker{
                position:absolute;
                width:250px;
                padding-bottom:1px;
                background-color:#FFF;
                border:1px solid #317082;

                
                width: 252px;   /* IE 5.x */
                width/* */:/**/250px;   /* Other browsers */
                width: /**/250px;       
                                
        }
        
        #dhtmlgoodies_colorPicker .colorPicker_topRow{
                padding-bottom:1px;
                border-bottom:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;
                
                width: 250px;   /* IE 5.x */
                width/* */:/**/248px;   /* Other browsers */
                width: /**/248px;       
                
                height: 20px;   /* IE 5.x */
                height/* */:/**/16px;   /* Other browsers */
                height: /**/16px;       
                                
        }
        
        #dhtmlgoodies_colorPicker .colorPicker_statusBar{
                height:13px;
                padding-bottom:2px;
                width:248px;
                border-top:3px double #317082;  
                background-color:#E2EBED;
                padding-left:2px;
                clear:both;
                
                width: 250px;   /* IE 5.x */
                width/* */:/**/248px;   /* Other browsers */
                width: /**/248px;       
                
                height: 18px;   /* IE 5.x */
                height/* */:/**/13px;   /* Other browsers */
                height: /**/13px;       
                                                
        }
        
        #dhtmlgoodies_colorPicker .colorSquare{
                margin-left:1px;
                margin-bottom:1px;
                float:left;
                border:1px solid #000;
                cursor:pointer;
                
                width: 12px;    /* IE 5.x */
                width/* */:/**/10px;    /* Other browsers */
                width: /**/10px;        
                
                height: 12px;   /* IE 5.x */
                height/* */:/**/10px;   /* Other browsers */
                height: /**/10px;       
                                
        }
        
        .colorPickerTab_inactive,.colorPickerTab_active{
        
                height:17px;
                padding-left:4px;
                cursor:pointer; 
                
                
        }
        .colorPickerTab_inactive span{
                background-image:url('/resources/images/colorpicker/tab_left_inactive.gif');
        }
        
        .colorPickerTab_active span{
                background-image:url('/resources/images/colorpicker/tab_left_active.gif');

        }
        .colorPickerTab_inactive span, .colorPickerTab_active span{
                line-height:16px;
                font-weight:bold;
                font-family:arial;
                font-size:11px;
                padding-top:1px;
                vertical-align:middle;
                background-position:top left;
                background-repeat: no-repeat;   
                float:left;
                padding-left:6px;
               
        }       
        .colorPickerTab_inactive img,.colorPickerTab_active img{
                float:left;
        }
        .colorPickerCloseButton{
                width:11px;
                height:11px;
                text-align:center;
                line-height:10px;
                border:1px solid #317082;
                position:absolute;
                right:1px;
                font-size:12px;
                font-weight:bold;
                top:1px;
                padding:1px;
                cursor:pointer; 
                
                width: 15px;    /* IE 5.x */
                width/* */:/**/11px;    /* Other browsers */
                width: /**/11px;
                
                height: 15px;   /* IE 5.x */
                height/* */:/**/11px;   /* Other browsers */
                height: /**/11px;

                        
        }
        #colorPicker_statusBarTxt{
                font-size:11px;
                font-family:arial;
                vertical-align:top;
                line-height:13px;

        }
        form{
                padding-left:5px;
        }
        
        .form_widget_amount_slider{
                border-top:1px solid #9d9c99;
                border-left:1px solid #9d9c99;
                border-bottom:1px solid #eee;
                border-right:1px solid #eee;
                background-color:#f0ede0;
                position:absolute;
                bottom:0px;
                
                width: 5px;     /* IE 5.x */
                width/* */:/**/3px;     /* Other browsers */
                width: /**/3px;
                
                height: 5px;    /* IE 5.x */
                height/* */:/**/3px;    /* Other browsers */
                height: /**/3px;
                                
        }
        .colorSliderLabel{
                width:15px;
                height:20px;
                float:left;
                font-size:11px;
                font-weight:bold;
        }
        .colorSlider{
                width:175px;
                height:20px;
                float:left;
        }
        .colorInput{
                width:45px;
                height:20px;
                float:left;
        }       
        .colorPreviewDiv{
                width:186px;
                margin-right:2px;
                margin-top:1px;
                border:1px solid #CCC;
                height:20px;
                float:left;
                cursor:pointer;
                
                width: 188px;   /* IE 5.x */
                width/* */:/**/186px;   /* Other browsers */
                width: /**/186px;
                
                height: 22px;   /* IE 5.x */
                height/* */:/**/20px;   /* Other browsers */
                height: /**/20px;
                                

        }
        .colorCodeDiv{
                width:50px;
                height:20px;
                float:left;
        }
/*-----------------------Individual Content-------------------------------------------------------------------------------------*/
/* ------------ PARTICIPANTS -------------- */
.inviteParticipants                                     { z-index: 20; width: 321px; margin: 0px 0px 6px 16px; background: url(/resources/images/invite/inviteparticipantsbackground.gif) center bottom no-repeat; }
.inviteParticipants .inviteContainerTitle       { width: 335px; }
.inviteParticipants #arrow                      { position: absolute; right: -33px; top: 210px; }
.inviteParticipants #pLoader            { height: 175px; width: 285px; padding-top: 160px; }
.inviteParticipants p                           { color: #2d4b77; }
.inviteParticipants .inviteAdressListWrapper { height: 417px; }
.inviteParticipantsList                         { height: 415px; }/*{ height: 370px; }*/
.inviteParticipantsList ul li           { background: url(/resources/images/invite/inviteaddtoinvitelist.gif) right no-repeat; }
.inviteParticipantsList ul li a         { display: block; width: 100%; text-decoration: none; background-repeat: no-repeat; }
.inviteParticipantsList ul li a:hover   { font-weight: bold; }
.inviteParticipantsList ul li a img     { border: 0px; margin-right: 10px; visibility: hidden; }

.inviteParticipantsList ul li.grey      { background: url(/resources/images/invite/inviteaddtoinvitelistgrey.gif) right no-repeat; }
.inviteParticipantsList ul li.grey a    { padding-left: 0px; background: url(/resources/images/invite/invitegreyout.gif) left no-repeat; color: #abb5c5; }
.inviteParticipantsList ul li.grey a img { visibility: visible; }
.inviteParticipantsList ul li.grey a:hover      { background: url(/resources/images/invite/invitegreyout.gif) left no-repeat; color: #abb5c5; font-weight: normal; }

.inviteParticipantsList ul li.grey0     { background: url(/resources/images/invite/inviteStatus_0.gif) right no-repeat; }
.inviteParticipantsList ul li.grey1     { background: url(/resources/images/invite/inviteStatus_1.gif) right no-repeat; }
.inviteParticipantsList ul li.grey2     { background: url(/resources/images/invite/inviteStatus_2.gif) right no-repeat; }
.inviteParticipantsList ul li.grey3     { background: url(/resources/images/invite/inviteStatus_3.gif) right no-repeat; }

.inviteParticipantsList ul li.grey0 a:hover,
.inviteParticipantsList ul li.grey1 a:hover,
.inviteParticipantsList ul li.grey2 a:hover,
.inviteParticipantsList ul li.grey3 a:hover { cursor: default; }

.inviteParticipantsSearchBox            { position: relative; padding: 12px 0px 12px 17px; border: 1px solid #b2bac6; border-top: 0px solid #FFF; border-collapse: collapse; background-image: url(/resources/images/invite/invitepartsearchbox.gif); }
.inviteParticipantsSearchBox input      { border: 1px solid #c3cfda; margin-right: 25px; width: 174px; }
.inviteParticipantsSearchBox input:focus { border: 1px solid #7f9db9; }
.inviteParticipantsSearchBox a          { text-decoration: none; color: #2d4367; font-weight: bold; }
.inviteParticipantsSearchBox img        { position: absolute; left: 180px; top: 10px; }