/*---------------------------------------
Title: Oxford Sunset main css
Version: 1.0
Author: Dan Abrey
Contact: danabrey@gmail.com
----------------------------------------*/

/*---------------------------------------
GENERAL LAYOUT RULES
----------------------------------------*/

* { 							margin: 0; padding: 0; } /* sets all margin and padding (browser defaults) 
								back to zero for ease of use */
body { 							background-color: #fcfcfc; }
div#container { 				width: 990px; margin: 10px auto; text-align: center; 
								background-color: #fff; border: 1px solid #aaa; }
								/* centers layout (text-align: center for IE), defines overall 
								width and sets background colour of main container div */
div#container * { 				text-align: left; }
								/* restores text-align to left in elements contained in container 
								div */
div#header { 					position: relative; width: 100%; height: 150px; float: left;
								background: url(../display_images/tarifomat24.jpg) no-repeat top left; }
								/* defines header background image (1600px x 150px image with
								overflow: hidden) */
div#sidebarvers { 					width: 19%; padding: 1%; 
								background: #ebebf5; 
								float: left; height: auto; }
div#sidebarvors { 					width: 100%; padding: 1%; 
								background: #efcd8d; 
								float: left; }
div#sidebarfinz { 					width: 100%; padding: 1%; 
								background: #ddc9aa; 
								float: left; }
div#sidebargeld { 					width: 19%; padding: 1%; 
								background: #ddc9aa; 
								float: left; }
div#content { 					width: 74%; padding: 1% 2%; float: left; }
div#bundlecontent { 					width: 98%; padding: 1% 2%; float: left; }
div#contentvorwahl { 					width: 74%; padding: 1% 2%; float: left; }
div#contenthandy { 					width: 945px; padding: 1% 2%; float: left; }
div#contentbundle { 					width: 1074px; padding: 1% 2%; float: left; }
div#contenttarifrechner { 					width: 945px; padding: 1% 2%; float: left; }
div#contentinternet { 					width: 945px; padding: 1% 2%; float: left; }
div#contentreise { 				width: 880px; padding: 1% 2%; float: left; }
								/* padding+width of #sidebar and padding+width of #content must 
								add up to 100% */
* html div#content { 			width: 73%; }
								/* hack for IE due to float problem (makes content div 1% 
								narrower so it doesn't float below the sidebar) */
div#footer { 					width: 98%; padding: 1%; clear: both; background-color: #ebebf5; }
div#header div.header_text { 	position: absolute; bottom: -10px; left: 5px; color: #fff; }
								/* position and colour of header text */

div#comsidebar { 					width: 100%; padding: 1%; 
								background: #ebebf5; 
								float: left; }
div#logosidebar { 					width: 100%; padding: 1%; 
								background: #ffffff; 
								float: left; }

div#contenta { 					width: 99%; padding: 1% 2%; float: left; }

/*---------------------------------------
GENERAL STYLING
----------------------------------------*/

p { 				font-size: 99%;		margin: 10px 0 0 0; line-height: 1.5; }
h1,h4,h5,h6 { 			margin: 0 0 15px 0; }
h2 {				margin: 0 0 15px 0; font-size: 138%; }
h3 {				margin: 0 0 15px 0; font-size: 115%; }
html, body, div { 				font-family:  Verdana, Arial, Helvetica, sans-serif; 
								font-size: 95%; }
blockquote {					padding: 2%; background-color: #fff; 
								border: 1px solid #ccc; text-indent: 20px; }

/*---------------------------------------
DEFAULT LINK STYLES
----------------------------------------*/

a { 							color: #073a65; font-weight: normal; text-decoration: underline; }
a:hover { 						text-decoration: underline; }

/*---------------------------------------
HEADER STYLES
----------------------------------------*/

div#header div.header_text a { 			color: #ff9900; text-decoration: none; font-weight: bold; }
div#header div.header_text a:hover { 	border-bottom: 2px solid #fff; }
div#header h1, div#header p { 			font-size: 168%; color: #ff9900; margin: 0 0 20px 0;; }
										/* overrides h1 and p default margins */
								
/*---------------------------------------
SIDEBAR STYLES
----------------------------------------*/

#sidebarvers { 						color: #000; }
#sidebarvers a { 					color: #000; font-size: 88%; font-weight: bold;}
#sidebarvers h3 { 					color: #111111; text-align: right; border-bottom: 1px solid #111111; margin: 5px 0; }
#sidebarvers p { 					line-height: 1.0; }
#sidebarvors { 						color: #000; }
#sidebarvors a { 					color: #000; font-size: 88%; font-weight: bold;}
#sidebarvors h3 { 					color: #111111; text-align: right; border-bottom: 1px solid #111111; margin: 5px 0; }
#sidebarvors p { 					line-height: 1.0; }
#sidebarfinz { 						color: #000; }
#sidebarfinz a { 					color: #000; font-size: 88%; font-weight: bold;}
#sidebarfinz h3 { 					color: #111111; text-align: right; border-bottom: 1px solid #111111; margin: 5px 0; }
#sidebarfinz p { 					line-height: 1.0; }
#sidebargeld { 						color: #000; }
#sidebargeld a { 					color: #000; font-size: 88%; font-weight: bold;}
#sidebargeld h3 { 					color: #111111; text-align: right; border-bottom: 1px solid #111111; margin: 5px 0; }
#sidebargeld p { 					line-height: 1.0; }
ul#navigation { 		list-style-type: none; }
ul#links { color: #000000;	list-style-type: none; }
								/* set nav and links ul to display no bullets */
ul#navigation li { 				display: block; width: 96%; border: 1px solid #663333; margin-bottom: 2px;
								padding: 2%; background-color: #fcfcfc; }
ul#navigation li a { 			color: #111111; }

/*---------------------------------------
CONTENT STYLES
----------------------------------------*/

div.item { 						margin-bottom: 10px; }
div.item h3 {  					border: 1px solid #ebebf5; background: #f5f5ff; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemvors { 						margin-bottom: 10px; }
div.itemvors h3 {  					border: 1px solid #efcd8d; background: #f9ebd2; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemfinz { 						margin-bottom: 10px; }
div.itemfinz h3 {  					border: 1px solid #ddc9aa; background: #f1e9dc; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemint { 						margin-bottom: 10px; }
div.itemint h3 {  					border: 1px solid #ddc9aa; background: #dada8f; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemenerg { 						margin-bottom: 10px; }
div.itemenerg h3 {  					border: 1px solid #9ede9e; background: #dceeca; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemnet { 						margin-bottom: 10px; }
div.itemnet h3 {  					border: 1px solid #ffac84; background: #ffcdb9; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemmobi { 						margin-bottom: 10px; }
div.itemmobi h3 {  					border: 1px solid #ffff99; background: #ffffc6; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemtele { 						margin-bottom: 10px; }
div.itemtele h3 {  					border: 1px solid #ffac84; background: #ffcfb9; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemtipps { 						margin-bottom: 10px; }
div.itemtipps h3 {  					border: 1px solid #bbbbbb; background: #eeeeee; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemreise { 						margin-bottom: 10px; }
div.itemreise h3 {  					border: 1px solid #f5c25c; background: #ffe1a4; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemvorwahl { 						margin-bottom: 10px; }
div.itemvorwahl h3 {  					border: 1px solid #767676; background: #ffcc00; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
div.itemstudenten { 						margin-bottom: 10px; }
div.itemstudenten h3 {  					border: 1px solid #767676; background: #ffcc00; padding: 5px; position: relative; }
								/* position:relative fixes random IE bug which means borders aren't displayed */
/*---------------------------------------
Bilder - Abstand
----------------------------------------*/
.picture {
 float:right;
 margin-left:5px;
 margin-bottom:5px;
 width:245px;
 height:147px;
}
.pictureleft {
 float:left;
 margin-right:5px;
 margin-bottom:5px;
}
.pictureright {
 float:right;
 margin-left:5px;
 margin-bottom:5px;
}




#goads {
	float: right;
	width: 79%;
	height: 20px;
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	background: #ebebf5;
}




/*---------------------------------------
Menu
----------------------------------------*/


#menu {
	float: left;
	width: 990px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	background: #ebebf5;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: important;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	background: #ebebf5;
	color: #000000;
}

#menu a:hover {
	background: #ff9900;
}

/*---------------------------------------
Footer
----------------------------------------*/
#footer a { 					color: #111111; font-size: 80%; font-weight: normal; text-decoration: underline;}
#footer p { 					color: #111111; font-size: 100%;}