* { margin : 0; padding : 0; border : none; border-spacing : none; border-collapse : collapse; list-style-type : none; }
html { background : #FDE410 url("pix/hintergrund.gif") repeat-x left top; }

body { width : 770px; position : absolute; top : 0px; left : 50%; margin : 0 0 0 -385px; }

#banner1 {width : 300px; height : 100px; position : absolute; top : 400px; left : 235px; }
#banner2 { width : 300px; height : 100px; position : absolute; top : 20px; left : 235px; }

/* eigene klassen */
.ue {color : #5F03A0; font-weight : bold; }
.ue02 {color : #5F03A0; font-weight : bold; font-size : 10px; }


h1 { font : bold 12pt Verdana, Arial, sans-serif; color : #000066; margin : 0; padding : 20px 0 5px 10px; text-align : left; }
h2 { font : bold 12pt Verdana, Arial, sans-serif; color : #FDE410; margin : 0; padding : 20px 0 5px 10px; text-align : left; }
h3 { font : bold 10pt Verdana, Arial, sans-serif; color : #000066; margin : 0; padding : 20px 0 5px 10px; text-align : left; }

p { font : normal 8pt Verdana, Arial, sans-serif; color:#000066; padding : 0 10px 10px 0; text-align : left; }
.text1 { font : normal 8pt Verdana, Arial, sans-serif; color:#000066; padding : 0 10px 10px 10px; text-align : left; }
.text1a { font : normal 8pt Verdana, Arial, sans-serif; color:#000066; padding : 10px 10px 10px 10px; text-align : left; }
.text2 { font: normal 8pt Verdana, Arial, sans-serif; color : #FDE410; padding : 0 10px 0 10px; text-align : left; }
.text3 { font : italic 7pt Verdana, Arial, sans-serif; color : #FDE410; padding : 0 10px 0 10px; text-align : left; }
.text4 { font : normal 7pt Verdana, Arial, sans-serif; color : #FDE410; padding : 0 10px 10px 10px; text-align : center; }
.text5 { font : italic 8pt Verdana, Arial, sans-serif; color : #000066; padding : 0 10px 0 10px; text-align : left; }
.text6 { font : italic 7pt Verdana, Arial, sans-serif; color : #000066; padding : 0 10px 0 10px; text-align : left; }
.text7 { font : italic 7pt Verdana, Arial, sans-serif; color : #000066; padding : 0 10px 0 10px; text-align : right; }

a {font : normal 8pt Verdana, Arial, sans-serif; color:#FDE410; text-decoration : none; }
a:hover { font : normal 8pt Verdana, Arial, sans-serif; color:#CC0099; text-decoration : none; }
a.stila {font : normal 8pt Verdana, Arial, sans-serif; color : #FDE410; text-decoration : none; }
a.stila:HOVER {color : #FD8510; text-decoration : none; }
a.stilc {font : normal 8pt Verdana, Arial, sans-serif; color : #FDE410; text-decoration : underline; }
a.stilc:HOVER {color : #FD8510; text-decoration : none; }
a.stilb, .container3 a {font: normal 8pt Verdana, Arial, sans-serif; color : #000066; text-decoration : underline; }
a.commentlink { color : #7C0012; text-decoration : underline; }
a.commentlink:HOVER { color : #7C0012; text-decoration : none; }
a.commentlink_save { color : #fff; text-decoration : none; display : block; width : 120px; height : 18px; padding : 2px 0 0 0; margin : 7px 0 0 0; text-align : center; background : #7C0012; border : 1px solid #7C0012; }


ol { padding : 0 0 0 10px; }
ol li { margin : 0 0 0 5px; list-style-type : decimal; font-weight : normal; }


.container { background : #FDE410; width : 450px; position : absolute; top : 210px; left : 0; padding : 0 0 50px 0; }
.container1 { background : #FDE410; width : 500px; position : absolute; top : 250px; left : 250px; padding : 0 0 50px 0; }
.container2 { background : #5F03A0; width : 300px; position : absolute; top: 450px; left: 250px; paddding : 0 0 30px 0; }
.container3 { background : #FFEA39; width : 500px; position : absolute; top : 250px; left : 250px; padding : 10px 0 30px 0; }
.container4 { width : 20px; position : absolute; top : 220px; left : 250px; }
.container5 { background : #FFEA39; width : 204px; position : absolute; top : 450px; left : 550px; padding : 10px 0 5px 0; }
.container6 { background : #FFEA39; width : 300px; position : absolute; top : 210px; left : 470px; padding : 0 0 30px 0; }
.container7 { background : #FFEA39; width : 520px; position : absolute; top : 450px; left : 240px; padding : 0 0 50px 0; }
.container8 { background : #FDE410; width : 400px; position : absolute; top : 200px; left : 250px; padding : 0 0 50px 0; }
.container9 { background : #FDE410; width : 250px; position : absolute; top : 300px; left : 0; padding : 0 0 50px 0; }
.container10 { background : #FDE410; width : 300px; position : absolute; top : 210px; left : 470px; padding : 0 0 30px 0; }
.container11 { background : #FFEA39; width : 450px; position : absolute; top : 210px; left : 80px; padding : 0 0 50px 0; }
.container12 { background : #FDE410; width : 300px; position : absolute; top : 210px; left : 570px; padding : 0 0 30px 0; }

.container_pictures { width : 600px; float : left; }
.thumbnail { display : block; width : 150px; height : 140px; border : 5px solid #83A2BF; float : left; margin : 0 15px 15px 0; }
.frame1 { border : 5px solid #FFEA39; }
.frame2 { border : 5px solid #83A2BF; }

#navigation {/*width : 550px;*/ height : 23px; /*background : #FDE410;*/ overflow : hidden; position : absolute; top : 150px; left : 250px;}
#navigation li {display : inline;}
#navigation li a {display : block; float : left; background : #5F03A0; height : 19px; padding : 6px 10px 0 10px; font : 11px normal Verdana, Arial, sans-serif; color : #FDE410; text-decoration : none;}
#navigation li a.aktiv {background : #FDE410; color: #000066}
#navigation li a:HOVER {background : #FDE410; color : #000066;}

#navigation2 {/*height : 550px;*/ width : 75px; /*background : #FDE410;*/ overflow : hidden; position : absolute; top : 255px; left : 0; }
#navigation2 li { display : block; }
#navigation2 li a { display : block; background : #FDE410; height : 19px; padding : 5px 5px 0 5px; font : 11px normal Verdana, Arial, sans-serif; color : #000066; text-decoration : none; }
#navigation2 li a.aktiv { background : #5F03A0; color: #FDE410; }
#navigation2 li a:HOVER { background : #5F03A0; color : #FDE410; }

/* styles fŸr kommentare */
.kommentar { /*border-left : 1px solid #000066;*/ margin : 0 30px 0 10px; padding : 0 0 15px 30px; background : url("pix/senf1.gif") no-repeat 0 0; }
.kommentar h1 { font : bold 11px/135% Verdana, Arial, sans-serif; color : #7C0012; margin : 0; padding : 0 0 0 10px; }
.kommentar p { font : normal 11px/135% Verdana, Arial, sans-serif; color : #000066; margin : 0; padding : 0 10px 0 10px; }
.ff_kommentar_text { margin : 0 0 7px 10px !important; padding : 2px 5px 2px 3px !important; width : 200px; height : 15px; border : 1px solid #5F03A0; display : block; margin : 0; padding : 0; font : normal 11px/135% Verdana, Arial, sans-serif; color : #000; }
.ff_kommentar { margin : 0 0 0 10px !important; padding : 2px 5px 2px 3px !important; width : 400px; height : 65px; border : 1px solid #5F03A0; display : block; margin : 0; padding : 0; font : normal 11px/135% Verdana, Arial, sans-serif; color : #000; }