@charset "utf-8";

/* Author: Dennis Schmerbeck */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Dennis Schmerbeck & Euroweb Internet GmbH */


/*==================================================
    => global tags
==================================================*/

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html { background:#660200 url(../images/bg-html.jpg) center top repeat-y;}

body {
	color:#fff;
	vertical-align:baseline;
	text-align:center;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) center top no-repeat;
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}

ol,
ul,
dl {
	list-style:none;
}

a,
.escape span {
	text-decoration:none;
	color:#DA7618; /*white-space:nowrap;*/
}

a:hover,
a:hover span {
	color:#DA7618;
	text-decoration:underline;
}

a {
	outline:none; /* disable dotted active-link borders */
}

p {
	margin:0 0 15px 0;
}

strong { font-weight:bold;}

img,
img a {
	border:none;
}

/*==================================================
    => global classes / ID's
==================================================*/
.hr {
	height:20px;
	background:url(../images/p-hr.jpg) repeat-x top;
	margin:20px 0 0 0;
}

.clear {
	clear:left;
	float:none;
	height:0;
	line-height:0.0em
}

.highlight {
	font-weight:bold;
	background:#fafafa url(../images/icon-get-more.png) no-repeat 3px center;
	border-bottom:solid 1px #e5e4e1;
	color:#000;
	border-top:solid 1px #e5e4e1;
	padding:0 0 0 20px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.externerLink {
	background:url(../images/icon-external-link.gif) no-repeat right center;
	padding:0px 20px 0px 0px;
}

.error404 li {
	background:url(../images/icon-get-more.png) 5px 8px no-repeat;
	padding-left:20px;
	line-height:28px;
}

#buttonImprint {
	display:none;
}

/*==================================================
    => container
==================================================*/

div#container {
	width:900px;
	position:relative;
	margin:0 auto;
	text-align:left;
	padding-bottom:30px;
}

/*==================================================
    => header  
==================================================*/

div#header {
	width:862px;
	height:304px;
	position:relative;
}

/*------------------ =branding  ------------------*/

h1#branding {
	text-indent:-9999px;
	background:url(../images/h1-logo.jpg) no-repeat;
	position:absolute;
	display:block;
	height:74px;
	width:287px;
	top:168px;
	z-index:99;
	left:200px;
}

h1#branding  a {
	display:block;
	height:74px;
	width:287px;
}

/*------------------ =claim  ---------------------*/

h3#claim {
	background:url(../images/h3-claim.jpg) no-repeat;
	display:block;
	height:67px;
	width:328px;
	position:absolute;
	left:555px;
	top:175px;
	text-indent:-9999px;
}

/*==================================================
    => content-container  
==================================================*/

div#contentContainer {
}

div#contentContainer h2 {
	color:#fff;
	font:bold 13px/17px "Verdana", Arial, Helvetica, sans-serif;
	background:url(../images/bg-headline.jpg) center center no-repeat;
	padding:10px 0 0 15px;
	height:28px;
}

div#contentContainer h3 {
	color:#72918b;
	font:bold 16px/24px "Verdana", Arial, Helvetica, sans-serif;
}

div#contentContainer h4 {
	color:#72918b;
	font:bold 14px/22px "Verdana", Arial, Helvetica, sans-serif;
}

/*------------------ =content-main  ---------------*/

div#contentMain {
width:652px;
float:right;
background:#5B0000;
padding:0 10px 20px;
}

/*------------------ =content-column  -------------*/

div.columnFull {
	padding:0 10px;
	width:647px;
}

div.column {
	padding:0 10px;
	float:left;
	width:306px;
}

/*------------------ =content-sidebar  -------------*/

div#contentSidebar {
	background:url(../images/bg-sidebar.jpg) no-repeat;
	height:315px;
	width:180px;
	margin-top:89px;
	float:left;
	padding-left:10px;
}

/*==================================================
    => image  
==================================================*/

.image {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 0px 7px 10px 0;
	outline: none;
}


.image-2 {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/icon-progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*==================================================
    => imprint  
==================================================*/

dl.imprintBusiness,
dl.imprintAddress {
}

dl.imprintBusiness dt,
dl.imprintAddress dt {
	display:block;
	width:42%;
	float:left;
}

dl.imprintBusiness dd,
dl.imprintAddress dd {
	clear:right;
}

/*==================================================
    => navi    
==================================================*/

ul#navi {
left:170px;
position:absolute;
top:256px;
z-index:98;
}

ul#navi li {
	float:left;
	background:url(../images/navi-li-pfeil.jpg) center left no-repeat;
	padding-left:10px;
	padding-right:40px;
}

ul#navi li a {
 color:#fff;
 text-decoration:none;

}

ul#navi li a:hover {
	color:#000;
}

/*------------------ =navi-add  -----*/

ul#naviAdd {
	width:170px;
}

ul#naviAdd li {
	background:url(../images/ul-naviadd-li.jpg) center left no-repeat;
	padding-left:15px;
	border-bottom:1px dashed #de7a18;
	line-height:25px;
}

ul#naviAdd li a {
	color:#fff;
	text-decoration:none;
}

ul#naviAdd li a:hover {
	color:#000;
}

/*------------------ =navi-lang  --------*/

ul#naviLang {
}

/*==================================================
    => footer   
==================================================*/


/*------------------ =footer-container  --------*/

div#footerContainer {
	background:url(../images/bg-footer.jpg) repeat-x;
	text-align:left;
}

/*------------------ =footer  --------*/

div#footer {
	margin:0 auto;
	width:862px;
	height:50px;
}

div#footer a,
div#footer .escape span {
	text-decoration:none;
	color:#fff; /*white-space:nowrap;*/
}

a:hover,
a:hover span {
	color:#000;
	text-decoration:none;
}


ul.kontaktdaten { padding-top:10px;}

ul.kontaktdaten li { float:left; padding-right:7px}

/*==================================================
    => standarts   
==================================================*/

/*------------------ =list  --------*/
ul.list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style:disc;
}

ul.list li {
	padding: 5px 0 5px 25px;
	margin: 0 10px 0 0;
	line-height: 18px;
	list-style:disc;
	list-style-position:inside;
	_height: 20px;
}

ul.list li:hover {
}

div#uhr { background:url(../images/bg-uhr.png) no-repeat; height:239px; width:316px; position:absolute; top:155px; z-index:1; left:0; behavior: url("iepngfix.htc")}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */