/*
///////////////////////////////////
/                                 /
/  mgrafix.css                    /
/  Copyright by MGrafix.net       /
/  Made by donikDESIGN / donik.de /
/                                 /
///////////////////////////////////
*/


/*
/////////////////////////////////// BODY
*/

body {
background-color: #fff;
margin-top: 0px;
font-size: 11px;
font-family: verdana;
font-color: #333;
}

a:link {
color:#333;text-decoration : none;
}

a:visited {
color:#333;text-decoration : none;
}

a:hover {
color:#333;text-decoration : none;
}

a:active {
color:#333;text-decoration : none;
}

.flLeft {
float : left;
}

.flRight {
float : right;
}

div.image {
margin : 10px;
}

h1 {
padding-top: 5px;	
font-size:18px;
font-style:bold;
}

h2 {
font-size:14px;
font-style:bold;
}

h3 {
font-size:12px;
font-style:bold;
}




/*
/////////////////////////////////// HEADER BEREICH
*/


div.top-image {
background-image: url(../images/top-image.png);
width:759px;height:296px;
text-align: left;
}

div.subtext {
margin-top: 135px;
margin-left: 320px;
font-size: 11px;
color: #fff;
font-family: verdana;
}

div.bread {
margin-top: 7px;
margin-left: 10px;
font-size: 11px;
font-family: verdana;
}

div.top-nav {
position:relative;
right: 50px;
top: 50px;
text-align: right;
}

div.top-navigation
{
position:relative;
left: 20px;
top: 0px;
text-align: left;
font-size: 16px;
color: #fff;
font-family: verdana;
font-weight: lighter;

}

img.top-navigation{
padding-right: 5px;

}

a.top-navigation:link {color:#fff;text-decoration : none;
}

a.top-navigation:visited {color:#fff;text-decoration : none;
}

a.top-navigation:hover {color:#fff;text-decoration : none;
}



/*
/////////////////////////////////// INHALTSBEREICH
*/

div.inhalt {
background-color: #f4f4f4;
margin-top: 0px;
font-size: 11px;
font-family: verdana;
font-color: #999;
width:759px;
text-align: left;
}

div.inhalte {
background-color: #f4f4f4;
margin-left: 40px;
font-size: 11px;
font-family: verdana;
font-color: #999;
width:675px;
text-align: left;
}


/*
/////////////////////////////////// FOOTER BEREICH
*/


div.bottom-line {
background-image: url(../images/bottom-line.gif);
width:759px;height:23px;
}

div.bottom-nav {
position:relative;
top: 15px;
left: 0px;
text-align: left;
font-size: 10px;
font-family: verdana;
font-color: #999;
}

div.copyright {
position:relative;
top: 25px;
text-align: right;
font-size: 10px;
font-family: verdana;
font-color: #333;
}


/*
/////////////////////////////////// PAPIER / NEWSBOARD
*/


div.paper {
}

div.paper-top {
background-image: url(../images/paper-top.png);
width: 361px;
height: 98px;
}

div.paper-top-text {
padding-top: 65px;
padding-left: 20px;
text-align: left;
font-size: 15px;
font-family: verdana;
font-weight: bold;

}

div.paper-middle {
background-image: url(../images/paper-middle.png);
width: 361px;
}

div.paper-middle-text {
padding-left: 20px;
text-align: left;
font-size: 11px;
font-family: verdana;
}

div.paper-bottom {
background-image: url(../images/paper-bottom.png);
width: 361px;
height: 121px;
}


/*
/////////////////////////////////// NEWS-BOARD
*/

img.news-image {
outline-style:double;
outline-width:3px;
outline-color:#666666;
margin-right: 5px;
}

div.news-line {
padding-left: 15px;
}


/*
/////////////////////////////////// Headline (IMAGE)
*/

td.head_line_middle {
background-image: url(../images/head_line_middle.jpg);
height: 50px;
width: 35%;
font-size:18px;
font-style:bold;
font-family: verdana;

}
td.head_line_middle_sub {
background-image: url(../images/head_line_middle.jpg);
height: 50px;
width: 65% ;
font-size:12px;
font-style:bold;
font-family: verdana;
text-align:right;


}
/*
div.frau_muetze {
background-image: url(../images/frau_muetze.png);
width:107px;
height:203px;
position: relative;
margin-left: 245px;
border: 2px solid #000000;
}
*/


/*
/////////////////////////////////// SUBKATEGORIE
*/



div.subkategorie {
background-color: #ccc;
padding-top: 5px;
padding-bottom: 5px;
width: 737px;
text-align: left;
padding-left: 20px;
border-left: 1px solid #f40a0a;
border-right: 1px solid #f40a0a;
border-bottom: 1px solid #f40a0a;
}

/*
/////////////////////////////////// SUB LINK AKTIV
*/

a.sub_link_aktive:link{
color: #000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
}

a.sub_link_aktive:visited{
color: #000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
}

a.sub_link_aktive:hover{
color: #000;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
}

/*
/////////////////////////////////// SUB LINK IN-AKTIV
*/

a.sub_link_inaktive:link{
color: #000;
font-size: 10px;
font-family: Verdana;

}

a.sub_link_inaktive:visited{
color: #000;
font-size: 10px;
font-family: Verdana;

}

a.sub_link_inaktive:hover{
color: #F00;
font-size: 10px;
font-family: Verdana;

}


/*
/////////////////////////////////// MODUL HTML TEXT & BILD
*/


div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 2px #fff; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 2px #999;}
.wysiwygimg a.wysiwygimg:focus {border:solid 2px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 2px #f00;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}




/*
/////////////////////////////////// KONTAKT FORMULAR
*/


.formgen {
font-size: 12px;
}

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
}



.formgen form{
width: 670px;
}

.formgen .formblock{
margin-bottom: 15px;
width: 600px;
padding-right: 2px;
padding-left: 5px;
}

.formgen br {
clear : both;
}

.formgen .formtextfield {
width: 400px;
background-color: ;
color: #000;

}

.formgen .formtext {
width: 200px;
background-color: ;
color: #000;
margin-left: 4px;
}

.formgen .formtrenn {
display: block;
height: 6px;	
}

.formgen .formhinweis {
font-weight: bold;
color: #003366;
font-size: 12px;
}

.formgen .formheadline {
font-weight: bold;
color: #003366;
}

.formgen .formpassword {
width: 200px;
background-color: #CCCCCC;
margin-left: 4px;
}

.formgen .formcaptcha {
border: 1px solid #990000;
}


.formgen label {
font-family: verdana;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
color: #333;
}

.formgen .formselect {
width: 200px;
background-color: orange;
color= #000;
margin-left: 4px;
}

.formgen .formsubmit {
	background-color: red;
	color: #fff;
	width: 20%;
}


.formgen fieldset {
}

.formgen legend {
font-weight: bold;
color: #fff;
}

.formgen .forminfo {
color: red;
background-color: #990000;
border: 1px dashed #000000;
margin: 5px;
padding: 5px;
}

.formgen .formerror {
	color: #ff0000;
	background-color: #;
	font-weight: bold;
}