/**********************************************************************************/
/*****************  Standardlayout IBS Engels  ************************************/
/************** Markus Baersch , gandke marketing & software  *********************/
/**********************************************************************************/
/*
  Datei       		: style.css
  Autor       		: Markus Baersch , gandke marketing & software - http://www.gsn.de
  Fassung vom	    : 26.02.2015
**
*/


/**********STYLE ELEMENTE ***********************************/

* {
padding : 0;
margin : 0;
}

body {
font-family:Verdana,Arial,Helvetica,Geneva,Sans-serif;
color: #222; 
background-color: #fff;
font-size: 13px;
line-height: 1.5em;
margin: 0; 
padding: 0;
text-align:center;
}


/********* Bilder    ***********  */

img.bordered {
border: 1px solid #222; 
padding: 3px;
}

img.leftfloat {
float: left;
margin: 2px;
margin-right: 10px;
}

img.rightfloat {
float: right;
margin: 2px;
margin-left: 10px;
}


.imgbox {
float: right;
padding: 3px;
margin: 0 0 20px 20px;
background: #eee;
}

.imgbox p {
font-style: italic;
font-size: 0.8em;
padding: 0;
line-height: 1.3em;
margin: 2px 0;
}

.imgbox p small {
font-style: normal;
}


/********* Formulare  & Co.. ***********  */

hr { 
color: #d40318; 
background: transparent; 
margin:0; 
padding:0.5em 0; 
margin-bottom: 1em;
border:0; 
height: 1px;
border-bottom: 1px #d40318 solid; 
}


fieldset { 
border:0;
}
	
select, 
input, 
textarea { 
background: #fefefe;
padding: 3px;
border: 1px #d40318 solid; 
font-size: 99%;
}

input[type=reset],
input[type=submit],
input[type=button] {
width: auto;
overflow:visible;
background: #fff;
}

input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
background: #fff;
border-color: #666;
}

input[type=text]:focus, 
textarea:focus {
background: #fff;
border-color: #666;
}


input[type=radio], 
input[type=checkbox] {
background:transparent none repeat scroll 0% 50%;
border:0pt none;
}


option {
padding-left: 0.4em;
padding-right: 1.0em;
}


	
/*************** Textauszeichnungen... *************/
	
pre {	
font-family: "Courier New", Courier, monospace; 
}
	
dt, 
strong,
b { 
font-weight: bold;
}

i, em { 
font-style: italic;
}


/***************************** Tabellen *********************************/

table.fmt { 
border: 1px solid #d40318; 
background-color: #fff; 
padding: 3px; 
empty-cells: show; 
}

table.fmt caption {
padding: 3px; 
margin-bottom: 5px;
font-size: 0.8em; 
font-weight: bold; 
line-height: 1.5em; 
caption-side: top;
text-align: left; 
}

table.fmt thead { 
font-size:1.0em; 
text-align:center;
background-color: #666; 
color: #fff;
}

table.fmt tfoot { 
font-size: 0.8em;
text-align: left;
background-color: #fff;
font-weight: bold; 
background-color: #eee; 
}

table.fmt tbody { 
font-size: 0.9em; 
text-align: left; 
vertical-align: top; 
background-color: #fff;
}

table.fmt td, table.fmt th {
padding: 3px;
border: 1px solid #000; 
}

table.fmt th {
font-weight: bold; 
}


table.ref td {padding-top:1em;}
.fr {font-weight:bold; color: #d40318; padding-right:10px; vertical-align:top}


/********* Überschriften und Textauszeichnungen ***********  */

h1,h2,h3,h4,h5,h6 { 
font-family:Arial,Helvetica,sans-serif;
margin-top: 0.25em; 
margin-bottom: 0.5em;
margin-left: 0px;
font-size: 1.2em;
color: #444; 
line-height:1.1em;
}

h1  { 
font-size: 1.6em;
font-weight:normal;
}

h2  { 
font-size: 1.5em;
font-weight:bold;
}


h4  { 
font-size: 1.0em;
margin-top: 1.0em; 
margin-bottom: 3px;
}


a img {
border: 1px solid #ccc;
}

#content h1 {
font-size: 2em;
margin-bottom: 0.6em;
color:#d40318;
}


h5, h6 { 
font-size: 1.0em;
margin-bottom: 2px;
}


p, ul, blockquote, cite { 
margin-top: 0.5em;
margin-bottom: 1.5em;
font-size: 1.0em; 
}

blockquote, cite { 
width: auto;
}

cite {
font-style: italic; 
}

ul, ol, dl { 
padding: 3px;
padding-left: 1.8em;
}

li {
line-height: 1.5em;
}

/***************************** Links *********************************/

a {
color: #d40318; 
text-decoration: underline; 
}

a:hover {
color: #FD0C00;
}

/*****************************  TOOLS  UND KLASSEN   *********************************/

.bordered {
padding: 0.6em;
border: 1px solid #d40318; 
}

.lighted, .whitebox { 
padding: 0.6em;
background-color: #e6e6e6;
border: 1px solid #d40318;
-moz-border-radius: 8px;
}

.whitebox { 
background-color: #fff;
}


.padded,
.padded_plus {
padding: 0.5em;
padding-top: 0;
padding-bottom: 1.0em;
}

.padded_plus {
padding-left: 1.5em;
padding-right: 1.5em;
}

.right  {
text-align: right;
}

.dotted { 
border: 1px dotted #d40318; 
}

.bigger {
font-size:1.4em;
}

.noborder { 
border: 0px; 
}

.nopadding { 
padding: 0!important; 
}

.nomargin { 
margin: 0!important; 
}

.highlight { 
padding: 5px;
background-color: #e6e6e6;
color: #111;
}


.alert { 
color: #c00; 
}

/**********************************/

.float_right { 
float: right; 
background-color: transparent;
}

.float_left { 
float: left; 
background-color: transparent;
}

.cleaner {
clear: both;
height: 0px;
padding:0px;
margin: 0px;
border: 0px;
overflow: hidden;
}

.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/******SEITENLAYOUT ****************************************/

#container_page {
position: relative; 
margin: 15px auto;
width: 990px;
text-align: left;
border: 1px solid #d40318;
background: #fff 100% 0 url('img/sd.png') repeat-y;
margin-bottom:400px;
-moz-border-radius: 8px;
}


#skiplinks {
position: absolute; 
left: -3000px;
}

#logo {
position: absolute;
cursor:pointer; 
background: transparent url('img/pritsch-logo.png') 15px 25px no-repeat;
width:220px;
height:100px;
left: 0;
top: 0;
}

#header {
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background: #E6E6E6 url('img/logo.png') 100% 0 no-repeat;
height:120px;
cursor:pointer;
}


#header p.subline {
margin:0;
padding:5px 0 0 20px;
font-weight: normal;
font-size:1.1em;
font-weight: bold;
}

#header p.title {
margin:0;
padding:20px 0 0 20px;
font-size:1.8em;
font-weight: bold;
color:#d40318;
}


#content {
float: left ;
width: 65% ;
padding: 0 3%;
border-right:1px dotted #d40318;
min-height: 400px ;
}

* html #content {
height: 400px;
}


#margin {
font-size: 0.9em;
float: right ;
width: 25% ;
margin-right: 2% ;
margin-top:10px;
}


#footer {
border-top: 1px solid #d40318;
padding: 10px;
margin-top: 30px;
font-size: 0.8em ;
text-align:center;
}

#footer p {
margin: 0px ;
line-height: 1.6em;
}

#footer a {
color: #222!important;
}

#footer a:hover {
color: #FD0C00!important;
}


/****************NAVIGATION ********************************/

#topnavigation {
background: #d40318 ;
margin-bottom:20px;
font-size:100%;
height:26px;
padding-top:3px;
padding-bottom:3px;
color:#fff;
}

#topnavigation ul {
background: #d40318;
padding: 0px;
margin: 0px;
padding-left: 30px;
list-style-type: none;
font-weight: normal;
font-size:1.1em;
}

#topnavigation li  {
line-height: 1.6em;
margin: 0px; 
float: left; 
padding-right: 10px ;
letter-spacing:1px;
margin-right: 10px; 
border-right: 1px solid #fff;
}

#topnavigation li a {
display: block;
color:#fff;
}


#topnavigation li.current a {
font-weight: bold;
}

#topnavigation a  {
text-decoration: none;
font-weight: normal;
}

#topnavigation a:hover {
/*text-decoration: underline;*/
color: #FBE7D0;
}

#topnavigation p {
text-align:right; 
padding:0;margin:3px 10px 0 0; 
font-size:0.8em ;
}

#topnavigation p a {
color:#fff; 
text-decoration:underline;
}


#dnav  {
border: 2px solid #fff ;
background: #D6CEA7; 
padding : 2px; 
}


#dnav ul {
list-style-type: square;
font-weight: normal;
}

#dnav li {
margin: 1px;
}

#dnav li a {
display: block;
color:#222;
}

#dnav li.current a {
font-weight: bold;
}

#dnav li a  {
text-decoration: none;
font-weight: normal;
}

#dnav li a:hover {
color: #FD0C00;
}

.headerbox {
border: 1px 1px 0 solid #999;
color:#FFFFFF;
margin:0 0 0;
padding:2px 2px 2px 5px;
background: #999;
}

h1.headerbox, h2.headerbox, h3.headerbox  {
font-size:1em !important;
}

.contentbox {
background-color:#FFFFFF;
border:1px solid #999;
margin-bottom:1.5em;
margin-top:0;
padding:5px;
}


.errordiv {clear: both} 

#kontaktform { 
padding: 30px;
background-color: #e6e6e6;
border: 1px solid #d40318;
-moz-border-radius: 8px;
}

#kontaktform .errordiv p.error { color:#c33!important; font-weight: bold!important; border-left:162px solid #e6e6e6;}
#kontaktform label.ft {
float: left; 
width: 28%;
font-weight: bold;
margin: 0.2em 0; 
font-size: 1em;
color: #444; 
}

#kontaktform input[type=text] {float: left; width: 67%;}
#kontaktform br {clear: both;}
#kontaktform textarea {width:95%}

label, input[type="button"], input[type="submit"], input[type="image"], button{cursor:pointer}
input[type="button"], input[type="submit"], input[type="image"], button{padding:10px 18px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border: 1px solid #222; background: #d40318; color:#fff; border-color:#d40318; }
input[type="button"]:hover, input[type="submit"]:hover, input[type="image"]:hover, button:hover {-moz-box-shadow:0px 0px 5px #d40318; -webkit-box-shadow:0px 0px 5px #d40318; box-shadow:0px 0px 5px #d40318; background: #d40318; }


.uelink {
padding-left: 30px;font-weight:normal; font-size:0.7em;
}

#fpimage { float:right; margin:0 5em 0 2em;}

.prd {width:50%}
.cntr {margin-left:25%}

@media all and (max-width: 1000px) {
#container_page {width: 100%}
#margin h2 {font-size:1.3em;}
}

@media all and (max-width: 650px) {
.prd, .cntr {margin-left:0; width:100%}
#header p.title {text-shadow:0 0 5px #fff}
p.subline {color:#fff;text-shadow:0 0 5px #000}
#content h1 { font-size:1.4em;}
h2  { font-size: 1.3em;}
#fpimage { margin:0 1em 1em 1em;}
#maincnt, #container_page {padding:0; background:#fff; margin:0; border:0;}
#topnavigation {height:auto; font-size:0.9em;}
#content, #margin {float:none; width:98%; margin:1%; padding:0; border:0; }
.padded {padding-left:0;padding-right:0;}
header {font-size: 0.8em; line-height: 1.5em; }
#kontaktform .errordiv p.error { border-left:0}
#container_page img, #container_page iframe, #container_page textarea, #container_page pre, 
#container_page input, #container_page form, #container_page table {max-width:100%!important}
}