/*=== Setup ===*/
*{
        border: 0;
        margin: 0;
        padding: 0
}
body{
        background: #ffffff;
        color: #000000;
        font: .7em Tahoma, Arial,Verdana,Helvetica,Sans-Serif
}
a{
        color: #b3001a;
        text-decoration: underline
}
a:hover{
        text-decoration: none
}
input,select,textarea{
        border: #999999 1px solid;
        font-size: 11px;
        padding: 2px
}
li{
        list-style: none
}
h2{
        font-size: 1.1em;
        padding: 0 0 0.8em;
}
h3{
        font-size: 1em
}
h4{
        font-size: 1em;
        text-transform: uppercase;
}
p{
        padding: 0 0 1.5em
}

/*=== Layout ===*/
#page{
        line-height: 16px;
        margin: 0 auto;
        width: 1011px
}
/*=== Header ===*/
#header{
        height: 88px;
        background: url(../images/logo.gif) no-repeat;
        width: 1011px;
        float:left;
		position: relative;
}
#zine{

        background: url(../images/bg_friendszine.jpg) no-repeat;

}

/*- Logo -*/
#header h1{
    margin: 0 auto;
    text-indent: -9999px;
   	width:600px;
	float:left;
}

#header a.home-link {
	width: 160px;
	height: 65px;
	position: absolute;
	top: 19px;
	left: 190px;
	width: 635px;
	text-decoration: none;
	display: block;
	float: left;
}

#header a {
	text-decoration: none;
	display: block;
	float: left;
}

#header h1 a{
        display: block;
        height: 88px;
        text-decoration: none
}
#header h1 a:hover{
        text-decoration: none
}
/*=== Startpage Links h2 ===*/

.contentwrapper h2 a {
	color: #000000;
	text-decoration: none;
}

/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
        background: url(../images/nav1-bgr.gif) #969799 repeat-x bottom;
        border-bottom: 2px solid #b0b1b3;
        font-size: 13px;
        font-weight: bold;
        height: 34px;
        padding: 0 0 0 10px;
        clear:both;
}
.nav1 li{
        float: left;
        line-height: 34px;
        padding: 0 25px;
}
.nav1 li a{
        color: #ffffff;
        display: block;
        float: left;
        text-decoration: none;
}
.nav1 li a:hover,
.nav1 li.active a{
        color: #000000;
}
/*- Nav2 -*/
.clearMarginPadding{
	margin: 0!important;
	padding: 0!important;
}

.nav2{
        border-bottom: 2px solid #b0b1b3;
        font-size: 13px;
        height: 28px;
        margin: 0 0 10px;
        padding: 0 0 0 22px!important;
}
.nav2 li{
        float: left;
        line-height: 28px;
        padding: 0 15px
}
.nav2 li a{
        color: #969799;
        display: block;
        float: left;
        font-weight: bold;
        text-decoration: none
}
.nav2 li a:hover,
.nav2 li.active a{
        color: #000000
}

/*- Nav3 -*/
.nav3{
        font-size: 12px
}
.nav3 li{
        border-bottom: 2px solid #b0b1b3;
        padding: 15px;
        position: relative
}
* html .nav3 li{
        height: 1%
}
.nav3 li a{
        color: #515254;
        display: block;
        font-weight: bold;
        text-decoration: none
}
.nav3 li a:hover,
.nav3 li.active a{
        color: #b3001a;
        font-weight: bold;
        text-decoration: none
}

/*Navigation 4th Level Meetingroom*/
.nav4{
        border-bottom: 2px solid #b0b1b3;
        font-size: 13px;
        height: 28px;
        margin: -8px 0 0px;
        padding: 0 0 0 22px!important;
}
.nav4 li{
        float: left;
        line-height: 28px;
        padding: 0 15px
}
.nav4 li a{
        color: #969799;
        display: block;
        float: left;
        font-weight: bold;
        text-decoration: none
}
.nav4 li a:hover,
.nav4 li.active a{
        color: #000000
}
/*=== All Columns ===*/
#columns_bg {
        background: url(../images/onecol_bg.jpg) no-repeat;
        margin: 15px 0 0;
        float:left;
}

#columns{
        height: 1%;
        margin: 15px 0 0
}
/*=== Sub Columns ===*/
.col1{
        float: left;
        width: 245px
}
.col2{
        float: left;
        margin: 0 0 0 10px;
        width: 500px
}
.col3{
        float: right;
        width: 245px
}
.col4{
        float: left;
        width: 169px
}
.col5{
        float: right;
        width: 815px
}
.col6{
        float: right;
        width: 265px
}

.col7{
        float: right;
        width: 340px
}
/*=== Styling Boxes ===*/
/*- Box -*/
.box{
        margin: 0 0 13px
}
.box .top, .box .top-,
.box .bot, .box .bot-{
        background: url(../images/box-top.gif) no-repeat left top;
        height: 13px;
        overflow: hidden
}
.box .top-{
        background: url(../images/box-top-.gif) no-repeat right top
}
.box .bot{
        background: url(../images/box-bot.gif) no-repeat left top
}
.box .bot-{
        background: url(../images/box-bot-.gif) no-repeat right top
}
.box .content{
        border-left: 2px solid #b0b1b3;
        border-right: 2px solid #b0b1b3;
        height: 1%;
        padding: 0 20px;
}
/* Box Content Mods */
.col4 .box .content{
        min-height: 420px;
        padding: 5px 15px
}
.col5 .box .content{
        min-height: 420px;
        verflow: auto;
        padding: 5px 20px
}
.col1 .box .content,
.col3 .box .content{
        height: 215px;
        overflow: auto;
        padding: 0 15px
}
.col2 .box.welcometxt .content{
        height: 103px;
        overflow: auto
}
.col2 .box.welcometxt1 .content{
        min-height: 420px;
        overflow: auto





}

.col2 .box.mape .content{


        height: 328px;
        overflow: auto
}
.col3 .box.videoapp .content{
        padding: 0 13px
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
        display: block;
        margin: 0 0 .8em
}
.pic.fl img{
        margin-right: 10px
}
.pic.fr img{
        margin-left: 10px
}
/*=== Styling Tabular Data ===*/
table{
        border-collapse: collapse;
        width: 100%
}
/*- Tabs1 -*/
.tabs1{
        float: left;
        padding: 0 0 0 0px;
        width: 380px
}
.tabs1 th{
        text-transform: uppercase
}
.tabs1 th,
.tabs1 td{
        border-bottom: 2px solid #b0b1b3;
        padding: 15px 20px 15px 0;
        text-align: left;
        vertical-align: top
}
.tabs1 .last th,
.tabs1 .last td{
        border: 0
}
.tabs1 .fl{
        width: 110px;

}



.tabs1 .fr{
        width: 265px
}


/*=== Footer ===*/
#footer{
        border-top: 2px solid #b0b1b3;
        color: #969799;
        height: 50px;
        padding: 7px 0 0;
        text-align: center;
	clear:both;
}
#footer ul {
	float: right;
}

#footer a{
        color: #969799;
        text-decoration: none
}
#footer a:hover{
        color: #000000
}
#footer li{
        border-right: 1px solid #969799;
        display: inline;
        line-height: 1em;
        padding: 0 .6em
}
#footer li.last{
        border-right: 0px solid #ffffff;
}
#footer img{
        margin: 0 0 -3px;
        position: relative
}

/*=== Social. ===*/
.xing {
	float: left;
	width: 118px;
}

.facebook {
	float: left;
	margin: 2px 0px 0px 20px;
}

/*=== Misc. ===*/
.fix{
        clear: both;
        height: 1px;
        margin: -1px 0 0;
        overflow: hidden
}
hr{
clear:both;
border-top:2px solid #b0b1b3;
margin:0 0 15px;
width: 100%;
height:2px
}
.fl{
        float: left
}
.fr{
        float: right
}
.ac{
        text-align: center
}
.ar{
        text-align: right
}

/*typo3indiaAtgmailDotCom*/
/*
  span { cursor:pointer;}
  div#wrapper {margin:14px 2px 0px 0px;}
  div#loginbutton { margin:0; width:18; height:74; float:right;}
  div#regform { padding-left:10px; width:180px; height:74px; background-color:#d4d4d4; display:none; }
  div.login_username {padding-top:4px;}
  div.login_username input{margin:2px;}
  input.login_submit_ok{padding:2px;font-weight:bold;}
*/

span { ursor:pointer;}
div#wrapper {margin:14px 2px 0px 0px;}
div#loginbutton { margin:0; width:18; height:74; float:right;}
div#loginbutton img { cursor:pointer;}
div#regform {width:160px; height:74px; background-color:#d4d4d4; display:none;padding-left:5px;float:right;}
div.login_username {padding-top:4px;}
div.login_username input{margin:2px;}
input.login_submit_ok{padding:2px;font-weight:bold;}


/* Register Formular */
.no-border{
	
}
.edims_usersmgmt_chk,
.edims_usersmgmt_radio{
	margin-right: 5px;
	border: none;
}
.edims_usersmgmt_select{
	
}
.edims_usersmgmt_ip{
	width: 120px;
}
.edims_usersmgmt_select{
	width: 126px;
}

div.tx-edimsusersmgmt-pi1 tr{
	padding: 0px;
}

div.tx-edimsusersmgmt-pi1 td{
	padding: 2px;
	*padding: 1px 2px;
}

div.tx-edimsusersmgmt-pi1 td textarea{
	width: 340px;
	height: 95px;
}

div.tx-edimsusersmgmt-pi1 td div.edims_usersmgmt_innerinput{
	height: 22px;
}

div.tx-edimsusersmgmt-pi1 td span.col-left{
	display: block;
	float: left;
}

div.tx-edimsusersmgmt-pi1 td span.col-right{
	display: block;
	float: right;
	padding-right: 45px;
}

.safari div.tx-edimsusersmgmt-pi1 td span.col-right{
	display: block;
	float: right;
	padding-right: 0px;
}

/* Friends Detail View & List View */
div.userlist_row h2{
	font-size: 1.0em;
}
div.tx-edimsffulist-pi1 h2{
	margin: 0px;
	padding: 0px;
}
div.tx-edimsffulist-pi1 p.detail-address{
	font-weight: bold;
}
div.tx-edimsffulist-pi1 div.detail-image{
	margin-bottom: 15px;	
}
div.tx-edimsffulist-pi1 span.detail-label{
	float: left;
	font-weight: bold;
	width: 55px;
}

/* EXT: cal */
.tx-cal-controller .eventfont div{
	padding: 2px;
}

.tx-cal-controller .title {
	background-image: none!important;
}
.timeborder {
	background-image: none;
	border-left: 1px solid #A1A5A9;
}
.tbll,
.tblbot,
.tblr {
	border-top: 1px solid #A1A5A9;
}

.rowToday {
	background-color: #C4091C;	
}
.rowOff {
	background-color: #B0B1B3;
}
.rowOn {
	background-color: #D4D4D4;
}

div.V12 a {
	text-decoration: none;
}

.month-large .day {
	width:130px;
}
.month-large th{
	text-align: center!important;
}
#month-header #month-header-prevnext td {
	text-align: center!important;
}

/*
	EXT: s2_cal_createform
*/

img.date2cal-trigger{
	position: relative;
	top: 3px;
}

dt.s2-cal-form-label{
	font-weight: bold;
	margin-bottom: 3px;
}
dd.s2-cal-form-item{
	margin-bottom: 10px;
}
input#input-title,
textarea#input-description{
	width: 440px!important;
	font-family: Tahoma,Arial,Verdana,Helvetica,Sans-Serif;
	font-size: 11px;
}
textarea#input-description{
	height: 100px;
}
input#input-startdate,
input#input-enddate{
	width: 65px!important;
}

div.s2-error-container{
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #000000;
}

div.s2-error-container ul li{
	color: #C4091C;
	margin: 10px 20px;
	list-style: square;
}

span.s2-error-headline{
	font-weight: bold;
}

.tx-cal-controller label {
	text-align: left;
	width: 80px;
}

.default_categoryheader, .default_catheader {
	background-color:#53A062;
}

.default_catbody {
	background-color:#4FC464;
	border:1px solid #53A062;
	color:#FFFFFF;
}

ul.csc-menu {
	padding: 0px 0px 25px 0px;
}

select#location {
	width: 160px;
}

td.footer-styles-forum {
	padding-top: 10px!important;
}

.news-list-container h3 a {
	color: #000000;
	text-decoration: none;
}

.news-list-container-standard h3 a {
	color: #000000;
	text-decoration: none;
	display: block;
}

.news-list-container-standard .news-list-item {
	border-bottom: 2px solid #B0B1B3;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#input-check-fulltime {
	display: none;
}

.s2-cal-form-checkbox-label-fulltime {
	display: none;
}

/***********************************************
 Landingpage CSS
************************************************/
#landingpage-wrapper {
	height: 1%;
	margin: 15px 0 0;
	padding: 0px 0px 15px 0px;
}

#landingpage-wrapper .content-left {
	width: 580px;
	padding: 0px 20px 0px 20px;
	float: left;
}

#landingpage-wrapper .content-right {
	width: 370px;
	float: left;
	padding: 0px 10px 0px 10px;
}

#landingpage-wrapper .content-left h5 {
	padding: 0px 0px 5px 5px;
	border-bottom: 2px solid #B0B1B3;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/lp-freie-flaechen.jpg);
	background-repeat: no-repeat;
}

/***********************************************
 Landingpage CSS News
************************************************/
.news-latest-container-landingpage h2 {
	padding: 0px 0px 5px 5px;
	border-bottom: 2px solid #B0B1B3;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/lp-freie-flaechen.jpg);
	background-repeat: no-repeat;
}

.news-latest-item-landingpage {
	width: 182px;
	float: left;
	padding: 5px;
	min-height: 100px;
}

.news-latest-item-landingpage a {
	text-decoration: none;
	color: #000000;
}

.news-latest-item-landingpage .news-latest-morelink a {
	color: #B3001A;
	text-decoration: underline;
}

.news-latest-item-landingpage .news-latest-morelink a:hover {
	text-decoration: none;
}

.news-list-container-landingpage h2 {
	padding: 0px 0px 5px 5px;
	border-bottom: 2px solid #B0B1B3;
	margin-bottom: 5px;
	text-indent: -9999px;
	background-image: url(../images/lp-news.jpg);
	background-repeat: no-repeat;
}

/***********************************************
 Landingpage CSS Mail
************************************************/
.landingpage-mail {
	width: 375px;
	background-image: url(../images/landingpage-mail-middle.jpg);
	background-repeat: repeat-y;
	position: relative;
	padding: 20px 0px 20px 0px;
}

.landingpage-mail-top {
	width: 375px;
	height: 10px;
	display: block;
	background-image: url(../images/landingpage-mail-top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	top: 0px;
}

.landingpage-mail-bottom {
	width: 375px;
	height: 10px;
	display: block;
	background-image: url(../images/landingpage-mail-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	bottom: 0px;
}

.landingpage-mail form {
	padding: 0px 0px 0px 20px;
}

.landingpage-mail input {
	width: 200px;
}

.landingpage-mail textarea {
	width: 200px!important;
}

.landingpage-mail .landingpage-submit {
	width: 70px;
}

/***********************************************
 Landingpage Content Box
************************************************/
.contentbox-mail-landingpage {
	padding: 0px 10px 0px 10px;
}

.contentbox-mail-landingpage h2 {
	padding: 0px 0px 5px 5px;
	border-bottom: 2px solid #B0B1B3;
	margin: 15px 0px 10px 0px;
	text-indent: -9999px;
	background-image: url(../images/lp-news.jpg);
	background-repeat: no-repeat;
}

.contentbox-mail-landingpage h3 {
	text-transform: uppercase;
}

.contentbox-mail-landingpage .news-list-container-landingpage {
	margin: 0px 0px 10px 0px;
}


.box .startpage .bot- {
	background: url("../images/box-bot-start.jpg") no-repeat scroll right top transparent
}

.box .startpage .top- {
	background: url("../images/box-top-start.jpg") no-repeat scroll right top transparent
}

#content-one-start {
	position: relative;
	height: 215px;
	width: 211px;
	padding: 0px 15px;
}

#content-one-start .flexcroll {
	min-height: 220px;
}

#content-two-start {
	position: relative;
	padding: 0px 15px;
	height: 215px;
	width: 211px;
}

#content-two-start .flexcroll {
	min-height: 220px;
}

#content-welcome {
	position: relative;
	padding: 0px 15px;
	height: 103px;
	width: 466px;
}

#content-welcome .flexcroll {
	min-height: 108px;
}

#start-news {
	position: relative;
	padding: 0px 15px;
	height: 215px;
	width: 211px;
}

#start-news .flexcroll {
	min-height: 220px;
}

.myScrollbarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#f00), to(#900));
	border:1px solid #C4091C;
	-webkit-background-clip:padding-box;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:4px;
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

.class-scroll .news-list-container {
	width: 200px;
}

.landingpage-mail h3 {
	padding: 0px 20px;
}

.landingpage-mail p.bodytext {
	padding: 0px 20px 15px 20px;
}

.error-box-mail {
	padding: 0px 0px 10px 0px;
}

/***********************************************
 powermail
************************************************/
.tx-powermail-pi1 legend {
	display: none;
}

.tx_powermail_pi1_fieldwrap_html {
    margin: 5px 0px 0px 35px!important;
    width: 435px;
}

.powermail_check_inner {
	width: 200px;
	margin: 0px 5px 10px 0px;
	float: left;
}

.powermail_check_inner label {
	width: 150px!important;
}

.powermail_check_inner input {
	width: auto!important;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	margin: 25px 0px 0px 0px;
	font-weight: bold;
}

.tx-powermail-pi1_fieldset #uid62,
.tx-powermail-pi1_fieldset #uid63,
.tx-powermail-pi1_fieldset #uid64 {
    border: 1px solid #969799;
    margin-left: 10px;
    width: 280px!important;
}

.tx-powermail-pi1_fieldset textarea {
	width: 280px;
	height: 70px;
	margin-left: 10px;
}

.powermail_submit_uid67 {
	float: right;
	margin: 30px 65px 10px 0px;
	width: 100px!important;
	border: 1px solid #999999!important;
	cursor: pointer;
}

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

.tx-powermail-pi1_mandatory strong {
	display: block;
}

fieldset.tx-powermail-pi1_fieldset input {
	border: none;
}

fieldset.tx-powermail-pi1_fieldset select {
	border: none;
}

.tx_powermail_pi1_fieldwrap_html label {
	display: block;
	float: left;
	width: 65px;
}

.tx-powermail-pi1_mandatory_submit {
	cursor: pointer;
}

/***********************************************
 Last button class for contact on standortpages
************************************************/
#standorte .nav3 .last-for-contact {
	background-image: url(../images/kontakt-button.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: none!important;
}

#standorte .nav3 .last-for-contact a {
	text-indent: -9999px;
	height: 25px;
	width: 105px;
}

#seminar-interest {
	
}

#seminar-interest label {
	
}

#seminar-interest input {
	border: 1px solid #999999;
	width: 240px;
}

#seminar-interest textarea {
	margin-left: 0px;
	width: 240px;
}

#seminar-interest .powermail_submit {
	width: 100px;
	margin-left: 65px;
	margin-bottom: 20px;
	clear: left;
}

.ie7 #seminar-interest .powermail_submit {
	width: 100px;
	margin-left: 30px;
	margin-bottom: 20px;
	clear: left;
}

#seminar-interest .tx_powermail_pi1_fieldwrap_html {
	width: 340px;
	float: left;
}

#seminar-interest #powermaildiv_uid90,
#seminar-interest #powermaildiv_uid84 {
	clear: left;
}

.tx-powermail-pi1_mandatory {
	margin-bottom: 10px;
}

.ie7 #powermaildiv_uid86 {
	clear: left;
}

.ie7 #powermaildiv_uid85 {
	clear: left;
}

/***********************************************
 Clearfix
************************************************/
div.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}