/*
 * Allgemeine Vorgaben
 */

:link,:visited { text-decoration:none; }
h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }



div, p, li, a {background-repeat:no-repeat; }

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p	{
	margin-bottom: 0em;
}

ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }
img {border:none;}

h1 {
	font-size:15px;
	font-weight:bold;
}
h2 {
	font-size:13px;
	font-weight:bold;
}
h3 {
	font-size:11px;
	font-weight:bold;
}
h4,h5,h6 {
	font-size:11px;
	font-weight:bold;
}
/*
 * Struktur
 */
body {
	margin: 0px auto;
	text-align:center;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}
#wrap {
	margin: 5px auto;
	text-align:left;
	width:980px;
	color:#015198;
}
#header {
	height:100px;
	background-image: url(header-kassen.jpg);
	background-repeat: no-repeat;
	background-position:right;
}
#logo {
	width:200px;
	height:100px;
	float:left;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
}
.piktogramm {
	width:90px;
	height:80px;
	float:left;
	margin: 10px 25px 0px 30px;
}
#banner-top {
	width:580px;
	float:left;
}
#top_right_nav {
	float:left;
	width:185px;
	margin-top:5px;
	text-align:right;
}
#left {
	width:195px;
	float:left;
	margin:5px 5px 5px 0px;
}

#main {
	width:575px;
	float:left;
	margin-right:5px;
}
#right {
	width:195px;
	float:left;
	margin:5px 0px 5px 5px;
	padding:0px;
}
.box {
	background-image:url(box-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#E9E9E9;
	margin-bottom:5px;
}
.box2 {
	background-image:url(box-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#fot {
	margin-top:1em;
	text-align:center;
	color:#666666;
	height:25px;
	background-image:url(content-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#footer {
	margin:20px 7px 0 6px;
	clear:both;
	text-align:center;
	border:1px solid #F4F4F4;
}
#footer2 {
	padding:20px;
	background-image:url(footer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#clearleft {
	clear:left;
}
#clearright {
	clear:right;
}
/*
 * Design der Webseite
 */
.pdm {
	margin-left:5px;
	background-color: #E9E9E9;
	
}
#content{
	padding-bottom:5px;
	margin-top:5px;
	background-image:url(content-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
}
#content .tinymcewysiwyg ul{
	padding: 0 0 0 30px;
}
#content p	{
	margin-bottom: 0em;
	line-height:1.7em;
}
a {
	color:#015198;
}
.pikto_nav_box {
	height:138px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
}
.box_icon {
	padding: 1px 5px 1px 0px;
	vertical-align:middle;
}
.box_icon h2 {
	margin-left:5px;
}
.box p {
	font-size:10px;
}

#content h1, #content h2, #content h3, #content p , #content .txt-img li{
	padding:4px 0px;
}

table.box_icon {
	border-bottom: 1px dashed #FFFFFF;
}
.fett{
	font-weight:bold;
}
.vier_bilder,.txt-img,.headline,.tinymcewysiwyg {
	padding:0px 10px;
}
.txt-img ul	{padding: 0 5px 0 30px;}
.txt-img div	{ display:inline;}

.floatLeft { float:left; }
.floatRight { float:right; }
.floatLeft img{ margin:5px 20px 5px 0px; }
.floatRight img{ margin:5px 0px 5px 10px; }
.center {
	text-align:center;
}

.nav2nd li{
	margin: 0px;
	padding:10px 0px 10px 25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	list-style:none;
}
.nav3rd li{
	margin: 0px;
	padding:5px 0px 5px 42px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
.nav4th li{
	margin: 0px;
	padding:5px 0px 5px 55px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}

/**** Überschriften ****/
.headline {
	margin: 5px 10px;
	padding: 5px 0px;
	border-bottom: 1px dashed #FFFFFF;
}


#box_oben_rechts .box2 {
	height:135px;
}
/**** Vier Bilder ****/
.vier_bilder {
	padding:0px 0px 10px 0px;
	background-color: #FFFFFF;
}

/**** Newsblog ****/
.teaser {
	margin-top:10px;
}
/**** Ansprechpartner / Kontaktmodul ****/ 
.ansprechpartner{
	width:550px;
} 
.ansprechpartner .name{
	margin: 5px 0 0 10px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

} 
.ansprechpartner .label{
	width:120px;
	float:left;
	margin: 15px 0 0 10px;

} 
.ansprechpartner .value{
	width:200px;
	float:left;
	margin: 15px 0 0 10px;
} 
.floatRight{
	float:right;
	display:inline;
}

.clearRight{
	clear:right;
}
.clearleft{
	clear:left;
}
.clearboth{
	clear:both;
}
.reparaturbutton{
	margin:15px 10px;
	background-color:#015198;
	color:#FFFFFF;
}
.link-button{
	margin:10px 0px;
	display:inline-block;
	font-size:13px;
	padding:1px 10px;
	background-color:#015198;
	color:#FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #EEE;	
}
/* Kontaktformular */
fieldset{
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	
	margin:18px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}
legend{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
}
label{
	display:block;
	text-align:right;
	margin:8px 10px 0px 0px;
}
input{
	margin:5px 0px 0px 0px;
	margin-bottom: 1em;
	vertical-align: top;
	border: 1px solid #999999;
}
/**** Formgen Box allgemein ****/
.formblock label {
	width:80px;
	clear:left;
	float:left;
	margin-bottom:1px;
}
.formblock .formtext {
	width:80px;
	float:left;
	margin-bottom:1px;
	border:1px solid #015198;
}
.formblock .formtextfield {
	margin-bottom:10px;
	margin-top:5px;
	border:1px solid #015198;
}
.formblock .formsubmit {
	width:82px;
	margin-left:90px;
	background-color:#015198;
	color:#FFFFFF;
}
.formblock {
	clear:left;
}
.formtrenn {
	padding:5px 0px;
}
/**** Formgen Box Rechte Seite ****/
#right .formgen2 {
	padding:5px 0px 0px 0px;
}
#right .formgen {
	background-color: #F4F4F4;
	margin:7px 0px;
}
.formgen h2 {
	margin:3px 0px 3px 10px;
}
#right .formblock {
	padding:0px 5px 0px 10px;
}
.formularlink {
	margin: 0px 10px;
	text-align:center;
	padding-bottom:5px;
}

/**** Formgen Box linke Seite ****/
#left .formblock label {
	width:60px;
}
#left .formblock .formtext {
	width:100px;
}
#left .formblock .formsubmit {
	width:102px;
	margin-left:70px;
}
/**** Formgen Box Hauptspalte ****/
#content .formblock label {
	width:120px;
}
#content .formblock .formtext {
	width:160px;
}
#content .formblock .formsubmit {
	width:162px;
	margin-left:130px;
}

/* 
---------START BILDMODUL -----------------------
Definition der Klassen ohne Rahmen 
CCS für REDAXO Bild-Modul
Erstellt von: Thomas Skerbis 
Stand: 23.05.2008 
*/

.pleft {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
	border: none;
}
.pright {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: none;
}
.pnormal {
	clear: both;
	border: none;
}
.pleft_b {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
	border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
	border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}
.titelbild{
	position:relative;
	top: -105px;
}