/*  --- Typo und Schrift ---  */

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

.clearfix {display: inline-block;}



* {
	margin: 0;
	padding: 0;
}
.printonly {
	display:none;
}
body,p,li,td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color:#1C579E;
	/*cursor:url(/images/layout/vitatherm2.ico), auto;*/
}

body a {
	
	/*cursor:url(/images/layout/vitatherm2_hover.ico), auto;*/
	
}
	

p,ul,ol {
	margin-bottom:16px;
	line-height:125%;
}
ul {
	list-style-type:disc;
}
ul li {
	margin-left:26px;
	padding-left:3px;
}

ul li ul {
margin-bottom: 0;
}

ol li {
	margin-left:30px;
	padding-left:0px;
	/*font-weight:bold;*/
}
ul.butterlfy {
	list-style-type:none;
}
ul.butterlfy li {
	margin-left:3px;
	padding-left:26px;
	background-image:url(/images/layout/butterfly.gif);
	background-repeat:no-repeat;
	background-position:8px 3px;
}

ol li p {
	font-weight:normal;
}

h1 {
	font-size:15px;
	color:#fb7c20;
	margin-bottom:15px;
}
h2 {
	font-size:14px;
	color:#fb7c20;
	margin-bottom:3px;
}
h3 {
	font-size:12px;
	color:#fb7c20;
}

a {
	color:#fb7c20;
	text-decoration:none;
}	
a:hover {
	text-decoration:underline;
}

a img {
    border:0;
}

/*  --- Contentelemente ---  */

.vita { 
	color:#FC842F; 
}
.therm { 
	color:#A51115; 
}
.blue {
	color:#1C579E;
}
.small {
	font-size: 10px;
}
.download {
	background-image:url(../images/layout/link.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding-left:15px;
       display:block;
}
.screensaver {
	background-image:url(../images/layout/screen.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding-left:22px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {    
	display:inline-block;
}
.clearfix {
	display:block;
}
#content .address td {
	padding-bottom:16px;
	/*vertical-align:top;*/
}
.bundesland {
	clear:left;
}
.bundesland.klapp,
#contact .klapp {
    cursor:pointer;
	background-image:url(/images/layout/klappliste.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:13px;
}
.bundesland.klapp.auf,
#contact .klapp.auf{
	background-position:0 -17px;
}
.klappzu {
	display:none;
}
#content table td {
	padding-right:8px;
	padding-bottom:2px;
}



/*  --- Seitenlayout ---  */

body {
	background-color:#e3f4ff;
	background-image:url(../images/layout/background.jpg);
	background-repeat:repeat-x;
}
div#shadow {
	border-top:1px solid #c4dae8;
	background-image:url(/images/layout/shadow.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:700px;
}
/* Spezial Hack, um die 1px Verschiebung von Hintergrund zu Vordergrund bei FF3 zu beheben */
html>/**/body { position:relative; left:-0.1px; }

div.centerbox {
	position:relative;
	width:968px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:39px;
	padding-bottom:39px;
}
* html div#noxscroll {
	overflow-x:hidden;
}
* html div#shadow {
	border-top:none;
	position:relative;
	margin-left:-523px;
	left:50%;
	width:1046px;
	height:678px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/shadow.png",sizingMethod="scale");
	background-image:none;
}

/*  --- Seitenelemente ---  */

div#content {
	position:absolute;
	top:265px;
	left:237px;
	width:420px;
	padding-right:10px;
	height:300px;
	z-index:4;
	overflow:auto;
	overflow-x:hidden;
}
div#subnavi {
	position:absolute;
	top:260px;
	left:20px;
	width:170px;
	height:180px;
	z-index:8;
}
div#header {
	position:absolute;
	top:150px;
	height:100px;
	left:225px;
	width:460px;
	z-index:3;
}

div#spot_button {
	position:absolute;
	bottom:20px;
	height:254px;
	left:10px;
	width: 207px;
	z-index:1;
	background-position:bottom;
	background-repeat:no-repeat;
	/*background-image:url(../images/layout/tv.png);*/
}



div#header h1 {
	position:absolute;
	width:460px;
	bottom:0px;
}
div#close {
	position:absolute;
	top:145px;
	left:693px;
	z-index:3;
}
div#homelink {
	position:absolute;
	left:22px;
	top:62px;
	width: 181px;
	height: 76px;
	z-index:3;
	
}

div#homelink img {
	border:none;
}

div#developed {
	position:absolute;
	left:838px;
	top:500px;
	z-index:2;
	background-image:url(../images/layout/omv.png);
	background-repeat:no-repeat;
	width: 130px;
	height: 70px;
}


div#topnavi {
	position:absolute;
	top:0px;
	width:968px;
	height:28px;
	background-color:#0285db;
	z-index:9;
	background-image:url(../images/layout/nav_leiste.jpg);
	padding: 17px 0 0 0;
	
}


div#navi_shadow {
	position:absolute;
	top:45px;
	width:968px;
	height:5px;
	z-index:9;
	background-image:url(../images/layout/navi_shadow.png);

}


div#fixanimation {
	position:absolute;
	top:30px;
	width:968px;
	height:245px;
	z-index:1;
	display:none;
}
div#fixanimation .left {
	position:absolute;
	top:0px;
	left:0px;
}
div#hansi {
	position:absolute;
	bottom: 39px;
	right: 20px;
	height: 390px;
	width: 257px;
	background:url(../images/layout/hansi/hansi_vita.png);
	background-repeat:no-repeat;
	
}
div#fixanimation .right {
	position:absolute;
	top:0px;
	right:0px;
}
div#flashunder {
	position:absolute;
	top:30px;
	width:968px;
	height:570px;
	background-color: none;
	background-image:url(../images/layout/bg.jpg);
	z-index:0;
}
body#start div#flashunder {
	background-image:url(../images/layout/startseite.jpg);
}

div#infobox {
	position:absolute;
	left:750px;
	top:145px;
	z-index:4;
	display:none;
}
div#infobox div {
	background-color:#0285db;
	padding:0px 12px 2px 12px;
	width:140px;
}
div#infobox div.top {
	background-color:transparent;
	padding:0;
	background-image:url(../images/layout/box-top.png);
	width:164px;
	height:10px;
	background-repeat:none;
}
* html div#infobox div.top {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/box-top.png",sizingMethod="scale");
	background-image:none;
}
div#infobox div.bottom {
	background-color:transparent;
	padding:0;
	background-image:url(../images/layout/box-bottom.png);
	width:164px;
	height:10px;
	background-repeat:none;
}
* html div#infobox div.bottom {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/layout/box-bottom.png",sizingMethod="scale");
	background-image:none;
}
div#infobox p {
	color:white;
}
div#infobox h2,
div#infobox a {
	color:#ffe657;
}

/*  --- Navigation ---  */

#topnavi ul, 
#topnavi ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#topnavi ul li {
	float:left;
}
#topnavi ul li a {
	color:white;
	line-height:12px;
	display:block;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	
	
}
#topnavi ul li a:hover {
	text-decoration:none;
	color: #FB7C20;
}
#topnavi ul li.active a {
	color:#0076bd;
	/*background-color:#cce7f8;*/
}
#topnavi ul li.active a:hover {
	color:#0161a0;
}	
#topnavi ul#left {
	position:absolute;
	left:225px;
}
#topnavi ul#right {
	position:absolute;
	right:25px;
}

#subnavi ul, 
#subnavi ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#subnavi ul li {
	display:inline;
}
#subnavi ul li a {
	color:#0076bd;
	line-height:22px;
	display:block;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	/*border-bottom:1px solid #0076bd;*/
}

.sub_border a {
	border-bottom:1px solid #0076bd;
}

.sub_border.active a {
	color:#fb7c20;
}

	
#subnavi ul li a:hover {
	color:#1c84d8;
	text-decoration:none;
}
#subnavi ul li.active a {
	color:#fb7c20;
}
#subnavi ul li.active a:hover {
	color:#fc8f45;
}	

.borderless a {
	border-right:0; !important
	
}

.border {
	border-right: solid 1px white;
}


/*  --- Dramweaver ---  */

body.editor {
	background-color:white;
	background-image:none;
}
body#start.editor {
	background-image:url(../images/layout/startseite.jpg);
	background-repeat:no-repeat;
}
body.editor div#header ,
body.editor div#content {
	position:relative;
	top:0px;
	margin-bottom:8px;
	left:50px;
	height:auto;
	overflow:visible;
}
body.editor div#header h1 {
	position:static;
	margin-top:20px;
}

form.contact input.field,
form.contact textarea,
.dealersearch input#search{
    display:block;
    margin: 5px 0 0 0;
    color: #bcbcbc;
    font-size: 11px;
    padding: 5px 15px;
    border:0;
    border-right: 2px solid #e4e4e4;
    background-image: url("../images/layout/form/input_bg.png");
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}

form.contact input.placeholder,
form.contact textarea.placeholder,
.dealersearch input#search.placeholder {
    
}

.dealersearch input#search {
    display:inline;
    text-align: center;
}

form.contact textarea,
form.contact input.button{
    margin-top: 15px;
}

a.hiddenform {
    color:#1C579E;
    text-decoration: none;
    display:block;
    margin-bottom:20px;
}

form.contact {
    width: 140px;
}
.form_left {
    float:left;
}
.form_right {
    float:right;
     margin-right: 55px;
}
.contact_buttons {
    margin: 10px 0 0 0;
}
form.contact .declaration {
    padding: 10px 0 0 0;
    font-size: 10px;

}
form#search-form input.filledout,
form.contact input.filledout,
form.contact textarea.filledout {
    color: #000;
}

.error_message,
.error_message p{
    color: #FB7C20 !important;
}

input.input_error {
    color:#FB7C20 !important;
}

.iscrollpane {
    overflow: scroll;
}

/*Android Special */
.android {
    position:absolute;
    width: 100%;
    height:300px;
    overflow: hidden;
    top: 265px;
    z-index: 5;
}