@import url("../wayfinder/dropdown.css");

/* 7media.de CSS Document fuer Treffpunkt Sales MODx */

html {overflow-y: scroll;}

body {
	padding:0;
	margin:0;
	margin-top:0px;
	padding-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	/*background-image: url(../../grafik/bg-quer-schatten.jpg);*/
	background: #98b4cc url(../../../assets/images/Treffpunkt-Sales/bg-vertikal-blauverlauf.jpg) repeat-x;
	}


#wrap-background {
	width:100%;
	background-color: transparent;
	margin: 0px;
	background-image: url(../../grafik/bg-quer-rot-b.gif);
	background-repeat: repeat-x;
	}

#wrap {
	width: 960px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	}
	
	
#wrap-inner {
}
	
#header {
	width:100%;
	height:92px;
	background-image:url(../../grafik/bg-top-himmel.jpg);
	position: relative;
	background-repeat: no-repeat;
	}	
	
	
.dom #header {
		background-image:url(../../../assets/images/Treffpunkt-Sales/bg-top-himmel.jpg);
	}	
.engel #header {
		background-image:url(../../../assets/images/Treffpunkt-Sales/bg-top-himmel-engel.jpg);
	}	

.olyturm #header {
		background-image:url(../../../assets/images/Treffpunkt-Sales/bg-top-himmel-olyturm.jpg);
	}	
	
.rathaus #header {
		background-image:url(../../../assets/images/Treffpunkt-Sales/bg-top-himmel-rathaus.jpg);
	}	

.himmel #header {
		background-image:url(../../../assets/images/Treffpunkt-Sales/bg-top-himmel-ohne.jpg);
	}	
	
#main-body {
	float:left;
	width: 100%;
	}
	
#mainkopfinet {
border-bottom:5px solid #009999;
background-color:#020236;
}	

.linie {
	height:1px;
	width:100%;
	float:none;
	background-color:#08083c;
	}
	
#sidebar {
	float:left;
	width:225px;
	padding-top: 15px;

	}

#sidebar img {
	float:right;
	margin-right:5px;
	}


.start #sidebar img {
margin-top:0.84em;
	}


#footer {
	width:100%;
	border-top:1px solid #C7C7C7;
	/*border-bottom: 15px solid #2c2b65;*/
	background: #E1E1C8;
	clear: both;
	line-height:14px;
	text-align:center;
	margin-top:2em;
	background-color: #FFF;
	background-position: 0 0;
	}
	
#footer p {
	padding: 5px 0 5px 200px;
	margin:0;
}

.fussbox {
	float: left;
	width: 240px;
	font-size:11px;
	text-align:left;
	padding:5px 0 5px 0;
	color:#999;
}

.fussbox.first {
	
	text-align:center;

}

.fussbox h4 {
	color:#d30331;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
}

.fussbox a:link,
.fussbox a:visited {
	color:#999 !important;
}

.fussbox a:hover,
.fussbox a:active {
	color:#d30331 !important;
}

p, li {
	font-size:90%;
	color:#333;
	line-height:150%;
	max-width:600px;
	margin-right:8%;
	}

li p {font-size: 100% !important;}

.preisliste p {
	line-height:120%;
margin: 3px 0 3px 0;
padding:0;
	}

a:link {color:#d30331; text-decoration: underline}

a:visited {color: #d30331; text-decoration: underline}

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


a.linkfuss:link { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none}
a.linkfuss:hover { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none; border-bottom: dashed 1px #660000}
a.linkfuss:visited { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none}
a.linkfuss:active { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none; border-bottom: dashed 1px #660000}

.hide { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000033}
.smtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFBEA}
.smtextblau { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #002848}
.justify {  text-align: justify}
.eingabefeld { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; background-color: #FCFDFB; border:1px solid #660000}
.linkfuss { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none}

a.linkzitate:link { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #003366; text-decoration: none}
a.linkzitate:hover { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #680000; text-decoration: none; border-bottom: dashed 1px #660000}
a.linkzitate:visited { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #003366; text-decoration: none}
a.linkzitate:active { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #680000; text-decoration: none; border-bottom: dashed 1px  #660000}

a.linkref:link { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none; border-bottom: dashed 1px #660000 }
a.linkref:hover { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none; border-bottom: dashed 1px #660000;  background : #FCFDFB; }
a.linkref:visited { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none; border-bottom: dashed 1px #660000}
a.linkref:active { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none; border-bottom: dashed 1px #660000;  background : #FCFDFB; }

.textklein { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #333333; text-decoration: none }
.submitbutton { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; background-color: #FCFDFB; border: #660000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.imgBorder {  border: 1px #666666 solid}
.bildlinks {  float: left; margin-top: 0px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-bottom: 15px; padding-left: 2px}
.bildrechts {  float: right; margin-top: 0px; margin-left: 25px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 15px;}


/********************   Drei Spalten      ********************/

#kopf {
	
	width: 100%;
	}
	
#kopfleiste {
	border-bottom:1px solid #C7C7C7;
}

#kopfLinks {width:220px;
float:left;}

.us #kopfleiste #logo {margin-bottom:82px;display:block;}
.us #kopfleiste #headline h2 {margin-left:20px; display:block;}

#main-body-3spalt {
	float:left;
	width: 720px;
	}

.start #content-3spalt {
	float:right;
	width:460px;
	padding-right:4px;
	color:#333333;
	padding-top:15px;
}

.us #content-3spalt {
	float:right;
	width:700px;
	padding-right:4px;
	color:#333333;
	padding-top:15px;
	}
	
#sidebar2 {
	float:right;
	width: 240px;
	/*background-color: #D3181C; Rot wie Rechteck unter Ausrufezeichen */
	}
	
	
#sidebar2-content {
	float:right;
	width: 220px;
	padding:20px 8px 0 15px;
	color:#fff;
	font-size:11px;
	}
	
	
#sidebar2-content p,
#sidebar2-content a {
	
	color:#fff;
	}
	
	
#wrap #wrap-inner #sidebar2 #sidebar2-content p {
	padding-left: 10px;
}

#social  {
	border:1px solid #666;
	width:100px;
	margin:auto;
	color:#E1E1C8;
	font-size:11px;
	padding:0.5em;
	}


#social img {
	border:none;
	color:#E1E1C8;
}

.unterstreichung {
	border-bottom: 1px solid #660000;
	width:90%;
}
.infotable {
	background: #F7F7F7;
	border: 1px solid #C7C7C7;
}

.infotable td {color:#464646;}
.infotable a {color:#464646;}

#kopfleiste {
	width: 100%;
	height:312px;
	display:block;
	clear:both;
}

#kopfleiste img {
	float:left;
}

#kopfleiste.foyer {
	
	background-image: url(../../../assets/images/Treffpunkt-Sales/bg-angebot-motiv-foyer.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
#kopfleiste.lageplan  {
	
	background-image: url(../../../assets/images/Treffpunkt-Sales/bg-lage-motiv.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}

#kopfleiste.muenchen  {
	
	background-image: url(../../../assets/images/Treffpunkt-Sales/bg-kontakt-motiv.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#kopfleiste.preise  {
	
	background-image: url(../../../assets/images/Treffpunkt-Sales/bg-preise-motiv.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	

#kopfleiste.menschen  {
	
	background-image: url(../../../assets/images/Treffpunkt-Sales/bg-preise-motiv.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
.kontakt #action img {display:none;}


#wrap-background #wrap #wrap-inner #kopfleiste #logo {
	margin-top: 15px;
	margin-left: 40px;
}

.us #wrap-background #wrap #wrap-inner #kopfleiste #logo {
	margin-left: 20px;
}

.start #Motiv {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#wrap-inner {
	background-image: url(../../grafik/bg-seitenspalte-b.gif);
	background-repeat: repeat-y;
	background-position: right 20px;
}
.start #kopfleiste {
	background-color: #FFF;
}

.us #kopfleiste #slogan {
	width:700px;
	margin-left: 200px;
	padding-top: 212px;
	/*line-height: 130%;*/
}

.start #kopfleiste #slogan h2 {
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #6c8289;
	font-weight: bold;
	margin-left: 120px;
	padding-top: 15px;
	/*line-height: 130%;*/
}

.us #kopfleiste #slogan ul {
	
	margin: 0 0 0 1em;
	
	/*line-height: 130%;*/
}

.us #kopfleiste #slogan ul li {
	
	margin-left:5px;
	
	/*line-height: 130%;*/
}

.us h3 {color:rgb(108,130,137); font-family:"Century Gothic", "Lucida Sans", "Microsoft Sans Serif", sans-serif; margin-top:0; padding-top:0;}

.us td img {padding-top:3px; border:0; margin:0 10px 0 0;}
#wrap-background #wrap #header #oben {
	position: relative;
	width: 100%;
	height:18px;
}

#sidebar2-content input,
#sidebar2-content select {color:#666; font-site:11px;}

/*** ADD THIS ***/
.addthis_toolbox .two_column 
{
    width: 216px;
    padding: 1px;
}

.addthis_toolbox .two_column a 
{
    padding: 0 0 3px 34px;
    position: relative;
    width: 66px;
    display: block;
    text-decoration: none;
}

.addthis_toolbox .two_column a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .two_column span
{
    position: absolute;
    left: 14px;
    top: 1px;
}

.addthis_toolbox .two_column  .top
{
    padding: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column  .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 20px 0 20px;
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 4px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span
{
    display: none;
}

.addthis_toolbox .two_column .column1
{
    width: 100px;
    float: left;
}

.addthis_toolbox .two_column .column2
{
    width: 100px;
    float: left;
}

.addthis_toolbox .two_column .clear
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}