body {
padding : 0;
margin : 12px 0 0;
background : #fff url(images/main-bg.gif) repeat-x 0 0;
font : 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #7d7d7d;
}
div, p, ul, h1, h2, h3, h4, h5, img {
margin : 0;
padding : 0;
}
ul {
list-style-type : none;
}
#mainPan {
width : 778px;
position : relative;
margin : 0 auto;
}
#topPan {
width : 778px;
height : 185px;
}
#topleftPan {
width : 608px;
margin : 0;
float : left;
background : #fdfdfc url(http://sms-frosch.de/images/header.jpg) no-repeat 0 0;
color : #fff;
}
#topleftPan h1 {
width : 350px;
height : 131px;
background : none;
font : 20px/22px Arial, Helvetica, sans-serif;
padding : 54px 0 0 200px;
}
#topleftPan h2 {
font : 13px/20px Arial, Helvetica, sans-serif;
display : block;
border-top : 1px solid #6cec16;
width : 203px;
position : absolute;
top : 95px;
left : 340px;
}
#topPan img {
width : 147px;
height : 110px;
display : block;
margin : 0;
position : absolute;
top : 42px;
left : 61px;
}
#toprightPan {
width : 170px;
height : 185px;
position : absolute;
top : -10;
right : 0;
}
#toprightPan ul {
width : 117px;
height : 147px;
margin : 18px 0 0;
}
#toprightPan ul li {
height : 30px;
border-bottom : 1px solid #cbcaca;
line-height : 29px;
}
#toprightPan ul li a {
width : 117px;
display : block;
background : #fff url(images/arrow-normal.gif) no-repeat 0 50%;
color : #3b3b3b;
text-decoration : none;
padding : 0 0 0 20px;
}
#toprightPan ul li a:hover {
background : url(images/arrow-hover.gif) no-repeat 0 50%;
text-decoration : none;
}
#toprightPan ul li.underlinenone {
height : 30px;
border-bottom : none;
line-height : 29px;
}
#bodytopPan {
width : 778px;
height : 90px;
background : url(http://sms-frosch.de/images/bodytop.jpg) no-repeat 0 0;
}
#bodytopleftPan {
width : 608px;
margin : 0;
float : left;
}
#bodytopleftPan h2 {
width : 478px;
height : 26px;
display : block;
font : 24px/24px Georgia, "Times New Roman", Times, serif;
font-weight : bold;
color : #39a002;
background : #fff;
margin : 28px 0 30px 61px;
}
#bodytopleftPan h2 span {
font-size : 21px;
line-height : 24px;
font-weight : normal;
}
#bodytopleftPan h3 span {
background : #fff;
color : #39a002;
text-transform : none;
}
#bodytoprightPan {
width : 170px;
position : absolute;
top : 185px;
right : 0;
}
#bodytoprightPan form {
width : 151px;
height : 119px;
background : url(http://sms-frosch.de/images/formarea.jpg) no-repeat 0 0;
margin : 15px 0 0;
}
#bodytoprightPan input {
width : 100px;
height : 15px;
line-height : 14px;
font-size : 11px;
margin : 0 0 0 22px;
}
#bodytoprightPan input.button {
width : 103px;
height : 22px;
background : #fff url(images/button.gif) no-repeat 0 0;
color : #fff;
font : 14px/18px Georgia, "Times New Roman", Times, serif;
text-align : center;
font-weight : bold;
border : none;
margin : 14px 0 0 22px;
}
#bodytoprightPan form h2 {
width : 100px;
height : 62px;
display : block;
background : #fff url(http://sms-frosch.de/images/icon5.jpg) no-repeat 0 50%;
color : #39a002;
font : 15px/52px Georgia, "Times New Roman", Times, serif;
font-weight : bold;
text-transform : uppercase;
padding : 0 0 0 33px;
margin : 0 0 0 19px;
}
#bodyPan {
width : 778px;
}
#bodyleftPan {
width : 608px;
background : url(images/body-bg.gif) repeat-y 0 0;
margin : 0;
padding : 0 0 40px;
}
#bodyleftPan p {
padding : 19px 61px 0;
}

#bodyleftPan a {
color: #7d7d7d;
text-decoration: none;
text-underline: none; } 

#bodyleftPan p span.boldtext {
font-weight : bold;
}
#bodyleftPan p.border {
height : 6px;
background : url(images/line.gif) repeat-x 0 100%;
margin : 20px 61px;
padding : 0;
}


#bodyleftPan p.captiontext {
font : 16px/22px Georgia, "Times New Roman", Times, serif;
background : #fff url(images/body-bg.gif) repeat-y 0 0;
color : #7d7d7d;
font-style : italic;
font-weight : bold;
}



#bodyleftPan p span.quetion {
font-size : 50px;
}
#bodyleftPan h2 {
width : 478px;
height : 40px;
display : block;
font : 21px/21px Georgia, "Times New Roman", Times, serif;
font-weight : bold;
color : #39a002;
background : #fff;
margin : 0 0 0 61px;
}

#bodyleftPan h2 span {
font-size : 21px;
line-height : 21px;
font-weight : normal;
}
#bodyleftPan h3 span {
background : #fff;
color : #39a002;
text-transform : none;
}
#bodyleftPan h4 {
width : 478px;
height : 40px;
display : block;
font : 24px/24px Georgia, "Times New Roman", Times, serif;
font-weight : bold;
color : #39a002;
background : #fff;
margin : 0 0 0 61px;
}
#bodyleftPan h5 {
width : 478px;
height : 47px;
display : block;
background : #fff url(http://sms-frosch.de/images/icon4.jpg) no-repeat 0 0;
color : #06507a;
border-bottom : 1px solid #e6e6e6;
font-size : 18px;
line-height : 24px;
margin : 10px 0 10px 59px;
padding : 0 0 10px 100px;
border-bottom : 1px solid #e6e6e6;
}
#bodyleftPan h5 span {
font-size : 24px;
}
#bodyleftlinkboxonePan {
width : 400px;
height : 50px;
display : block;
margin : 25px 0 0 61px;
padding : 0;
}
#bodyleftlinkboxonePan ul {
width : 400px;
height : 28px;
width : 318px;
height : 24px;
}
#bodyleftlinkboxonePan ul li {
display : block;
width : 156px;
height : 34px;
float : left;
}
#bodyleftlinkboxonePan ul li.comments {
width : 110px;
height : 28px;
display : block;
background : #fff url(http://sms-frosch.de/images/icon2.jpg) no-repeat 0 0;
color : #00456f;
font-size : 14px;
font-weight : normal;
padding : 0 0 0 35px;
}
#bodyleftlinkboxonePan ul li.comments span.boldtext {
font-weight : bold;
}
#bodyleftlinkboxonePan ul li.continue {
width : 134px;
height : 28px;
background : url(http://sms-frosch.de/images/icon3.jpg) no-repeat 0 0;
padding : 2px 0 0 36px;
}
#bodyleftlinkboxonePan ul li.continue a {
display : block;
height : 18px;
background : #fff;
color : #00456f;
font-size : 14px;
font-weight : normal;
text-decoration : none;
float : left;
}
#bodyleftlinkboxonePan ul li.continue a:hover {
display : block;
height : 18px;
background : #f4f4f4;
text-decoration : none;
}
#bodyleftlinkboxPan {
width : 400px;
height : 88px;
display : block;
margin : 25px 0 0 61px;
padding : 0;
}
#bodyleftlinkboxPan ul {
width : 400px;
height : 28px;
width : 318px;
height : 24px;
margin : 0;
}
#bodyleftlinkboxPan ul li {
display : block;
height : 34px;
float : left;
}
#bodyleftlinkboxPan ul li.comments {
width : 110px;
height : 28px;
display : block;
background : #fff url(http://sms-frosch.de/images/icon2.jpg) no-repeat 0 0;
color : #00456f;
font-size : 14px;
font-weight : normal;
padding : 0 0 0 36px;
}
#bodyleftlinkboxPan ul li.comments span.boldtext {
font-weight : bold;
}
#bodyleftlinkboxPan ul li.continue {
width : 134px;
height : 28px;
background : url(http://sms-frosch.de/images/icon3.jpg) no-repeat 0 0;
padding : 2px 0 0 36px;
}
#bodyleftlinkboxPan ul li.continue a {
display : block;
height : 18px;
background : #fff;
color : #00456f;
font-size : 14px;
font-weight : normal;
text-decoration : none;
float : left;
}
#bodyleftlinkboxPan ul li.continue a:hover {
display : block;
height : 18px;
background : #f4f4f4;
text-decoration : none;
}
#bodyleftpublicationPan {
width : 468px;
margin : 25px 0 0 61px;
padding : 0;
}
#bodyleftpublicationPan h2 {
width : 448px;
height : 70px;
background : #fff url(images/bullet1.gif) no-repeat 0 0;
font-size : 16px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
margin : 0;
color : #7d7d7d;
padding : 0 0 0 40px;
}
#bodyleftpublicationPan h2 span {
background : #fff;
color : #06507a;
font-size : 14px;
}
#bodyleftpublicationPan h3 {
width : 448px;
height : 70px;
background : #fff url(images/bullet2.gif) no-repeat 0 0;
font-size : 16px;
line-height : 20px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
margin : 0;
color : #7d7d7d;
padding : 0 0 0 40px;
text-transform : none;
border : none;
}
#bodyleftpublicationPan h3 span {
background : #fff;
color : #06507a;
font-size : 14px;
font-weight : normal;
}
#bodyleftpublicationPan h4 {
width : 448px;
height : 70px;
background : #fff url(images/bullet3.gif) no-repeat 0 0;
font-size : 16px;
line-height : 20px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
margin : 0;
color : #7d7d7d;
padding : 0 0 0 40px;
text-transform : none;
}
#bodyleftpublicationPan h4 span {
background : #fff;
color : #06507a;
font-size : 14px;
font-weight : normal;
}
#bodyleftpublicationPan h5 {
width : 448px;
height : 70px;
background : #fff url(images/bullet4.gif) no-repeat 0 0;
font-size : 16px;
line-height : 20px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
margin : 0;
color : #7d7d7d;
padding : 0 0 0 40px;
text-transform : none;
border : none;
}
#bodyleftpublicationPan h5 span {
background : #fff;
color : #06507a;
font-size : 14px;
font-weight : normal;
}
#bodyleftpublicationPan p.dotline {
background : url(images/dotline.gif) repeat-x 0 0;
margin : 0 0 0 38px;
padding : 0;
}
#bodyrightPan {
width : 170px;
position : absolute;
top : 500px;
right : 1px;
}
#bodyrightPan ul {
width : 170px;
}
#bodyrightPan ul li {
width : 170px;
height : 26px;
}
#bodyrightPan ul li a {
width : 250px;
display : block;
background : #fff url(images/arrow2.gif) no-repeat 0 50%;
color : #3b3b3b;
text-decoration : underline;
padding : 0 0 0 20px;
}
#bodyrightPan ul li a:hover {
text-decoration : none;
}
#footermainPan {
height : 50px;
background : #777 url(images/footerbg.gif) repeat-x 0 0;
color : #fff;
margin : 0;
padding : 0;
}
#footerPan {
width : 778px;
position : relative;
margin : 0 auto;
}
#footerPan img {
width : 164px;
position : absolute;
top : 47px;
right : 21px;
}
#footerPan ul {
width : 500px;
position : absolute;
top : 33px;
left : 46px;
}
#footerPan li {
float : left;
font : 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : normal;
}
#footerPan ul li a {
padding : 0 0 0 12px;
color : #fff;
background : #777777;
text-decoration : none;
}
#footerPan ul li a:hover {
text-decoration : underline;
}
#footerPan ul.templateworld {
width : 190px;
color : #fff;
display : block;
position : absolute;
top : 22px;
left : 208px;
}
#footerPan ul.templateworld li {
height : 20px;
}
#footerPan ul.templateworld li a {
display : block;
color : #fff;
text-decoration : none;
padding : 0;
}
#footerPan ul.templateworld li a:hover {
text-decoration : underline;
}
#footerPan p.copyright {
color : #fff;
font : 11px/15px Tahoma, Arial, Helvetica, sans-serif;
position : absolute;
top : 21px;
left : 42px;
}
#footerPan p.copyright a:link {
color : #fff;
text-decoration : none;
}
#footerPan p.copyright a:visited {
color : #fff;
text-decoration : none;
}
#footerPan p.copyright a:hover {
color : #fff;
text-decoration : underline;
}
#footerPanhtml {
width : 70px;
height : 24px;
background : #7d7d7d url(images/htmlbutton.gif) no-repeat 0 0;
display : block;
position : absolute;
top : 90px;
left : 61px;
}
#footerPanhtml a {
width : 59px;
height : 19px;
background : #fff url(images/arrow3-normal.gif) no-repeat 45px 4px;
display : block;
position : absolute;
top : 3px;
left : 3px;
margin : 0;
padding : 0 0 0 5px;
color : #353427;
text-transform : uppercase;
text-decoration : none;
}
#footerPanhtml a:hover {
background : #fff url(images/arrow3-hover.gif) no-repeat 45px 4px;
color : #353427;
text-decoration : none;
}
#footerPancss {
width : 58px;
height : 24px;
background : #7d7d7d url(images/cssbutton.gif) no-repeat 0 0;
display : block;
position : absolute;
top : 90px;
left : 135px;
}
#footerPancss a {
width : 46px;
height : 19px;
background : #fff url(images/arrow3-normal.gif) no-repeat 35px 4px;
display : block;
position : absolute;
top : 3px;
left : 3px;
margin : 0;
padding : 0 0 0 5px;
color : #353427;
text-transform : uppercase;
text-decoration : none;
}
#footerPancss a:hover {
background : #fff url(images/arrow3-hover.gif) no-repeat 35px 4px;
color : #353427;
text-decoration : none;
}
.ok {
border : 1px solid #090;
width : 300px;
margin-bottom : 1px;
padding : 5px 10px;
line-height : 16px;
text-align : center;
background-color : #cfc;
margin : 25px 0 0 61px;
}
.bild {
border : 0 solid #090;
width : 300px;
margin-bottom : 1px;
padding : 5px 10px;
line-height : 16px;
text-align : left;
margin : 25px 0 0 61px;
}
#bodyrightPans {
width : 170px;
position : absolute;
top : 361px;
right : 1px;
}
#bodyrightPans ul {
width : 170px;
}
#bodyrightPans ul li {
width : 170px;
height : 26px;
}
#bodyrightPans ul li a {
width : 250px;
display : block;
background : #fff url(images/arrow2.gif) no-repeat 0 50%;
color : #3b3b3b;
text-decoration : underline;
padding : 0 0 0 20px;
}
#bodyrightPans ul li a:hover {
text-decoration : none;
}



#bodyrightPansv {
width : 170px;
position : absolute;
top : 250px;
right : 1px;
}
#bodyrightPansv ul {
width : 170px;
}
#bodyrightPansv ul li {
width : 170px;
height : 26px;
}
#bodyrightPansv ul li a {
width : 250px;
display : block;
background : #fff url(images/arrow2.gif) no-repeat 0 50%;
color : #3b3b3b;
text-decoration : underline;
padding : 0 0 0 20px;
}
#bodyrightPansv ul li a:hover {
text-decoration : none;
}