/* #############################################


Skireisen-Agentur.de 2009


############################################# */
@charset 'utf-8';

* {
	margin: 0;
	padding: 0;
	border: 0;
}
#content .teaser div p a.more em {
	position: absolute;
	left: -10000px;
	top: -10000px;
	font-size: 0;
	text-indent: -10000px;
}


/* ######### Colors ######### */
body {
	background: #00a0ff;
	color: #333;
}
a {
	color: #333;
}
a:hover,
a:active,
a:focus {
	color: #c90076;
}
#sidebar {
	color: #5d5d5d;
}




/* ######### General ######### */
body {
	font: 62.5%/1.3em Tahoma, Arial, Helvetica, sans-serif;
}
h1,
h2,
h3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
.aural,
h1 span,
#main-nav li a span,
#logo span {
	position: absolute;
	top: -999px;
	left: -999px;
	text-indent: -999px;
	font-size: 0;
	overflow: hidden;
}




/* ######### Wrapper / Grid ######### */
#wrapper {
	width: 990px;
	overflow: hidden;
	background: url(../images/template/bg.png) 0 0 repeat-y;
	margin: 20px auto;
}
#wrapper-2 {
	float: left;
	width: 943px;
	clear: both;
	padding: 20px 15px 20px 26px;
}



/* ######### Header / Logo ######### */
#head {
	position: relative;
	background: url(../images/template/top.png) 0 0 no-repeat;
	padding: 30px 0 0 0;
}
#logo {
	margin: 0 0 0 28px;
}
#partner {
	position: absolute;
	top: 50px;
	right: 90px;
	background: #eb008a;
	border: 1px solid #eb008a;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	font-size: 110%;
	text-align: center;
}
#partner a {
	color: #fff;
}
#partner a:hover,
#partner a:focus,
#partner a:active {
	color: #000;
}
#headerimage {
	height: 165px;
	overflow: hidden;
	margin: 15px 0 0 12px;
}
#headerimage img {
	height: 165px;
	width: 967px;
}
/* # Navigation Meta-Nav # */
#meta-nav {
	position: absolute;
	top: 28px;
	right: 30px;
	list-style: none;
}
#meta-nav li {
	float: left;
	margin-left: 10px;
}
#meta-nav li a {
	font-size: 110%;
	text-transform: uppercase;
}



/* ######### Navigation Main-Nav ######### */
#main-nav {
	float: left;
	width: 967px;
	background: #737372 url(../images/template/main-nav.png) 0 0 repeat-x;
	margin: 0 12px 0 12px;
}
* html #main-nav {
	margin-left: 6px;
}
#main-nav ul {
	padding: 0 5px 0 10px;
}
#main-nav li {
	position: relative;
	list-style: none;
	float: left;
	height: 1%;
	border-right: 1px solid #a0a0a0;
}
#main-nav li a {
	float: left;
	padding: 6px 13px 7px 13px;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
#main-nav li a:hover,
#main-nav li a:active,
#main-nav li a:focus,
#main-nav li.active a {
	background-color: #abd1f4;
	color: #c90076;
}
/* mod für rechte Seite */
#main-nav .mod li {
	float: right;
	border-right: none;
}
#main-nav .mod li a {
	text-transform: none;
	font-weight: normal;
	padding: 6px 5px 7px 5px;
}
/* 2. ebene */
#main-nav li:hover ul,
#main-nav li:focus ul,
#main-nav li:active ul
main-nav li.hover ul {
	display: block;
}
* html #main-nav li.hover ul {
	display: block;
}
#main-nav li ul {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 26px;
	left: 0;
	width: 200px;
	background-color: #abd1f4;
	border: 1px solid #abd1f4;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	padding: 0;
}
#main-nav li ul li.hint {
	padding: 10px;
	border-right: none;
}
#main-nav li ul li a,
#main-nav li.active ul li a {
	margin: 0;
	width: 200px;
	border-bottom: 1px solid #fff;
	text-align: left;
	white-space: nowrap;
	color: #333;
}
#main-nav li ul li a:hover,
#main-nav li ul li a:active,
#main-nav li ul li a:focus {
	color: #c90076;
}
#main-nav li ul li a abbr {
	color: #999;
	float: left;
	width: 15px;
}



/* ######### Content ######### */
#content {
	float: left;
	width: 647px;
}
#content h1 {
	font-size: 160%;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}
#content h2 {
	clear: both;
	width: 648px;
	font-size: 140%;
	line-height: 1.2em;
	border-bottom: 1px dashed #808080;
	margin: 0 0 10px 0;
	padding: 10px 0 3px 0;
}
#content h3 {
	clear: both;
	font-size: 140%;
	line-height: 1.2em;
	border-bottom: 1px dashed #808080;
	margin: 0 0 10px 0;
	padding: 5px 85px 3px 0;
}
#content h3 a {
	color: #C90076;
}
#content h3 a:hover,
#content h3 a:active,
#content h3 a:focus {
	color: #333;
}
#content h4 {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	padding: 20px 0 5px 0;
	font-size: 130%;
}
/* veranstalter-Logos */
#content h3.frosch {
	background: url(../images/template/logos/frosch.png) 100% 10% no-repeat;
}
#content h3.windbeutel {
	background: url(../images/template/logos/windbeutel.png) 100% 0 no-repeat;
	min-height: 31px;
}
* html #content h3.windbeutel {
	height: 31px;
}
#content h3.ruf-jugend {
	background: url(../images/template/logos/ruf-jugendreisen.png) 100% 0 no-repeat;
	min-height: 23px;
}
* html #content h3.ruf-jugend {
	height: 25px;
}
#content h3.asr-reisen,
#content h3.skipass {
	background: url(../images/template/logos/asr-reisen.png) 100% 0 no-repeat;
	min-height: 25px;
}
* html #content h3.asr-reisen,
* html #content h3.skipass {
	height: 23px;
}
#content h3.ultratours {
	background: url(../images/template/logos/ultratours.png) 100% 0 no-repeat;
}
#content h3.snowtrex {
	background: url(../images/template/logos/snowtrex.png) 100% 0 no-repeat;
	min-height: 31px;
}
* html #content h3.snowtrex {
	height: 31px;
}
#content h3.interchalet {
	background: url(../images/template/logos/interchalet.png) 100% 0 no-repeat;
}
#content h3.interhome {
	background: url(../images/template/logos/interhome.png) 100% 0 no-repeat;
}
#content h3.sunwave {
	background: url(../images/template/logos/sunwave.png) 100% 0 no-repeat;
	min-height: 25px;
}
* html #content h3.sunwave {
	height: 23px;
}
#content h3.pfiff {
	background: url(../images/template/logos/pfiff.png) 100% 0 no-repeat;
	min-height: 25px;
}
* html #content h3.pfiff {
	height: 23px;
}
#content h3.team3 {
	background: url(../images/template/logos/team3.png) 100% 0 no-repeat;
}
#content h3.aktivesreisen {
	background: url(../images/template/logos/aktivesreisen.png) 100% 0 no-repeat;
}
#content h3.tui {
	background: url(../images/template/logos/tui.png) 100% 0 no-repeat;
}
#content p {
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 20px 0;
}
#content p a.link {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	background: url(../images/template/arrow.png) 0 3px no-repeat;
	padding-left: 13px;
}
#content .teaser-wide p img {
	float: none !important;
	padding: 0 0 0 5px !important;
	vertical-align: middle;
}
#content ul {
	margin: 0 0 30px 10px;
}
#content li {
	background: url(../images/template/bullet.png) 0 5px no-repeat;
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0 0 0 12px;
}
.left {
	width: 321px;
	float: left;
	margin: 0 5px 1px 0;
}
.right {
	width: 321px;
	float: left;
	margin: 0 -3px 10px 0;
}
/* FAQ */
#content #faq ol {
	margin: 0 0 10px 0;
	padding: 0 0 20px 30px;
	border-bottom: 1px dashed #808080;
}
#content #faq ol li {
	list-style: decimal;
	background: none;
	padding-left: 0;
}
#content #faq ul {
	margin-left: 0;
}
#content #faq ul li {
	background: none;
	padding-left: 0;
	border-bottom: 1px dashed #808080;
}
#content #faq ul li h2 {
	border: none;
	font-size: 120%;
	margin-bottom: 5px;
}
#content #faq ul li p {
	font-size: 110%;
}
#content #faq ul li ul {
	margin-bottom: 15px;
}
#content #faq ul li ul li {
	background: url(../images/template/bullet.png) 0 5px no-repeat;
	border: none;
	font-size: 100%;
	line-height: 1.3em;
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0 0 0 12px;
}
/* teaser */
#content .teaser {
	background: url(../images/template/box-321.png) 0 100% no-repeat;
	margin: 0 0 5px 0;
	padding: 0 15px 8px 15px;
}
#content .teaser div {
	background: url(../images/template/box-321.png) 0 0 no-repeat;
	margin: 0 -15px 0 -15px;
	padding: 15px 12px 0 12px;
}
#content .teaser div p {
	margin: 0 0 10px 0;
}
#content .teaser div p a.more {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	background: url(../images/template/arrow.png) 0 5px no-repeat;
	padding-left: 13px;
}
#content .teaser div img {
	float: left;
	padding: 3px 10px 0 0;
}
/* teaser-wide */
#content .teaser-wide {
	clear: both;
	float: left;
	width: 614px;
	margin: 0 0 5px 2px;
	background: url(../images/template/box-644.png) 0 100% no-repeat;
	padding-bottom: 20px;
}
#content .teaser-wide div {
	background: url(../images/template/box-644.png) 0 0 no-repeat;
}
#content .teaser-wide div p a.more {
	display: inline;
}
/* Formular */
#content label {
	display: block;
	padding: 0 0 5px 0;
}
#content label span {
	font-size: 110%;
	display: block;
	padding: 0 0 3px 0;
}
#content label textarea {
	width: 300px;
}
#content p input {
	width: 120px;
}
#content div.kataloge {
	border-top: 1px dashed #808080;
	border-bottom: 1px dashed #808080;
	margin: 10px 0;
	padding: 10px 0 5px 0;
}
#content div.kataloge div {
	clear: both;
	display: block;
	height: 20px;
}
#content div.kataloge span {
	font-size: 110%;
	display: block;
	padding: 0 0 10px 0;
}
#content div.kataloge label {
	font-size: 110%;
	display: inline;
	margin: 0 0 0 5px;
	float: left;
	width: 200px;
}
#content div.kataloge input {
	width: 15px;
	float: left;
}
#content label.woher-kennen {
	border-top: 1px dashed #808080;
	margin: 10px 0 20px 0;
	padding: 10px 0 0 0;
}
#content label.woher-kennen select {
	border: 1px solid #404040;
	font-size: 110%;
}







/* ######### Sidebar ######### */
#extras {
	width: 236px;
	float: right;
}
#extras .box {
	background: url(../images/template/box-236.png) 0 100% no-repeat;
	margin: 0 0 15px 0;
	padding: 0 15px 10px 15px;
}
#extras .box div {
	background: url(../images/template/box-236.png) 0 0 no-repeat;
	margin: 0 -15px 0 -15px;
	padding: 15px 12px 5px 12px;
}
#extras .box h3 {
	margin: 5px 0 10px 0;
	border-bottom: 1px dashed #808080;
	padding: 0 0 5px 0;
	font-size: 130%;
	color: #5d5d5d;
	font-weight: bold;
}
#extras .box p {
	margin: 0 0 10px 0;
	font-size: 110%;
	color: #5d5d5d;
}
#extras .box p.phone span {
	width: 53px;
	display: inline-block;
}
#extras .box p img {
	vertical-align: text-bottom;
}
#extras .box p a.more {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	background: url(../images/template/arrow.png) 0 3px no-repeat;
	padding-left: 13px;
}
#extras .box dl {
	margin-bottom: 10px;
	font-size: 110%;
	color: #5d5d5d;
}
#extras .box dt {
	float: left;
	width: 55px;
}
#extras .box dd {
	padding-left: 55px;
}
/* Call Back in Sidebar */
#extras label {
	clear: both;
	float: left;
	width: 212px;
	padding: 0 0 8px 0;
}
* html #extras label.mail {
	float: none;
}
*+html #extras label.mail {
	float: none;
}
#extras label span {
	display: block;
	margin: 0 0 3px 0;
	font-size: 110%;
	color: #5d5d5d;
}
#extras input,
#extras textarea,
#content input,
#content textarea {
	width: 206px;
	border: 1px solid #404040;
	border-right: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
	padding: 2px;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5d5d;
}
#extras textarea {
	height: 60px;
}
#extras div.zeit {
	float: right;
	width: 142x;
	background: none;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	line-height: 2em;
	color: #5d5d5d;
	text-align: right;
}
#extras div.zeit label {
	float: left;
	clear: none;
	width: auto;
	margin: 0 5px 0 0;
}
#extras div.zeit input {
	width: 30px;
	float: left;
	margin: 0 5px 0 0;
}
#extras .call-back p {
	background: url(../images/template/callback.jpg) 103% 0 no-repeat;
	margin: 5px 0 -9px 0;
	padding: 0 92px 0 0;
}
#wrapper-2 #extras .call-back p input{
	width: 70px;
	margin: 20px 0;
	padding: 0;
}
/* Partner teaser Sidebar */
#extras .partner div {
	background: url(../images/template/box-236-partner.png) 0 0 no-repeat;
	padding-top: 135px;
}
#iframe #extras .partner div {
	background: url(../images/template/box-155-partner.png) 0 0 no-repeat !important;
	padding-top: 95px;
}




/* ********************************* */
/* Tagcloud */
#extras .tagcloud {
	padding-bottom: 20px;
	overflow: hidden;
}
#extras .tagcloud ul {
	list-style: none;
	text-align: center;
}
#extras .tagcloud li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.7em;
	font-size: 120%;
}
#extras .tagcloud li a {
	color: #666;
}
#wrapper-2 #extras .tagcloud li a:hover,
#wrapper-2 #extras .tagcloud li a:active,
#wrapper-2 #extras .tagcloud li a:focus {
	color: #C90076;
}
#extras .tagcloud li em {
	font-style: normal;
}
#extras .tagcloud li.level-2 {
	font-size: 140%;
	line-height: 1.5em;
}
#extras .tagcloud li.level-2 a {
	color: #333;
}
#extras .tagcloud li.level-3 {
	font-size: 170%;
	line-height: 1.4em;
}
#extras .tagcloud li.level-4 {
	font-size: 180%;
	line-height: 1.2em;
}
#extras .tagcloud li.level-4 a {
	color: #000;
}



/* ######### Footer ######### */
#footer {
	clear: both;
	background: url(../images/template/bottom.png) 0 100% no-repeat;
	min-height: 60px;
}
* html #footer {
	float: left;
	width: 979px;
	height: 60px;
}
#footer div {
	border-top: 1px dashed #808080;
	margin: 0 23px;
}
#footer ul {
	float: right;
}
#footer ul li {
	float: left;
	text-align: right;
	font-size: 110%;
	text-transform: uppercase;
	padding: 5px 0 10px 11px;
	list-style: none;
}


/* Social Bookmarks */
#footer #bookmarks {
	float: left;
	width: 300px;
	margin-left: 0;
	padding: 3px 0 0 0;
	border: none;
}
#footer #bookmarks h3 {
	float: left;
	font-size: 120%;
	padding-top: 5px;
}
#footer #bookmarks ul {
	float: left;
}
#footer #bookmarks li {
	padding-left: 7px;
	text-transform: none;
	font-size: 100%;
}
#footer #bookmarks li a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/bookmarks.png) 100% -577px no-repeat;
	padding: 2px 0 2px 0;
}
#footer #bookmarks li.delicious a {
	background-position: 100% 0;
}
#footer #bookmarks li.google a {
	background-position: 100% -51px;
}
#footer #bookmarks li.wong a {
	background-position: 100% -101px;
}
#footer #bookmarks li.webnews a {
	background-position: 100% -152px;
}
#footer #bookmarks li.yigg a {
	background-position: 100% -201px;
}
#footer #bookmarks li.stumble a {
	background-position: 100% -254px;
}
#footer #bookmarks li.oneview a {
	background-position: 100% -387px;
}
#footer #bookmarks li.linkarena a {
	background-position: 100% -319px;
}
#footer #bookmarks li.icio a {
	background-position: 100% -683px;
}
#footer #bookmarks li.google a {
	background-position: 100% -789px;
}
#footer #bookmarks li a span {
	position: absolute;
	left: -10000px;
	top: -10000px;
	font-size: 0;
	width: 0px;
	height: 0px;
	text-indent: -10000px;
}



/* ######### Changes for #iframe ######### */
iframe {
	width: 795px;
	height: 1200px;
	border: none;
	margin: 5px 0 0 -14px;
}
#iframe #content {
	width: 785px;
}
#iframe #extras {
	width: 155px;
}
#iframe #extras .box {
	background: url(../images/template/box-155.png) 0 100% no-repeat;
}
#iframe #extras .box div {
	background: url(../images/template/box-155.png) 0 0 no-repeat;
}
#iframe #extras div.zeit {
	background: none;
	padding-left: 0;
}
#iframe #extras label {
	width: 135px;
}
#iframe #extras input,
#iframe #extras textarea {
	width: 125px;
}
#iframe #extras div.zeit input {
	width: 20px;
}
#iframe #extras div.zeit label {
	width: auto;
}
#iframe #extras .call-back p {
	background: none;
	padding-right: 5px;
}