/* bibelwerk_ch screen.css */

html {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 80%;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    background-color: #D6D6D6;
    text-align: left;
    background-image: url('../img/hg.gif');
    background-position: 0px 0px;
    background-repeat: repeat-y;
}

input[type=text] {
    padding: 0px 3px 0px 3px;
}

.fehler {
    color: #FF0000;
}
a
{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
a:focus, a:hover
{
    text-decoration: underline;
}
ul#cartul {
	margin: 0px;
	padding: 0px;
}
ul#cartul li {
	color: #FFFFFF;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#main
{
    width: 1024px !important;
    height: auto;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    text-align: left;
    background-image: url('../img/kopf.gif');
    background-position: 0px 0px;
    background-repeat: repeat-x;
}
#logo
{
    width: 365px;
    height: 103px;
    margin: 0px;
    padding: 0px;
    background-color: #D6D6D6;
    text-align: left;
    float: left;
}
#logo a
{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
#logo a:focus, #logo a:hover
{
    text-decoration: underline;
}
#kopfbild
{
    width: auto;
    height: 103px;
    margin: 0px;
    padding: 0px;
    background-color: #D6D6D6;
    text-align: left;
    float: left;
}
div#obenrechts
{
    width: 99%;
    height: 103px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    text-align: left;
}
#schnellsuche
{
    width: 147px;
    height: 53px;
    margin: 0px;
    padding: 0px;
    background-color: #34A3A5;
    text-align: left;
    float: left;
}
#schnellsuche form
{
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
}
#schnellsuche input.text
{
    width: 114px;
    margin: 11px 17px 0px 0px;
    padding: 0px 2px 2px 2px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}
#schnellsuche input.submit
{
    width: auto;
    margin: 0px 17px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    border-style: none;
    border-color: transparent;
    border-width: 0px;
    background-color: transparent;
    cursor: pointer;
}
#hauptnavigation
{
    width: 537px;
    height: 54px;
    margin: 0px;
    padding: 0px;
    background-color: #99CCCC;
    text-align: left;
    float: left;
}
#hauptnavigation div
{
    margin: 0px;
    padding: 9px 0px 7px 11px;
    font-family: Verdana;
    font-size: 83%;
    font-weight: normal;
    line-height: 1.4;
}
#hauptnavigation a
{
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}
#hauptnavigation a:focus
{
    text-decoration: underline;
}
#hauptnavigation a:hover
{
    text-decoration: underline;
}

#obenrechtsunten
{
    width: 99%;
    height: auto;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    text-align: left;
    position: relative;
}

div
{
    border-style: solid;
    border-width: 0px;
    border-color: #000000;
    margin: 0px;
    padding: 0px;
}
img
{
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}
form
{
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}
input
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
select
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
textarea
{
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
}
h1
{
    margin: 0px;
    padding: 15px 0px 7px 0px;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 113%;
    font-weight: bold;
    letter-spacing: 0px;
}
h2
{
    margin: 0px;
    padding: 13px 0px 6px 0px;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 105%;
    font-weight: bold;
    letter-spacing: 0px;
}
h3
{
    margin: 0px;
    padding: 11px 0px 5px 0px;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 0px;
}
p
{
    text-align: left;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-width: 0px;
}
ul
{
    margin: 3px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}
ol
{
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
li
{
    margin: 0px 0px 0px 31px;
    padding: 0px 0px 0px 0px;
}
table
{
    border-width: 0px;
    border-style: none;
    border-color: transparent;
    border-collapse: collapse;
    font-size: 100%;
}
td {
    vertical-align: top;
    padding-right: 17px;
}

div.linie
{
    width: 99%;
    margin: 7px 0px 7px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-color: transparent transparent #008080 transparent;
}

#left
{
    width: 147px;
    height: auto;
    margin: 0px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    background-color: transparent;
    float: left;
    position: relative;
}
#left a
{
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    background-color: transparent;
}
#left a:focus
{
    text-decoration: underline;
}
#left a:hover
{
    text-decoration: underline;
}
#left ul
{
    margin: 3px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
}
#left li.zwei
{
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
#left li.drei
{
    margin: 0px 0px 5px 15px;
    padding: 0px 0px 0px 0px;
}
#left li.vier
{
    margin: 0px 0px 5px 23px;
    padding: 0px 0px 0px 0px;
}

#middle
{
    width: 537px !important;
    height: auto;
    text-align: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    background-color: transparent;
    float: left;
    position: relative;
}
#middle div.middle_head
{
    padding: 25px 0px 37px 11px;
    width: 100%;
    height: 74px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}
#middle a
{
    font-weight: normal;
    color: #34A3A5;
    text-decoration: none;
}

#middle a:hover, #middle a:focus
{
    text-decoration: underline;
}
#middle a.warenkorb
{
	float: right;
	display: block;
	margin: 13px 0px 5px 5px;
	width: 31px;
	height: 24px;
	background-image: url('../img/warenkorb.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}
#middle a.warenkorb:hover, #middle a.warenkorb:focus
{
	background-color: #CCCCCC;
} 

#middle div#startseite_li
{
    width: 49%;
    float: left;
    background-color: transparent;
}
#middle div#startseite_li a
{
    color: #111111;
}
#middle div#startseite_li div.titel
{
    width: 254px;
    margin: 23px 0px 7px 0px;
    background-color: #34A3A5;
    font-weight: bold;
}
#middle div#startseite_li div.bild
{
    width: 254px;
    margin: 0px 0px 7px 0px;
}
#middle div#startseite_li div.text
{
    width: 254px;
}
#middle div#startseite_re
{
    width: 49%;
    float: right;
    background-color: transparent;
}
#middle div#startseite_re a
{
    color: #111111;
}
#middle div#startseite_re div.titel
{
    width: 254px;
    margin: 23px 0px 7px 0px;
    background-color: #770D1C;
    font-weight: bold;
    color: #FFFFFF;
}
#middle div#startseite_re div.bild
{
    width: 254px;
}
#middle div#startseite_re div.text
{
    width: 254px;
}
#middle div#startseite_re div.linie_dick
{
    width: 254px;
    margin: 13px 0px 13px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none solid none;
    border-width: 0px 0px 3px 0px;
    border-color: transparent transparent #770D1C transparent;
}
#middle div#startseite_re div.linie_duenn
{
    width: 254px;
    margin: 13px 0px 13px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    border-color: transparent transparent #770D1C transparent;
}

#middle div.weiter
{
    float: right;
    font-weight: bold;
    color: #34A3A5;
}

#middle div.detailansicht {
    margin: 5px 0px 0px 0px;
    padding: 0px 3px 5px 5px;
    background-color: #CCCCCC;
}

#right
{
    width: 273px !important;
    height: auto;
    text-align: left;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    background-color: transparent;
    float: left;
    position: relative;
}
#right a
{
    font-size: 12px;
    font-weight: bold;
    color: #111111;
    text-decoration: none;
    background-color: transparent;
}
#right a:focus
{
    text-decoration: underline;
}
#right a:hover
{
    text-decoration: underline;
}
#bottom
{
    height: auto;
    margin: 0px 0px 23px 150px;
}
#blickpunkt {
    position: absolute;
    margin: 54px 0px 0px 0px;
    padding: 0px 9px 17px 7px;
    left: 684px;
    top: 103px;
    width: 254px;
    height: auto;
    background-color: #FFFFFF;
}
#blickpunkt div.titel {
    width: 254px;
    margin: 22px 0px 7px 0px;
    background-color: #770D1C;
    font-weight: bold;
    color: #FFFFFF;
}
#blickpunkt a {
    color: #111111;
    text-decoration: none;
}
#blickpunkt a:hover, a:focus {
    text-decoration: underline;
}