/*----------------------------------------------------------------------------------------
Campus Touren: http://www.campus-touren.de
General CSS Stylesheet
-----------------------------------------------------------------------------------------*/
body {font:76% Geneva, Arial, Helvetica, sans-serif;color:#000000; margin:0; padding:0;background:#edf8fc url(../media/jpg/bgr.jpg) top left repeat-x;background-attachment:fixed;line-height:1.25em;overflow:auto;}
table {background:#ededed;padding:0.5em;}
.timetable td {border:1px solid #e2e2e2; margin: 0.25em; padding:0.25em;}
blockquote {background:#ededed;padding:0.5em;}

/*Text ------------------------------------------------------------------------------------*/
p, h1, h2, h3 {padding:0.25em;margin:0;}
p {font:1em Arial, Helvetica, sans-serif; color:#333333;}
h1 {font:1.75em Arial, Helvetica, sans-serif; color:#000066; font-weight:bolder;}
h2 {font:1.5em Arial, Helvetica, sans-serif;  color: #3399CC; font-weight:bold; margin-top:0.5em;}
h3 {font:1.25em Arial, Helvetica, sans-serif;  color: #336699; font-weight:bold;}
table h3 {background:#000066; color:#ededed;}

/* Links ----------------------------------------------------------------------------------*/
#container a:link {color:#e80930;font-weight:bold;}
#container a:hover {color:#000066;font-weight:bold;}
#container a:visited {color:#333333;font-weight:bold;}

/*Header und Logo -------------------------------------------------------------------------*/
#header {position:absolute;	top:0;	left: 0;padding:0;	width:100%;	height:100px;z-index: 400;}
#reisebus {	position:absolute;width:auto;height:80; top:20px; left:700px;z-index:1000;}

/*Rechte Seite -------------------------------------------------------------------------*/
#container {text-align:left;position:absolute; margin: 0; left:441px; top:150px; width:520px; margin-bottom:1.5em;	height:auto; background: #ffffff url(../media/jpg/gradient.jpg) top left repeat-x;list-style:url(../media/png/bullet.png);	padding:0.25em 0.25em 1em 0.25em; border:1px solid #cdcdcd;z-index:800;}

/*LINKE SEITE -------------------------------------------------------------------------*/
#phone { position:absolute;	width:200px; height:50px; top:500px;left: 62px;	z-index: 1000;}
#collage {position:fixed; left:20px; top:150px; width:400px; height:300px;background:none;
text-align:center;}

/*Footer -----------------------------------------------------------------------------------*/
#footer {position:fixed; bottom:0px; width:100%; height:auto; background:url(../media/grass.gif) bottom left repeat-x;}
	
/*Navigation / Menü -------------------------------------------------------------------------*/
.solidblockmenu{margin:0; padding: 0; float: left; font: bold 0.8em Arial; text-transform:uppercase;
width: 100%; background: #000000 url(../media/gif/blockdefault.gif) center center repeat-x; z-index:1000;}
.solidblockmenu li{display: inline;}
.solidblockmenu li a{float: left; color:#ffffff; padding: 5px 5px; text-decoration: none;
border-right: 1px solid white; width:86px;}
.solidblockmenu li a:visited { color: white;}
.solidblockmenu li a:hover, .solidblockmenu li .current{ color:#ffffff;
background: transparent url(../media/gif/blockactive.gif) center center repeat-x;}

/*Intro Top-------------------------------------------------------------------------------------*/
.about { border-bottom: 1px solid #ededed; width:100%;padding-bottom:0.75em;}
.about p {padding-left:0.5em;}
.extra-padding {padding-left:0.5em;}

/*AngeboteWIDE----------------------------------------------------------------------------------*/
.intro { border-bottom: none; width:100%;padding-bottom:0.75em;}
.intro p {padding-left:0.5em;}
.intro  p {padding-left:0.5em;}
.intro a:link {font-size:1.25em; text-transform:uppercase;}
.intro a:hover {font-size:1.25em; text-transform:uppercase;}
.intro a:visited {font-size:1.25em; text-transform:uppercase;}

/*AngeboteSHORT---------------------------------------------------------------------------------
.intro-a {float:left; width:238px; padding-right:1em; border-right:1px solid #ededed; margin:0.25em; height:275px;}
.intro-a  p {padding-left:0.5em;}
.intro-a  a:link {font-size:1.25em;}
.intro-a  a:hover {font-size:1.25em;}
.intro-a  a:visited {font-size:1.25em;}

/*Nachrichten-----------------------------------------------------------------------------------
.intro-b {float:left; width:244px; padding-right:1em; margin:0.25em; height:275px;}
.intro-b  p {padding-left:0.5em;}*/

/*Items ----------------------------------------------------------------------------------------*/
.travelitem, .travelitem-new {margin-left:0.5em; padding-left:0.25em; width:230px; height:100px;}
.travelitem-wide {margin-left:0.5em; padding-left:0.25em; padding-top:0.25em; width:100%; height:60px;}
.travelitem {background:url(../media/gif/travelitem.gif) top left no-repeat;}
.travelitem-wide {background:url(../media/png/travelitem-wide.png) top left no-repeat;}
.travelitem-new {background:url(../media/gif/travelitem-new.gif) top left no-repeat;}
.newsitem {margin-left:0.5em; padding-left:0.5em; width:230px; height:66px;
background:url(../media/gif/newsitem.gif) top left no-repeat;}
.newsitem p {padding: 0.25em 1.5em 0 0.5em;}
.morepadding-right {margin-left:0.5em; padding-left:0.5em; width:230px;}
.sprache-language{margin:0 0.5em 0 0.5em; padding-left:0.5em;}

/* Rahmen -------------------------------------------------------------------------------------*/
.offer { padding-bottom:0.5em; margin-bottom:1em; border-bottom:15px solid #ebebeb; height:400px;}
.offer h1 {font-size:3.25em;}
.offer h4 {font-size:2em; color:#ffffff; background:#336699; padding:0.5em;}
.itinerary h1 {font-size:3.25em;}
.itinerary h4 {font-size:2em; color:#ffffff; background:#336699; padding:0.5em;}
.ausgebucht {background:url(../media/gif/ausgebucht.gif) left 50px no-repeat;}
.soldout {background:url(../media/gif/soldout.gif) left 50px no-repeat;}
.abgelaufen {background:url(../media/gif/abgelaufen.gif) left 50px no-repeat;}
.completed {background:url(../media/gif/completed.gif) left 50px no-repeat;}
.newsitem-full {padding-bottom:0.5em; margin-bottom:1em; border-bottom:1px solid #cdcdcd;}

/*Bilderrahmen --------------------------------------------------------------------------------*/
.pic {float:right;padding:0.5em;background:#ffffff; border:1px solid #999999; margin:0.5em; }
.othercities {border:none;padding:0.25em; margin-right:0.25em;background: #ffffff url(../media/jpg/gradient.jpg) top left repeat-x;border:1px solid #cdcdcd;}
.dia {border:none;padding:0.25em; margin-right:0.25em;background:#ffffff;}
.diashow {border:none;padding:0.15em;background:#ffffff; border:1px solid #999999;}

/*Spalten ------------------------------------------------------------------------------------*/
.address {float:left; width:235px; padding-right:1em; border:1px solid #ededed; margin:0.25em; height:250px;}
.address p {margin-top:0.5em;}
.address h2 {font-size:0.8em; color:#666;margin-top:1em;}

/*Zitat --------------------------------------------------------------------------------------*/
.quotation { width:240px; left:25px;}
.quotation h1 {
text-align:left;padding-top:2em;
background:url(../media/gif/quotation.gif) top left no-repeat;
font: 20px Georgia, serif; font-style:italic; font-weight:bold;
color:#999999;}

/*Preis ---------------------------------------------------------------------------------------*/
.preis {position:relative; text-align:center;background:#ededed;margin:1em;padding:0.25em;
float:right;border:2px dotted #e80930;}
.preis h1 {text-align:center;padding:0.5em;font:2.5em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color:#000066;}

/*Destination ----------------------------------------------------------------------------------*/
.destination {text-align:center;background:#e80930;margin:1em;padding:0.25em;
border:3px solid #ffffff;}
.destination h2 {text-align:center;padding:0.5em;font:2em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color:#ffffff;}

/* End CSS --------------------------------------------------------------------------------------*/