/* ###### General ###### */
body, html {
background:			url(images/page_background.gif) top center repeat-y #fff;
font-family:		Arial, Helvetica, sans-serif;
font-size:			13px;
color:				#000;
height:				100%;
}

br {clear:both;}

/* ###### VARIOUS ###### */
/* Padding & Margin */
body, html, #navigation ul, #navigation ul li, #subnavigation, #subnavigation li, #login-headline, #sidebar h4 {margin:0;padding:0;}
/* Same width */
#header, #navigation, #page {width:940px;}
/* Centering */
#header, #navigation, #page, #login-button, #sidebar .button  {margin:0 auto;}
/* Bold & Uppercase */
#navigation ul li a, #login-button, #sidebar .button, #login-headline, #sidebar h4, #zitate h4, .contentbutton, #absenden, #absenden input {font-weight:bold; text-transform:uppercase}
/* Position */
#page, #header, #slider, #sidebar, #subnavigation {position:relative;}
#twitter, #logo, #special, #messe, #sidebar .button, .slidepicture, #wrapper, #imgoverlay, #funktionen-navi {position:absolute;}
#navigation ul li, #meta-navigation, #meta-navigation li, #navi li, #subnavigation, #subnavigation li, #content, .kontakt, .box_rechts, #footer, #funktionen-navi li  {float:left;}
#sidebar, #footer span, #absenden, #absenden input {float:right;}

/* Border Styles */
#login, #gewinnspiel, #content, #sidebar .box, #zitate {border-bottom:2px solid #b4b2ae; margin-bottom:4px}
#navigation {border-bottom:2px solid #c1bebb}

/* ###### NAVIGATIONS ###### */
#navigation ul, #meta-navigation, #subnavigation {list-style:none;}

/* ###### HEADER ###### */
#header {
width:				960px;
height:				170px;
background:			url(images/header.jpg) top left no-repeat #fff;
}

:-moz-any-link:focus {
  outline: none;
}

#twitter, #logo, #special, #messe {
display:			block;
text-indent:		-10000px;
}

#logo {
width:				322px;
height:				93px;
top:				60px;
left:				328px;
text-indent:		0px!important;
text-decoration:	none!important;
}

#logo span {
font-size:			14px;
font-weight:		bold;
text-transform:		uppercase;
position:			absolute;
display:			block;
bottom:				18px;
right:				4px;
color:				#000;
display:none;
}

#twitter {
background:			url(images/twitter.jpg) top left no-repeat #fff;
width:				29px;
height:				111px;
top:				35px;
right:				-19px;
}

#special {
width:				230px;
height:				116px;
left:				25px;
top:				30px;
}

#messe {
width:				230px;
height:				116px;
top:				35px;
right:				19px;
}

/* ###### NAVIGATION ###### */
#navigation {
background:			#f2f2f2
}

#navigation #balken {
display:			block;
height:				10px;
width:				100%;
background:			url(images/navigation_background.gif) right no-repeat #fcce57;
clear:				both;
}

/* Navigation */
#navi li a, #subnavigation li a {
text-align:			center;
font-weight:		bold;
font-size:			11px;
display:			block;
text-decoration:	none;
}

#navi li a {
background:			url(images/navigation.jpg);
width:				128px;
height:				35px;
line-height:		35px;
color:				#999;
margin-right:		2px;
}

#navi li a:hover, #navi .current_page_item a{
background:			url(images/navigation_hover.jpg);
color:				#000;
}

/* Subnavigation */
#subnavigation {
width:				600px;
height:				16px;
margin:				4px 0 4px 0;
}

#subnavigation li a{
width:				90px;
height:				20px;
line-height:		20px;
background:			#c1bebb;
color:				#333;
margin:				0 5px;
font-size:			12px!important;
}

.page-item-646 a {width:170px!important;}

#subnavigation li a:hover, #subnavigation .current_page_item a {
background:			#333;
color:				#fff
}

/* Metanavigation */
#meta-navigation {
padding:			0;
margin:				0;
color:				#6a655f;
font-weight:		normal!important;
}

#meta-navigation li {
margin:				0 4px;
}

#meta-navigation li a {
color:				#474440;
text-decoration:	none;
}

#meta-navigation li a:hover {
color:				#000;}

/* ###### SIDEBAR ###### */
#sidebar, #zitate, .box, #gewinnspiel {
width:				260px;
}

#sidebar {
margin:				4px 5px 0 0;
}

#sidebar .box p {
margin:				15px 20px;
line-height:		1.5;
text-align:			justify;
font-size:	 		12px;
}

#sidebar div {position:relative; color:#666}

#login-headline, #sidebar h4 {
height:				35px;
line-height:		35px;
background:			url(images/sidebar_headline.jpg);
color:				#000;
font-size:			11px;
padding-left:		10px!important;
}

#ovicheckbutton {
width:				96px;
height:				26px;
background:			url(images/ovicheck.jpg);
border:				none;
font-size:			10px;
font-family:		Verdana, Geneva, sans-serif;
font-weight:		bold;
cursor:				pointer;
}

#login-headline {
background:			url(images/login_headline.jpg)!important;
line-height:		38px!important;
}

#login, #gewinnspiel {
border-top:			1px solid #feeb46;
}

#login {
background:			url(images/login_background.jpg);
height:				97px;
padding:			10px;
}

#login input {
background:			url(images/login_input.jpg);
width:				213px;
height:				18px;
padding:			6px;
display:			block;
margin:				2px auto;
border:				none;
color:				#fff;
}

#sidebar .button, .contentbutton, #absenden, #absenden input {
text-align:			center;
font-size:			10px;
font-family:		Verdana, Arial, Helvetica, sans-serif;
color:				#000 !important;
display:			block;
text-decoration:	none;
padding:			0!important;
cursor:				pointer;
}

#sidebar .button {
background:			url(images/sidebar_button.jpg) top left !important;
width:				150px !important;
height:				25px !important;
line-height:		25px;
right:				18px;
bottom:				10px;
}

.contentbutton, #absenden, #absenden input {
background:			url(images/content_button.jpg) top left !important;
width:				144px!important;
height:				24px!important;
line-height:		24px;
border:				none;
}

a:hover.contentbutton {text-decoration:none!important;}

#zitate, .box {
border-top:			1px solid #fff;
}

#zitate {
background:			url(images/sidebar_zitate_background.jpg) top center no-repeat #fff;
padding:			10px;
width:				240px;
height:				190px;
margin-top:4px;
}

#zitate h4 {
background:			none;
margin:				-10px 0 -5px 0px!important;
padding:			0!important;
color:				#d7d7d7;
font-size:			21px;
}

#zitate div {
background:			url(images/sidebar_zitate_background2.jpg) top left no-repeat #f5f5f5;
height:				160px;
margin:				0 0 0 0;
}

#zitate h5 {
font-size:			17px;
margin:				5px 0 5px 5px;
padding:			0;
}

#zitate span {
text-align:			right;
width:				220px;
display:			block;
font-size:			11px;
}

#zitate p {
text-align:			justify;
padding:			5px
}

.box {background:url(images/sidebar_box_background.jpg) repeat-x #fff; font-size:12px}

.box a {text-decoration:none!important; font-weight:bold; color:#000}
.box a:hover {text-decoration:underline!important;}

#gewinnspiel {
height:				117px;
background:			url(images/sidebar_gewinnspiel.jpg);
}

#sidebar ul {
padding:			0;
margin:				10px;
list-style:			none;
}

#sidebar ul li {
width:				220px;
background:			#ececec;
padding:			5px 10px;
margin:				3px 0;
}

#content {
background:			url(images/content_background.jpg) repeat-x #fff;
width:				625px;
margin:				5px 0 0 5px;
padding:			20px;
border-top:			1px solid #fff;
color:				#333;
line-height:		1.5;
position:			relative
}

#content table {font-weight:bold;}
#content table td {padding:5px 5px; background:#ededed}
#content table th {text-align:left;}
#content table h2 {margin:10px 0 0 0!important; padding:5px 10px; background:url(images/sidebar_box_background.jpg) repeat-x #fff; border-bottom:2px solid #c5c3bf; }
#content table td input {width:340px}
#content table td table td input {width:15px}
#content table td table td {padding:5px 0px; background:#ededed}
#agb input {width:20px!important; float:left;}
#agb label {float:right; width:580px}

#content .right {float: right; width:360px;}
#content .right h2 {margin:5px 0 0 0;}

#content p, #content ul li {text-align:justify}

#content a, #zitate a {
text-decoration:	none;
color:				#e36500;
}

#content a img {border:2px solid #333;}

#content a:hover, #zitate a:hover {
text-decoration:	underline;
}

.wichtig {font-size: 13px; margin:10px 0;}
.liste {list-style:outside; font-style:italic;}
.liste li {margin: 5px 0; font-size: 13px;}
.highlight {font-size:13px; font-weight:bold; text-align:center!important; margin:15px 0!important;}

.kontakt {font-weight:bold; font-size:14px; width:585px; padding:0 0 0 80px; margin:20px 0 0 0; height:66px; background:url(images/kontakt.jpg) top left no-repeat;}
.kontakt em {font-size:12px;}

#content p {margin:10px 0;}

#content ol {padding:0 0 0 40px;}

#content h1 {
font-size:			22px;
margin:				10px 0 5px 0;
padding:			0;
}

#content h2 {
font-size:			18px;
margin:				15px 0 0 0;
padding:			0;
color:				#666;
}

#content h3 {
font-size:			14px;
margin:				15px 0 0 0;
padding:			0;
color:				#666;
}

.vorteile h3 {
font-size:			14px!important;
color:				#333!important;
}

#content h4 {
font-size:			14px;
margin:				10px 0 0px 0;
padding:			0;
color:				#666;
}

.box_rechts  {
display:			block;
width:				230px;
margin:				0 30px 20px 0px;
font-weight:		bold;
}

#keyfacts {
font-size:			12px;
font-weight:		bold;
background:			url(images/keyfacts_background.jpg) no-repeat top center!important;
}

#keyfacts li {background:none!important; color:#000!important;}

.box_rechts ul, .box_rechts div {
padding:			10px 15px;
margin:				0px;
background:			url(images/infoboxrechts.jpg);
list-style:			outside;
color:				#666;
height:				250px;
}

.box_rechts li {
margin:				2px 0 0 10px;
text-align:			left!important;
}

#footer {
width:				645px;
margin:				5px 10px;
}

#footer span {
display:			block;
color:				#6a655f
}

#footer span a {
text-decoration:	none;
color:				#6a655f;
}

#footer span a:hover {
color:				#504d4a;
}

#slider {
background:			url(/wp-content/themes/xovi/images/slider_background.jpg) top center no-repeat;
width:				631px;
height:				260px;
}

.slidepicture {
right:				3px;
top:				3px;
}

#wrapper {
width:				300px;
margin:				15px;
height:				175px;
overflow:			hidden;
}

#imgoverlay {
width:				300px;
height:				175px;
background:			url(images/overlay.png) left top no-repeat;
top:				0;
left:				0;
z-index:			1000;
}

.slide {
width:				300px;
height:				175px;
font-size:			12px;
font-weight:		bold;
background:			url(images/slide_background.jpg);
}

.slide ul {
width:				300px;
margin:				0;
padding:			0;
list-style:			none;
}

.slide ul li {
margin-top:			20px;
}

#funktionen-navi {
list-style:			none;
margin:				0;
padding:			0;
width:				387px;
bottom:				30px;
left:				0px;
background:			#fff
}

#funktionen-navi li {
margin:				0 0 0 5px;
}

#funktionen-navi li a{
width:				124px;
height:				24px;
line-height:		24px;
display:			block;
text-align:			center;
text-decoration:	none;
text-transform:		uppercase;
font-weight:		bold;
color:				#8c857e;
background:			url(images/content_button_grau.jpg) center no-repeat;
}

#funktionen-navi li a:hover, #funktionen-navi a.active {
background:			url(images/content_button_small.jpg) center no-repeat;
color:				#333;
text-decoration:	none;
}

/* ####### Popup Styles ####### */

.preis {
text-align:right;
font-weight:bold;
font-size:14px;
}

.gratis em {
color: #F00;
}

.small {
font-size:10px;
}

#popup{
display:none;
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:240px;  
width:490px;
background:url(images/sidebar_box_background.jpg) repeat-x #fff;
border:2px solid #cecece;  
z-index:900000;  
padding:20px;    
}  

#popup h2 {
margin: 0 10px;
}

#popup-background {   
display:none;
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;
width:100%;  
top:0;  
left:0;  
background:#000;    
z-index:800000;  
} 

#popup-close{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#000;  
font-weight:700;  
display:block;
cursor:pointer;
}

#popup .contentbutton {
position:absolute;
right: 10px;
bottom: 10px;
}

#popup table tr td{
padding: 2px 5px;
}

#demo {
position:relative;
}

.demo_button  {
position:absolute;
display:block;
width:185px;
height:45px;
line-height: 35px;
color:#000!important;
font-weight:bold;
padding:0 10px;
text-decoration:none!important;
background:url(images/screenshots/demobereich_button.png);
bottom:75px;
right:80px;
}

/* BLOG STYLES */
.post h2, .post h2 a, .post h1, .post h1 a {
	color:	#333!important;
	font-size:18px;
	font-weight:bold;
}

.post h2 a:hover, .post h1 a:hover {
	text-decoration:none;
}

.post-headline {
	background:url(images/linie.gif) repeat-x bottom left;
	padding:0 0 10px 0;
	position:relative;
	margin:20px 0 0 0;
}

.post-headline h2 {
	margin:0!important;
}

.post-headline span {
	position:absolute;
	right:0;
	text-align:right;
	bottom:10px;
	font-size:11px;
	color:#666;
}

.post-content {
	margin:30px 20px;
}

.post-comments {
	background:url(images/comments.jpg) no-repeat top center;
	height:30px;
	line-height:30px;
	padding:0 10px;
}

.button-comments, .button-mehr {
	width:110px;
	height:22px;
	background:url(images/comments-button.jpg) no-repeat left top;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	display:block;
	line-height:22px;
	text-align:center;
	font-weight:bold;
	margin:4px;
}

.button-comments a, .button-mehr a {
	color:#000!important;
}

.button-comments a:hover, .button-mehr a:hover {
	color:#e36500!important;
	text-decoration:none!important;
}

.button-comments {
	float:left;
}

.button-mehr {
	float:right;
}