@charset "UTF-8";

/* GRUNDFORMATIERUNG ***************************************************************** */		

* { padding:0; margin:0; border:0; }
body { font: normal 62.5% Arial, Arial, Helvetica, sans-serif; }



/* STANDARDS ************************************************************************* */		
h1 { font: normal 62.5% Helvetica, Arial, sans-serif; }
h2 { font: normal 62.5% Helvetica, Arial, sans-serif; }
p { font-size:13px; line-height:20px; margin-bottom:10px; }

/* Text Links ************************************************************************ */		
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }
a:active { color: #000; text-decoration: none; }


/* Textformatierungen ***************************************************************** */		
.logosize { font-size:25px; }
.large { font-size:20px; line-height:25px; }
.normal { font-size:13px; line-height:20px; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.red { color:#900; }
.grey { color:#666; }
.links { font-size:12px }
.sublink { font-size:10px }


/* CONTENT *************************************************************************** */
div#wrapper { margin-right:auto; margin-left:auto; width:960px; padding:10px; }
div.content { width:960px; position:relative; padding-top:50px; }
div.content.fix {height:360px;}

/* HEADER **************************************************************************** */
div#header { width:960px; height:80px; position:relative; }
/* ul = Das Mutter-Element (Grundlegendes für den Inhalt der ul wird definiert) */
ul.HeaderHorizontal { list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* li = Das Kinder-Element der ul (Feld-Formatierungen werden definiert */
ul.HeaderHorizontal>li { padding:5px 0px 5px 0px; list-style-type:none; position:relative; height:70px; float:left; }
ul.HeaderHorizontal li.area01 { width:430px; }
ul.HeaderHorizontal li.area02 { width:530px; }



/* FOOTER ***************************************************************************** */
div#footer { position:relative; height:80px;}



/* MENUE ***************************************************************************** */
/* ul = Das Mutter-Element (Grundlegendes für den Inhalt der ul wird definiert) */
ul.MenuBarHorizontal { bottom:2px; right:0; position:absolute; list-style-type:none; }
ul.MenuBarHorizontal.left { bottom:2px; left:0; position:absolute; list-style-type:none; }

/* li = Das Kinder-Element der ul (Feld-Formatierungen werden definiert */
ul.MenuBarHorizontal li { height:20px; position:relative; float:left; list-style-type:none; }
ul.MenuBarHorizontal li.symbol{ height:20px; width:20px; background:#666666;}

/* a = Das Design der eigentlichen Links innerhalb der ul */
ul.MenuBarHorizontal a { height:16px; padding:2px 10px 2px 10px; display:block; margin-right:5px; color:#333; text-decoration: none;}
ul.MenuBarHorizontal a.image { height:20px; padding:0; }
ul.MenuBarHorizontal a.sublink { height:13px; }
ul.MenuBarHorizontal a.red { background-color:#900; color:#fff; }
ul.MenuBarHorizontal a.grey { background-color:#666; color:#fff; }
ul.MenuBarHorizontal a.active { background-color:#666; color:#fff; }
/* a:hover = Rollover */
ul.MenuBarHorizontal a:hover { background-color:#CCC; color:#000; }



/* SUB-MENUE ***************************************************************************** */
/* ul = Das Mutter-Element (Grundlegendes für den Inhalt der ul wird definiert) */
ul.SubBarHorizontal { height:20px; left:0; position:relative; list-style-type:none; margin-bottom:5px;}

/* li = Das Kinder-Element der ul (Feld-Formatierungen werden definiert */
ul.SubBarHorizontal li { height:15px; position:relative; float:left; list-style-type:none; }
ul.SubBarHorizontal li.text { height:13px; padding:2px 10px 2px 10px; display:block; margin-right:5px; color:#fff; background-color:#666; color:#fff;}


/* a = Das Design der eigentlichen Links innerhalb der ul */
ul.SubBarHorizontal a { padding:2px 10px 2px 10px; display:block; margin-right:5px; color:#333; text-decoration: none;}
ul.SubBarHorizontal a.grey { background-color:#666; color:#fff; }
ul.SubBarHorizontal a.active { background-color:#666; color:#fff; }
/* a:hover = Rollover */
ul.SubBarHorizontal a:hover { background-color:#CCC; color:#000; }

li.thumbs { height:auto; left:0; position:realtive; list-style-type:none; }
li.blanc { height:30px; left:0; position:relative; list-style-type:none; }
.thumbnails { height:60px; float:left; position:relative; margin:0 5px 5px 0; background: url(../images/loading.gif) no-repeat center; }


/* CONTENT ***************************************************************************** */
/* ul = Das Mutter-Element (Grundlegendes für den Inhalt der ul wird definiert) */
ul.modul { position:relative; list-style-type:none; }
/* li = Das Kinder-Element der ul (Feld-Formatierungen werden definiert */
ul.modul li { position:relative; list-style-type:none; }

/* ul = Das Mutter-Element (Grundlegendes für den Inhalt der ul wird definiert) */
ul.modul3er { position:relative; list-style-type:none; }
/* li = Das Kinder-Element der ul (Feld-Formatierungen werden definiert */
ul.modul3er li { height:300px; width:300px; position:relative; float:left; list-style-type:none; }
ul.modul3er li.image { background:#fff url(../images/loading.gif) no-repeat center; height:300px; width:300px; }
ul.modul3er li.blanc { background:#fff; height:50px; width:300px; }
ul.modul3er li.text { height:auto; width:240px; margin-left:60px;}
ul.modul3er li.news { height:auto; width:600px; margin-left:60px;}

hr { background:#666; position:relative; height:1px; margin-bottom:10px; }


/* Admin Elemente */
textarea { opacity:.70; font: 13px Helvetica, Arial, sans-serif; width:100%; height:30px; padding:2px; margin-bottom:17px;}
textarea.style02 { width:600px; height:20px; }
textarea.style02.tt ,textarea.style02.mm { width:50px; overflow:hidden; }
textarea.style02.jjjj { width:80px; overflow:hidden; }
textarea.height01 { height:80px; }

input { opacity:.80; font-size:11px; font: 13px Helvetica, Arial, sans-serif; width:100%; height:25px; padding:2px;}
input.admin { opacity:100; background:#096; height:auto; color:#fff; width:auto; display:block; padding: 2px 5px 2px 5px; text-decoration:none; border:1px solid #fff;}
input.admin:hover { background:#fff; color:#096; border:1px solid #096;}

table { width:600px; border:0; cellspacing:0; cellpadding:0; text-align:left; }
table.admin { width:600px; color:#c00; }
table.admin th { width:90%; text-align:right; padding-right:10px; }

/* Hides */
.hide { left:-1000em; position:absolute; top:-1000em;}

/* CLEAR FIX EIGENSCHAFT  von:  http://www.jassesnee.de/easyclear/ ******************* */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */