/* CSS Document */

body {
	margin:auto;
	background-color:#00576E;
	background-image:url(../img/bg_top.png);
	background-repeat:no-repeat;
	background-position:center top;
}


#site {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:1003px;
	margin:auto;
	position:relative;
	top:15px;
}

#header {
	height:480px;
	width:1003px;
	float:left;
	background-image:url(../img/bg_header.png);
	background-repeat:no-repeat;
}

#qslogo {
    position:absolute;
    left:875px;
    top:40px;
    display:block;
	height:110px;
	width:120px;
	background-image:url(../img/qs_logo.png);
	background-repeat:no-repeat;
}

#logo {
	margin:0px;
	position:relative;
	top:37px;
	left:73px;
	height:140px;
	width:173px;
}

#slogan {
	margin:0px;
	position:relative;
	top:-7px;
	left:73px;
	width:250px;
}

#phone {
	margin:0px;
	float:right;
	position:relative;
	top:208px;
	right:0px;
	width:218px;
	height:30px;
}

#foto {
	padding:0px;
	margin:0px;
	width:895px;
	height:208px;
	float:left;
	position:relative;
	top:80px;
	left:60px;
	z-index:1;
    overflow:hidden;
}

/* NAVIGATION OBEN */
#topmenu {
	font-weight:normal;
	color:#999;
    width:100%;
	text-align:center;
    margin:auto;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	top:15px;
}

#topmenu ul {
	color:#666;
	display:block;
	margin:0px;
	padding:0px;
}
#topmenu ul li { list-style:none; float:left;margin:0px; color:#666; text-align:center; }
#topmenu ul li a { color:#999; text-decoration:none; display:block; padding-right:10px; padding-left:10px;}
#topmenu ul li.topmenu_act, #nav ul li.topmenu_act a {  color:#FF9900; text-decoration:none;}
#topmenu ul li.topmenu_act a { color:#FF9900; text-decoration:none;}
#topmenu ul li a:hover {  padding-right:10px; padding-left:10px;color:#FF9900; text-decoration:none; }


/* Gedönse damit der Klappmechansmuss hinhaut */
ul.klappmenu ul.hover, ul.klappmenu li.hover ul, ul.klappmenu li:hover ul  {
    display:block;
}

ul.klappmenu ul {
    position: absolute;
    display:none;
    text-align:left;
}


/* Div, welches das Menu umschliesst */
#menu {
    position:relative;
	height:30px;
	top:220px;
	left:60px;
	z-index:10;
	width:600px;
}

/* Erste ebene (horizontale Punkte) */
#menu ul {
    position:absolute;
	padding:0px;
	margin:0px;
	float:left;
    list-style:none;
}
ul.klappmenu li {
    position:relative;
    float:left;
    background-color:#00576D;
    width:135px;
    height:30px;
    padding-left:15px;
    margin-right:20px;
}

ul.klappmenu li a {
    color:#fff;
    font-size:70%;
    text-decoration:none;
    text-transform:uppercase;
    line-height:30px;
}


/* zweite Ebene */
ul.klappmenu li ul {
    margin:0px;
    padding:0px;
}

ul.klappmenu li ul li {
    position:relative;
    float:none;
    margin:0px;
    margin-left:-15px;
    text-align:left;
    background-color:transparent;
    background-image:url(../img/bg_menu2.png);
    width:210px;
    top:15px;
}
ul.klappmenu li ul li:hover {
}

ul.klappmenu li ul li a{
    color:#666;
}
ul.klappmenu li ul li a:hover{
    color:#FF9900;
}


#inhalt {
	background-image:url(../img/bg_site.png);
	background-repeat:repeat-y;
	float:left;
	width:1003px;
}

/* Der Breadcrum */

div#breadcrum {
	color:#999;
	font-size:11px;
	text-decoration:none;
	text-align:left;
	padding:0px;
	width:875px;
	height:30px;
	line-height:30px;
	float:left;
	background-color:#eee;
	margin:15px 0px 0px 60px;
	padding-left:20px;
}

div#breadcrum a {
	color:#999;
	text-decoration:none;
}

div#breadcrum a:hover {
	color:#FF9900;
	text-decoration:none;
}

#content {
    float:left;
	margin:40px 0px 0px 60px;
	color:#666;
	font-size:11px;
	line-height:180%;
	text-align:left;
	width:400px;
	padding:0px 0px 20px 20px;
}

#right {
    float:right;
	margin:80px 80px 0px 0px;
	color:#666;
	font-size:11px;
	line-height:180%;
	text-align:left;
	width:400px;
	padding:0px 0px 20px 20px;
    margin-top:82px;

}

#line {
	width:894px;
	border-bottom:3px solid #ccc;
	float:left;
	position:relative;
	left:55px;
}

#content ul li {
	list-style-image:url(/fileadmin/template/img/icon_list.gif);
	line-height:180%;
}

#right ul li {
	list-style-image:url(/fileadmin/template/img/icon_list.gif);
	line-height:180%;
}

.internal-link, .internal-link-new-window, .external-link, .external-link-new-window, .mail, .download, .bodytext a {
	color:#FF9900;
    font-weight:normal;
	text-decoration:none;
}

h1 {
	color:#00576E;
	text-transform:uppercase;
	font-size:24px;
	font-weight:normal;
    line-height:28px;
	margin:0px 0px 25px 0px;
}

h2 {
	color:#666;
	font-size:14px;
	font-weight:bold;
	margin:25px 0px 10px 0px;
	padding:0px;
}

#footer {
	height:60px;
	width:913px;
	color:#999;
	font-size:9px;
	text-align:center;
	text-transform:uppercase;
	background-image:url(/fileadmin/template/img/bg_footer.png);
	background-repeat:no-repeat;
	float:left;
	margin:auto;
	padding:10px 45px 15px 45px;
}

#footer a {
	color:#FF9900;
	text-decoration:none;
}

.tx-your-extension-id-pi1-captcha  {
    color: #786456;
}

.tx-your-extension-id-pi1-captcha label {
    color: #786456;
}

.tx-srfreecap-pi2-cant-read {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    color: #786456;
    font-size:100%;
}

.tx-srfreecap-pi2-cant-read a {
    font-family: Verdana, Arial,Helvetica, sans-serif;
	color:#6C58BB;
    font-weight:bold;
    background-image:url(/fileadmin/template/img/pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:10px;
	text-decoration:none;
}

.tx-srfreecap-pi2-image {
    width:213px;
}

form {
    border: 1px solid #fff;
	display:block;
}

#kontakt-form input {
    font-family:Verdana;
    color:#786456;
    border: 1px solid #C8BBB1;
	font-size:11px;
}

#kontakt-form textarea {
    font-family:Verdana;
    color:#786456;
	font-size:11px;
    border: 1px solid #C8BBB1;
}

#kontakt-form .kontakt-select {
    font-family:Verdana;
    color:#786456;
    border: 1px solid #C8BBB1;
	font-size:11px;
}

#kontakt-form .kontakt-label {
    padding-bottom:15px;
}

.csc-textpic-caption {
    display:none;
}