/* resetet alle Einstellungen */

html, body, form, fieldset, textarea {
	margin:0; padding:0; font: 1em/130% Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, address {
	margin:0.5em 0 0.2em 0; padding:0; }
ul {
	margin:0.3em 0 0.2em 0; padding:0 0 0 0.5em; }
ol {
	margin:0.3em 0 0.2em 0; padding:0 0 0 1em; } 
li, dd, blockquote {
	margin-left:1em; padding:0 0 0 0.4em; }
form label {
	cursor:pointer; }
fieldset {
	border:none; }
input, select, textarea { 
	font-size:100%; font-family:inherit; }
input {
	font-weight:700; }
table {
	font-size:100%; }
body {
	text-align:center; line-height:0.1em; font-size:0.1em;}
div {
	text-align:left; margin:0; padding:0; }
img {
	border:none; }

/* allgemeines */

body  {
background: #f5f5f5 url('../img/bg.png') repeat-x top; padding: 0; margin: 0;
}

div, #logo img { behavior: url('../css/iepngfix.html'); }

.clearer { clear: both; height: 1px; font-size: 1px; line-height: 1px; }

#page {
width: 844px;
margin: 0 auto;
} 

/* schriften und farben */

p, a, table, td, input, label, form, ul, ol, li, form, fieldset, dd {
font: 13px/20px "Lucida Sans Unicode", Lucida Grande, Verdana, Tahoma, Geneva, sans-serif;
color: #646464;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Trebuchet MS1, Helvetica, sans-serif;
font-weight: normal;
color: #858585;
}

h1 {
font-size: 24px;
line-height: 30px;
padding: 7px 0 7px;
margin-left: -1px;
}

h2 {
font-size: 20px;
line-height: 28px;
padding: 7px 0 7px;
margin-left: -1px;
}

h3 {
font-size: 18px;
line-height: 26px;
padding: 6px 0 6px;
}

h4 {
font-size: 16px;
line-height: 22px;
padding: 1px 0 5px;
font-weight: bold;
}

h5, h6 {
font-size: 14px;
line-height: 20px;
padding: 2px 0 7px;	
font-weight: bold;
}

#right p {
margin: 0 0 12px;
}

.kontakt p {
line-height: 16px;
margin: 0 0 6px 0;
}

#left a, #right a {
background-image: url('../img/arrow.gif');
background-repeat: no-repeat;
/*color: #32c9c9; */
color: #3333ff;
font-weight: normal;
}
#left a { background-position: 0 0; padding: 0 0 0 12px;}
#right a { background-position: 3px 0; padding: 0 0 0 15px;}

#right ul {
padding: 0 0 20px 20px;
margin: 0;
}

#right li {
padding-bottom: 5px;
line-height: 18px;
}

/* kopfbereich */

#hat {
background: #3333ff;
width: 100%;
height: 8px;
}

#head {
height: 126px;
}

#logo {
float: left;
padding: 20px 0 17px 33px;
}

#mainimg {
height: 223px;
background: url('../img/header.png') no-repeat top;
position:relative;
}
#mappe_button {
position: absolute;
right: 9px;
top: 5px;
z-index: 20;
} 

/* navigation */

#navigation {
float: right;
margin: 70px 0 0;
height: 38px;
overflow: hidden;
}

#navigation a {
font: italic normal 19px/26px "Trebuchet MS", Trebuchet MS1, Helvetica, sans-serif;
color: #a0a0a0;
text-decoration: none;
display: block;
float: left;
height: 38px;
padding-right: 14px;
margin: 0 0 0 3px;
}

#navigation a span {
display: block;
padding: 5px 0 7px 15px;
}

#navigation a:hover, #navigation .activeLink {
background: transparent url(../img/navihover_end.gif) no-repeat scroll top right;
color: #fff;
}
#navigation a:hover span, #navigation .activeLink span {
background: transparent url(../img/navihover.gif) no-repeat scroll top left;
}

/* inhaltsbereich */

.ct {
margin: 13px 0 0;
overflow: hidden;
width: 844px;
}

.ct_head {
height: 15px;
background: url('../img/ct_head.png') no-repeat top;
padding: 0;
}
.ct_main {
background: url('../img/ct_main.png') repeat-y top;
overflow: hidden;
}


.ct_foot {
height: 18px;
background: url('../img/ct_bottom.png') no-repeat bottom;
}

#left {
float: left;
width: 285px;
position: relative;
top: -11px;
padding: 0 0 0 37px;
}

#right {
float: left;
width: 485px;
position: relative;
top: -16px;
padding: 0 37px 0 0;
}

#widecol {
position: relative;
overflow:hidden;
width: 778px;
padding: 0 32px 0 37px;
}
#zertifikateHeadline {
position: relative;
overflow:hidden;
width: 778px;
padding: 0 37px 0 37px;
}


/* linke spalte */

#submenu1 {
list-style: none;
margin: -3px 0 16px -28px;
padding: 0;
width: 275px;
}

#submenu2 {
margin: 0 0 10px;
}

#submenu1 li {
border-bottom: 1px solid #e8e8e8;
padding: 3px 15px 3px 11px;
}

#submenu2 li {
border: none;
list-style: none;
padding: 0;
}

#submenu1 a, #submenu2 a {
background: none;
padding: 0;
color: #646464;
font-weight: normal;
text-decoration: none;
}

#submenu1 a {
line-height: 16px;
}

#submenu2 a {
font-size: 11px;	
}

#submenu1 a:hover, #submenu1 .activeLink, #submenu2 a:hover, #submenu2 .activeLink {
/* color: #3adbdb; */
color: #3333ff;
font-weight: bold;
text-decoration: none;
}

#submenu1 a:hover span, #submenu1 .activeLink span {
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: 5px 0;
padding: 0 0 0 12px;
}

#submenu2 a:hover span, #submenu2 .activeLink span {
background: none;
color: #ff007f;
padding: 0;
}


/* rechte spalte */

#right .csc-textpic-above img {
margin-bottom: 14px;
}

/* fu�bereich */

#footer {
height: 42px;
padding: 0 37px;
background: url('../img/footer.png') no-repeat center top;
color: #fff;
font-size: 13px;
margin: 12px 0 20px;
}

#footer_left {
float:left;
padding: 10px 0;
}
#footer_right {
float:right;
padding: 10px 0;
}

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

/* formulare */

input, textarea {
border: 1px solid #dfdfdf;
background: url('../img/inputbg.gif') no-repeat left top;
padding: 2px 4px 1px;
font-family: Tahoma, Arial, sans-serif;
color: #2f2f2f;
}
input {
height: 20px;
}

.tip_many_friends input {
width: 200px;
}

.tip_many_friends textarea {
width: 280px;
margin: 0 0 10px;
}

.tip_many_friends-input {
vertical-align: top;
}

.tip_many_friends-field {
vertical-align: top;
width: 160px;
padding: 0 0 20px;
}

input.csc-mailform-submit {
background: url('../img/submit.gif') repeat-x center top;
height: 31px;
width: auto;
border: 1px solid #525252;
font: bold 12px/16px Arial, Helvetica, sans-serif;
color: #fff;
cursor: pointer;
margin: 10px 0 0;
padding: 3px 8px 4px;
}
.csc-mailform-submit:focus {
background: url('../img/submithover.gif') repeat-x center top;
color: #fff;
border: 1px solid #525252;
}

.tip_many_friends_error {
color: #ff0000;
font-weight:bold;
padding: 0 0 20px;
}

.csc-mailform-field {
margin: 0 0 10px;
}

/* extensions */

.csc-menu li {
list-style: none;
margin: 0 0 5px;
}

.frp_fancyzoom_image img {
float: left;
margin: 0;
padding:0;
cursor: pointer;
}
.frp_fancyzoom_image a {
position: relative;
float: left;
width: 111px;
height: 149px;
text-decoration: none;
cursor: pointer;
}

.frp_fancyzoom_image span {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: block;
float: left;
background: url('../img/z_rahmen.gif') no-repeat left top;
width: 111px;
height: 149px;
cursor: pointer;
}

/* sonstiges */

.nomargin { margin: 0 !important;}

#uid2 .csc-textpic-imagewrap img {
margin-bottom: 4px;
}

#zertifikateHeadline h2 a {
font-family: "Trebuchet MS", Trebuchet MS1, Helvetica, sans-serif;
font-weight: normal;
color: #858585;
font-size: 20px;
line-height: 28px;
padding: 7px 0 7px;
margin-left: -1px;
}
#zertifikateHeadline h2 {
position: relative;
top: -16px;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}

.csc-textpic-imagewrap a {
padding: 0 !important;
background: none !important;
background-position: 0;
}

.csc-textpic-imagewrap dd {
font-size: 10px;
line-height: 14px;
position: relative;
top: -12px;
color: #b0b0b0;
}

.csc-textpic-imagewrap ul {
padding: 0 !important;
}

.kontakt img {
padding-top: 20px;
}