/* css created and developed by 12bis3.de - zeitgemäß kommunizieren */

/* --------------------
generelle einstellungen 
-------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background: url(/fileadmin/templates/images/bg-main.png) repeat-x #fff;
	font-size: 70%;
	min-height: 101%;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
}

img {
	border: none;
}

a:link, a:visited, a:active {
	color: #303f90;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:focus {
	color: #303f90;
	text-decoration: underline;
	font-weight: bold;
}

p {
	margin-bottom: 1em;
}

ul {
	margin: 0 0 0.7em 2em;
	list-style-type: disc;
}

ol {
	margin: 0 0 0.7em 2em;
}

ul li {
	margin-bottom: 0.3em;
}



/* -----------------
 layout definitionen 
----------------- */

#container {
	width: 800px;
	background: url(/fileadmin/templates/images/bg-container-practive.gif) repeat-y #f2f6f9;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: url(/fileadmin/templates/images/bg-header-practive.jpg) no-repeat #f6cd5d 173px 26px;
	height: 155px;
	border-bottom: 3px solid #fef8e8;
}

#navigation {
	width: 175px;
	float: left;
	background: url(/fileadmin/templates/images/bg-navi-top-practive.gif) no-repeat;
	padding-top: 11px;
}

#content {
	width: 589px;
	float: left;
	padding: 10px 11px 0 25px;
}

#footer {
	clear: left;
	background: url(/fileadmin/templates/images/bg-footer-practive.jpg) no-repeat bottom;
	padding: 20px 0 23px 0; 
}

/* ------------------
formular definitionen
------------------ */

/* formular definitionen */

form {
	margin-bottom: 1em;
}

fieldset {
	width: 500px;
	padding: 10px;
	border: 1px dotted #f6cd5d;
}
input, textarea, select {
	width: 270px;
	padding: 1px;
	border: 1px dotted #f6cd5d;
	background-color: #fae2a2;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	font-size: 100%;
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
	background-color: #fff;
	border: 1px dotted #f2b000;
}
* html input, * html textarea, * html select, * html fieldset {border: 1px solid #7da7d9}
textarea {
	height: 100px;
}
option {
	padding-left: 3px;
}
label {
	width: 170px;
	float: left;
	display: block;
	font-weight: bold;
}
input.submit-btn {
	background-color: #f6cd5d;
	color: #fff;
	font-weight: bold;
}
input.submit-btn:hover, input.submit-btn:focus {
	background-color: #fae2a2;
}

form p {
	margin-bottom: 0.8em;
}
legend {
	color: #f2b000;
	font-weight: bold;
	font-size: 100%;
}
p.check-radio {
	clear: left;
}
p.check-radio input {
	width: 25px;
	float: left;
	border: none;
	background: none;
}
p.check-radio label {
	width: 250px;
	padding-bottom: 0.2em;
}
p.submit-it input {
	border: 1px solid #1f53b6;
}

p.error {
	color: #990000;
	margin-bottom: 0.2em;
}


/* ----------------
header definitionen
---------------- */

#header p.meta {
	background: url(/fileadmin/templates/images/bg-meta-practive.gif) no-repeat #303f90;
	text-align: right;
	border-bottom: 1px solid #fef8e8;
	margin: 0;
	height: 18px;
	padding: 7px 10px 0 0;
	font-size: 85%;
	letter-spacing: 1px;
}
#header p.meta a {
	color: #fff;
	padding: 0 10px;
	background: url(/fileadmin/templates/images/line-meta.gif) repeat-y right;
}

#header img {
	float: left;
}

#header div {
	width: 610px;
	text-align: right;
	float: left;
	padding: 7px 12px 0 0;
}

#header ul {
	clear: left;
	list-style-type: none;
	background: url(/fileadmin/templates/images/bg-topnavi-practive.gif) repeat-x #f3cf6f;
	border-bottom: 4px solid #f8d67b;
	padding: 5px 0 0 13px;
	height: 19px;
	margin: 0;
}
#header ul li {
	float: left;
	padding-right: 9px;
}
#header ul li a {
	background: #f0b005;
	border-top: 1px solid #1c224c;
	border-left: 1px solid #1c224c;
	border-right: 1px solid #cdccd3;
	border-bottom: 1px solid #cdccd3;
	color: #fff;
	display: block;
	height: 12px;
	width: 113px;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
	font-family: verdana;
	letter-spacing: -1px;
	padding-top: 1px;
	font-weight: normal;
}
#header ul li a:hover, #header ul li a:focus, #header ul li.aktiv a {
	background: #303f90;
}
#header ul li#lines {
	background: url(/fileadmin/templates/images/lines-topnavi.gif) no-repeat right;
	width: 21px;
}

#header form {
	float: right;
}
#header input, #header select {
	border: 1px solid #a5acb2;
	background: #fff;
	height: 17px;
	color: #000;
}
#header form#suche input {
	width: 78px;
	height: 14px;
}
#header form#auswahl select {
	width: 186px;
}
#header form#auswahl {
	padding-left: 30px;
}
#header form#language select {
	width: 68px;
}
#header form#language { 
	padding-left: 12px;
}

#header label {
	display: inline;
	height: 20px;
	width: auto;
}
#header form#suche label {
	text-transform: uppercase;
	color: #000;
	font-size: 85%;
	padding: 5px 5px 0 0;
	height: 12px;
}
#header form#language label {
	background: url(/fileadmin/templates/images/flags.gif) no-repeat center;
	width: 55px;
}
#header form#suche input#sbmt {
	width: 18px;
	background: #7da7d9;
	border-top: 1px solid #3d3d3d;
	border-left: 1px solid #3d3d3d;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	color: #fff;
	font-size: 85%;
	height: 16px;
	margin-left: 3px;
}

#header p.breadcrump {
	padding: 2px 0 0 13px;
	color: #000;
	margin: 0;
}
#header p.breadcrump a {
	color: #000;
	font-weight: normal;
}


/* --------------------
navigation definitionen
-------------------- */

#navigation ul {
	list-style-type: none;
	margin: 0;
	background: url(/fileadmin/templates/images/bg-navi-bottom-practive.gif) no-repeat bottom #f6cd5d;
	padding-bottom: 12px;
	font-weight: bold;
}
#navigation ul li {
	border-bottom: 1px solid #f2b000;
	padding: 1px 0 1px 28px;
	background: url(/fileadmin/templates/images/bg-listing-practive.gif) no-repeat 16px center;
	margin: 0;
}
#navigation ul li a {
	color: #303f90;
}
#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li.aktiv a {
	color: #fff;
	text-decoration: none;
}

#navigation h5 {
	color: #1c5ba2;
	font-size: 100%;
	margin: 25px 0 32px 0; 	
	background: url(/fileadmin/templates/images/bg-button-2-practive.gif) no-repeat;
	padding: 4px 0 4px 13px;
}

#navigation h6 {
	color: #fff;
	font-size: 100%;
	margin: 6px 0 0 0; 	
	background: url(/fileadmin/templates/images/bg-button-1-practive.gif) no-repeat;
	padding: 4px 0 4px 13px;
	font-weight: bold;
}
#navigation h6 a {
	color: #fff;
}

#navigation p {
	padding: 0 10px 0 13px;
	margin-bottom: 10px;
}
#navigation p a {
	font-weight: bold;
	color: #303f90;
}


/* -----------------
content definitionen
----------------- */

h1 {
	color: #303f90;
	font-size: 110%;
	background: url(/fileadmin/templates/images/bg-headline-practive.gif) no-repeat;
	margin-bottom: 20px;
	padding: 5px 0 5px 0;
}

h2 {
	color: #303f90;
	font-size: 110%;
	margin-bottom: 0.8em;
}

h3 {
	color: #303f90;
	font-size: 100%;
	margin-bottom: 0.6em;
}

h4 {
	font-size: 100%;
	margin-bottom: 0.3em;
}

h6 {
	color: #666;
	font-size: 85%;
	margin: 0;
	font-weight: normal;
}

.tx-homagsalesaddr-pi1 p {
	padding: 0 0 0 20px;
	width: 500px;
}

.tx-homagsalesaddr-pi1 p.vertrieb {
	border-top: 1px dotted #303f90;
	padding: 1em 0 0 20px;
}
* html .tx-homagsalesaddr-pi1 p.vertrieb {
	border-top: 1px solid #303f90;
}

.tx-homagsalesaddr-pi1 form p {
	padding: 0;
}

.tx-homagsalesaddr-pi1 dl {
	width: 500px;
	border-top: 1px dotted #303f90;
	clear: left;
	margin-bottom: 0.2em;
	padding-top: 1em;
}
* html .tx-homagsalesaddr-pi1 dl {
	border-top: 1px solid #303f90;
}
.tx-homagsalesaddr-pi1 dl dt {
	width: 240px;
	float: left;
}
.tx-homagsalesaddr-pi1 dl dd {
	width: 250px;
	float: left;
}
.tx-homagsalesaddr-pi1 dl p {
	width: auto;
}



ul.pager {
	border-top: 1px dotted #303f90;
	padding-top: 1em;
	margin: 2em 0 0 0;
	list-style-type: none;
}
* html ul.pager {
	border-top: 1px solid #303f90;
}
.tx-homagsalesaddr-pi1 ul.pager {
	width: 520px;
}
ul.pager li#left {
	width: 30%;
	float: left;
	text-align: left;
}
ul.pager li#middle {
	width: 39%;
	float: left;
	text-align: center;
}
ul.pager li#right {
	width: 30%;
	text-align: right;
	float: left;
}
ul.pager li a.aktiv {
	color: #303f90;
}



/* -----------------
service definitionen
----------------- */




/* ----------------
footer definitionen
---------------- */

#footer img {
	background: url(/fileadmin/templates/images/bg-footer-1-practive.jpg) no-repeat bottom;
	padding-bottom: 75px;
}

#footer p {
	text-align: right;
	background: #fef8e8;
	border-bottom: 1px solid #828282;
	border-top: 1px solid #828282;
	padding: 0 19px 0 12px;
	margin: 0;
	font-size: 85%;
}
#footer p a {
	color: #000;
}
#footer p span {
	float: left;
}




/* clear me baby */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
* + html .clear {
	height: 1%;
}

.clear {
	display: block;
}