/* Ganz allgemein */

body, img, h1, h2, h3, h4, h5, p, li, a, ul, input, textarea, div {
border: 0;
margin: 0;
padding: 0;
}

ul {
margin: 0 10px 0 23px;
list-style: square;
}

input, textarea {
margin: 2px 0 8px 0;
}


hr {
display: none;
}

.versteckt_web, .versteckt_beide {
display: none;
}

/* branding */

h1 {
	display:block; 
position:absolute;
left:0px;
top:0px;
width:350px;
height:140px;

	}

	/* make the actual link ZERO size and position relative
	the zero size stops the dotted border from displaying */
h1 a {
    display:block; 
	width:0;
	height:0;
	position:relative;
    }
	/* move the link styling to the em and make it position absolute */
h1 a span { 
    display:block; 
	text-indent:-10000px;
width:350px;
height:140px;
background-image:url(/fileadmin/templates/images/logo_doomernik_dragons.jpg);
background-repeat:no-repeat;
	position:absolute; 
	cursor:pointer; /* to set the pointer correctly as a link in IE */

	}

h1 a:hover span {
border:0;
	}
	/* for IE to make the active/focus state work correctly */
h1 a:active {
    color:#fff;
	}
	/* style the active/focus state */
h1 a:active span,
h1 a:focus span{
border:0;
	}

.headerfoto_no {
background-image:url(/fileadmin/templates/banner/startseite_no.jpg);
background-repeat:no-repeat;
}

/* Die Hauptboxen */

body	{
color: #000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 62.5%;
background-color: #141a33;
text-align: center;
/* text-align sorgt dafür, dass der IE5/Win den Inhalt in die Mitte setzt */
}

div#wrapper {
position: relative;
margin: 0px auto;
padding: 0;
border: 0;
width: 899px;
min-height: 900px;
background: #0093A7 url(/fileadmin/templates/images/wrapper_hintergrund.jpg) 0 0  no-repeat;
overflow: visible;
text-align:left;
z-index: 1;
}

div#kopf {
position: absolute;
top: 67px;
left: 593px;
width: 350px;
height: 140px;
z-index: 100;
}

div#headerfoto {
position: absolute;
top: 67px;
left: 0px;
width: 593px;
height: 140px;
z-index: 90;
}

div#navi_sprachen {
position: absolute;
z-index: 120;
}

div#navi {
position: absolute;
z-index: 130;
}

div#inhalt {
position: relative;
margin: 0 24px 0 0;
padding: 231px 0 0 0;
width: 645px;
float: right;
}

div#inhalt_oben {
width: 645px;
height: 6px;
background: transparent url(/fileadmin/templates/images/inhalt_oben.gif) 0 0 no-repeat;
}

div#inhalt_mitte {
width: 645px;
min-height: 531px;
background-color: #e8eef2;
}

div#mitte_kopf {
padding: 0 30px 0 45px;
}

div#eins {
margin: 20px 0 0 89px;
width: 255px;
float: left;
}

div#zwei {
margin: 20px 0 0 18px;
width: 255px;
float: left;
}

div#inhalt_fusszeile {
clear: left;
}

div#inhalt_unten {
width: 645px;
height: 6px;
background: transparent url(/fileadmin/templates/images/inhalt_unten.gif) 0 0 no-repeat;
margin-bottom: 2em;
}

div#nebeninfo {
position: relative;
margin: 231px 21px 0 0;
padding: 0;
width: 196px;
float: right;
}

div#nebeninfo_oben {
position: relative;
width: 196px;
height: 6px;
background: transparent url(/fileadmin/templates/images/nebeninfo_oben.gif) 0 0 no-repeat;
}

div#nebeninfo_mitte {
position: relative;
width: 196px;
min-height: 531px;
padding-top:58px;
background: #2bc3d3 url(/fileadmin/templates/images/nebeninfo_mitte.png) 0 0 no-repeat;
}

div#nebeninfo_unten {
width: 196px;
height: 6px;
background: transparent url(/fileadmin/templates/images/nebeninfo_unten.gif) 0 0 no-repeat;
}

div#abschluss {
clear: both;
}


/* Die Navigation Sprachen */

div#navi_sprachen {
position: absolute;
top: 5px;
right: 0px;
}

div#navi_sprachen ul li {
text-align: left;
list-style: none;
margin: 0 0 0 10px;
float: left;
}

div#navi_sprachen ul li a {
color: #f9b600;
padding: 4px 0 4px 0px;
text-decoration: none;
font-size: 1em;
line-height: 1em;
}

div#navi_sprachen ul li a:hover {
text-decoration: underline;
}

/* Die Navigation */

div#navi {
position: absolute;
top: 40px;
left: 15px;
height: 32px;
}

#navi ul {
list-style-type:none;
margin:0;
padding:0;
}

div#navi ul li {
text-align: left;
list-style: none;
margin: 0 0 0 0px;
float: left;
display: block;
font-size: 1.1em;
line-height: 1.4545em;
padding-bottom: 11px;
}

div#navi ul li.first {
background: transparent url() 0 0 no-repeat;
}

div#navi ul li a {
color: #fff;
margin: 0;
padding: 0px 8px 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
font-size: 1em;
line-height: 1em;
}

div#navi ul li.first a {
padding-left: 0px;
}

div#navi ul li.last a {
border-right: 0px solid #fff;
}

div#navi ul li a:hover {
color: #f9b600;
}

#navi #m1 ul li ul.l2 li { float:none; display: block; background: transparent url() 0 0 no-repeat; height: 8px; }

#navi #m1 ul li ul.l2 li a {
padding-left: 7px;
border-right: 0px solid #fff;
font-size: 0.9em;
}

#navi #m1 ul li.first ul.l2 li a {
padding-left: 0px;
}

#navi #m1 ul li ul.l2 li.first {
padding-top: 20px;
}

#navi #m1 ul li { position: relative; height: 200px;}

#navi #m1 ul li ul.l2 { display:none; position: absolute; left: 0px; width: 14em; top: 10px;}
#navi #m1 ul li:hover ul.l2  { display:block; }
#navi #m1 ul li:hover, #navi #m1 ul li.current  { background: transparent url(/fileadmin/templates/images/menu_arrow.gif) center 20px no-repeat; }

/* Die Navigation der Fusszeile */

div#inhalt_fusszeile {
position: relative;
width: 645px;
padding: 3em 0 2em 0;
}

div#inhalt_fusszeile ul {
float: right;
right: 20px;
}

div#inhalt_fusszeile ul li {
text-align: left;
list-style: none;
margin: 0 0 0 20px;
float: left;
height: 20px;
}

div#inhalt_fusszeile ul li a {
color: #003952;
margin: 0;
padding: 4px 0 4px 0px;
text-decoration: none;
font-size: 1em;
line-height: 1em;
}

div#inhalt_fusszeile ul li a:hover {
color: #003952;
}

div#inhalt_fusszeile ul li#mail {
padding: 0 0 0 24px;
background: transparent url(/fileadmin/templates/images/mail.gif) left top no-repeat;
}

div#inhalt_fusszeile ul li#print {
padding: 0 0 0 24px;
background: transparent url(/fileadmin/templates/images/print.gif) left top no-repeat;
}

/* Die Schriftinformationen */

h2, h3, h4, h5, p, ul, li, a  {
text-align: left;
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
background: transparent;
text-decoration: none;
}

#inhalt_mitte p, #inhalt_mitte li, #inhalt_mitte li li, #inhalt_mitte li li li, #inhalt_mitte a, #inhalt_mitte cite, #inhalt_mitte blockquote {
font-size: 1.1em;
line-height: 1.4545em;
color: #003952;
}

#inhalt_mitte li li, #inhalt_mitte li li li {
font-size: 1em;
line-height: 1.32em;
color: #003952;
}

#inhalt_mitte ul ul ul {
margin-bottom: 0em;
}

#inhalt_mitte p, #inhalt_mitte ul, #inhalt_mitte ol, inhalt_mitte blockquote {
margin-bottom: 1.4545em;
}

#mitte_kopf h2 {
padding: 54px 0 0 0;
font-size: 2.1em;
line-height: 1.1;
margin-bottom: 0.5em;
color: #003952;
}

#mitte_kopf h3 {
font-size: 1.3em;
line-height: 1.5;
color: #003952;
}

#eins ul, #eins ol, #zwei ul, #zwei ol {
margin-left: 12px;
}

#nebeninfo h2 {
padding: 51px 0 0 31px;
font-size: 1.8em;
line-height: 1.22em;
margin-bottom: 1em;
font-weight: bold;
color: #fbc500 ;
}

#nebeninfo p, #nebeninfo li {
padding: 0 17px 0 31px;
font-size: 1.1em;
line-height: 1.4545em;
margin-bottom: 1.4545em;
color: #fff;
background: transparent url(/fileadmin/templates/images/pfeil_nach_rechts.png) 18px 3px no-repeat;
}

#nebeninfo p a {
font-size: 1.1em;
line-height: 1.4545em;
color: #fbc500 ;
}

a  {text-decoration: underline;}
a:hover  {text-decoration: none;}


/* Das Kontaktformular */

input, textarea  {
text-align: left;
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
padding: 0.5em;
font-size: 1.1em;
line-height: 1.4545em;
margin-bottom: 1.4545em;
border: 1px solid #e8eef2;
color: #003952;
}

input:focus, textarea:focus  {
border: 1px solid #003952;
}

fieldset {
border: 0;
padding: 15px 0 0 45px;
text-align: left;
}

label {
float: left;
padding: 0.5em 0 0.5em 0;
font-size: 1.1em;
line-height: 1.4545em;
margin-bottom: 1.4545em;
width: 7em;
color: #003952;
}

div.csc-mailform-field, input.csc-mailform-submit {
clear: left;
}

input.csc-mailform-submit {
margin-left: 7em;
background-color: #fff;
border: 1px solid #003952;
}

input.csc-mailform-submit:hover {
background-color: #003952;
color: #fff;
}


#nebeninfo .tx-wtgallery-pi1 {padding-left:20px;padding-top:40px;
height:480px;overflow:scroll;width:170px;
}

.wtgallery_listpic {
margin-bottom:6px;
}



#page_135 #eins {
margin-left:24px;
width:240px;
}



#page_135 #inhalt_mitte {
background: #000 url(/fileadmin/images/Start/start_01.png) no-repeat;
}

#page_135 div#inhalt_oben {
background: transparent url(/fileadmin/templates/images/inhalt_oben_start.png) 0 0 no-repeat;
}

body#page_135 div#inhalt_unten {
	background: transparent url(/fileadmin/templates/images/inhalt_unten_start.png) 0 0 no-repeat;
}

#page_135 #inhalt_mitte h3 {
margin-top:40px;
color:#fff;
margin-bottom:2em;
font-size:1.4em;
}

#page_135 #inhalt_mitte p,
#page_135 #inhalt_mitte li, 
#page_135 div#inhalt_fusszeile ul li a:link,
#page_135 div#inhalt_fusszeile ul li a:visited,
#page_135 div#inhalt_fusszeile ul li a:active,
#page_135 div#inhalt_fusszeile ul li a:hover {
color:#ccc;
font-size:1.1em;
line-height:1.3;
}

#page_135 div#inhalt_fusszeile {
display:none;
}

#nebeninfo_mitte li {
list-style-type:none;
}

#nebeninfo_mitte li a:link,
#nebeninfo_mitte li a:visited,
#nebeninfo_mitte li a:active,
#nebeninfo_mitte li a:hover {color:#fff;}

.tt_products_item_list .listitem {
margin-bottom:4em;margin-top:3em;
clear:both;
}
.tt_products_item_list .listitem .left {
width:220px;
float:left;
}

#mitte_kopf .tt_products_item_list h2 {padding-bottom:0.6em;}

.tt_products_item_list .listitem .img {
margin-left:250px;;
}
.contenttable {margin-bottom:2em;}
.contenttable td,
.contenttable th {vertical-align:top;color:#003952;}
#mitte_kopf .listitem h3 { font-size:1.1em;font-weight:bold;}

#mitte_kopf .listitem h3 a:link,
#mitte_kopf .listitem h3 a:visited,
#mitte_kopf .listitem h3 a:active,
#mitte_kopf .listitem h3 a:hover {font-weight:bold;}

.tt_products_item_list {}
.tt_products_item_list .category_title {margin-bottom:1em;}


.csc-sitemap li { margin-bottom:0.3em;margin-top:0.4em;font-weight:bold;}
.csc-sitemap li li {list-style-type:none;font-weight:normal;}

.csc-sitemap li a:link,
.csc-sitemap li a:visited,
.csc-sitemap li a:active,
.csc-sitemap li a:hover {font-weight:bold;}

.csc-sitemap li li a:link,
.csc-sitemap li li a:visited,
.csc-sitemap li li a:active,
.csc-sitemap li li a:hover {font-weight:normal;}


.tt_products_item_single_display {padding-top:0.6em;}


.order_form input {border:1px solid blue;}

#nebeninfo_mitte h3 {color:#fff;margin-bottom:12px;font-size:1.2em;margin-left:42px;}
/* #overlay {z-index:2000;}
#lightbox { z-index:20100;} */