/* CSS Document fuer www.by-com.net */

*, html,body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#CCCCCC;
	text-align: left;
}
.nowrap {white-space: nowrap;}

/*  Schriftformatierung  */  
h1 {padding:0px 0px 10px 0px; font-size: 1em; font-weight: bold;  color:#053882;}
h1:before {content: url(../images/bf-headline.gif);}

h2 {padding:0 0px; font-size: .9em; font-weight: bold; line-height:normal; color:rgb(0,0,0); letter-spacing:0.1em;}
h3 {padding:0 0px; font-size: .8em; font-weight: bold; line-height:normal; color:rgb(0,0,0); letter-spacing:0.1em;}
h5 {padding: 3px 5px 3px 5px; font-size: .7em; line-height:normal; color: rgb(100,100,100); background-color:rgb(255,200,0);}

p {padding-left: 25px; font-size: .8em; font-style: normal; font-weight: normal; color:rgb(0,0,0);}

DIV.csc-textpic-text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; text-align: left;}

/* andere Links */

a:link    {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover   {color:#000; text-decoration:none; border-width:0;}
a:active  {color:#666; text-decoration:none;}
a:focus   {color:#666; text-decoration:none;}

/* Menu */

/* ul {margin:0; padding:0;} */

/* .menuHorizontal ul, li {display:inline; list-style-type:none;} */
.menuHorizontal   	{padding-top: 1px; font-size: .8em; color: #000000; }
.menuHorizontal a 	{padding-top: 4px; color:#000000; text-decoration:none; font-size: .7em;}
.menuHorizontal a:hover {color:rgb(150,150,150);}


/* .menuVertical ul, li {display:inline; list-style-type:none;} */

.menuVertical {color:#666; font-size: .8em; padding-left:25px; text-decoration: none; white-space: nowrap;}
.menuVertical a:hover,a:active {color:#cc071e;}

.menuVertical_active   {color:#cc071e; font-size: .8em; padding-left:25px; text-decoration: none; white-space: nowrap; } 
.menuVertical_active a {color:#cc071e;}


/* .unterMenuVertical ul, li {display:inline; list-style-type:none;} */

.unterMenuVertical a:link    {color:#000; font-size: .8em; line-height: 1.5em; background-color:#CCCCCC; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:visited {color:#000; font-size: .8em; line-height: 1.5em; background-color:#CCCCCC; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:focus   {color:#000; font-size: .8em; line-height: 1.5em; background-color:#CCCCCC; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:hover   {color:#000; font-size: .8em; line-height: 1.5em; background-color:#B6B6B6; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical a:active  {color:#000; font-size: .8em; line-height: 1.5em; background-color:#B6B6B6; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;} 



.unterMenuVertical_active  {color:#000; font-size: .8em; line-height: 1.5em; background-color:#B6B6B6; padding-left:30px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unterMenuVertical_active a {color:#000;}

/* .unter2MenuVertical ul, li {display:inline; list-style-type:none;} */

.unter2MenuVertical a:link    {color:#000; font-size: .8em; line-height: 1.5em; background-color:#CCCCCC; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:visited {color:#000; font-size: .8em; line-height: 1.5em; background-color:#CCCCCC; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:focus   {color:#000; font-size: .8em; line-height: 1.5em; background-color:#CCCCCC; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:hover   {color:#000; font-size: .8em; line-height: 1.5em; background-color:#B6B6B6; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical a:active  {color:#000; font-size: .8em; line-height: 1.5em; background-color:#B6B6B6; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;} 

.unter2MenuVertical_active  {color:#000; font-size: .8em; line-height: 1.5em; background-color:#B6B6B6; padding-left:40px; border-top:1px solid rgb(240,240,240); border-bottom:1px solid rgb(102,102,102); display:block; text-decoration: none;}
.unter2MenuVertical_active a {color:#000;}

/* Layoutboxen */

#bg-outer {
        position: relative;
        margin-left:0px;
	margin-right:0px;
	width: 100%;
	margin-top: 0px;
	min-height: 100%;
        height: auto !important;
        height: 100%;
}
#bg-links {
	width: 60px;
	background-image: url(../images/bg-links.gif);
	position: absolute;
	left: 0px;
	margin-top: 0px;
	top: 0px;
	height: 100%;
}
#bg-rechts {
	width: 59px;
	height: 100%;
	background-image: url(../images/bg-rechts.gif);
	position: absolute;
	right: 0px;
	margin-top: 0px;
	top: 0px;
}
#bg-content {
	width: auto;
	margin-left: 60px;
	margin-right: 60px;
	padding-top: 10px;
	background-color: #CCCCCC;
}

#headerBox {
	background-image: url(../images/header-bg.gif);
	height: 176px;
	border-left: 1px solid rgb(102,102,102);
	border-right: 1px solid rgb(102,102,102);
	border-top: 1px solid rgb(102,102,102);
}

#header-links {
	height:176px;
	float: left;
	left: 61px;
}
#header-rechts {
	height:176px;
	right: 61px;
	float: right;
}

#menuHorizontal {
	padding-right:20px;
	top:85px;
	height:15px;
	text-align:right;
	position: absolute;
	right: 80px;
}

#contentBox {
	background-color:rgb(255,255,255);
	background-image:url(../images/nav-u.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid rgb(102,102,102);
	border-left: 1px solid rgb(102,102,102);
	border-right: 1px solid rgb(102,102,102);
}

#menuBox {
float: left;
width:180px;
background-image: url(../images/nav-bg.gif);

}

#menu { width:180px; line-height: 1em;
}

#content {
	padding-top:20px;
	padding-left: 40px;
	padding-right: 60px;
	padding-bottom: 1px;
	margin-left: 173px;
	margin-bottom: 0px;
	background-image: url(../images/bg-content.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-left: 1px solid rgb(102,102,102);
}


#footer {
	text-align:center;
	bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-top-color: #666666;
	margin-right: 80px;
	margin-left: 60px;
	border-bottom: 1px solid rgb(255,255,255);
	border-top: 1px solid rgb(102,102,102);
	margin-top: 20px;
}



.footer {
	font-size:60%;
	line-height:120%;
	color:#666;
}



.csc-sitemap {font-size:70%; font-style: normal; line-height: 140%; font-weight: normal; color:#000;}



/* Ueberschreibe css-styled-content - ImageBorder */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border: 5px solid black; padding: 0px 0px;}

/* Ueberschreibe css-styled-content - zentrierte Bildunterschriften */

DIV.csc-textpic-caption-c .csc-textpic-caption {text-align: center; font-size:70%; }
dd.csc-textpic-caption {text-align: center; font-size:70%; }


/* img Anweisung fuer linkstyle */

img {border:none;}

	

/* Formulare */
#mailform label {
	float:left;
	display:block;
	width:100px;
	margin-bottom:0px;
	padding-left:0px;
}


#mailform input, #mailform  select {
	float:left;
	display:block;
	width:200px;
/*	border: 1px solid #333; */
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:bold;

	color:#053882;
	margin-bottom:5px;
	padding:1px;
}



#mailform textarea {
	width:auto;
	width:400px;
	border:1px #bbbbbb solid;
	background:none;
	float:left;
	display:block;
	margin-right:50px;
	margin-top:3px !important;
	margin-top:0px; /*to fix ie6 position*/
	margin-bottom: 12px
}

#mailform {
	width:400px;
	border: none;
}

#mailformformtype_mail {
	width:250px;
}

#mailform .option {
	border:none;
	background:none;
	width:auto;

}

#mailform fieldset {
	border:none;
	padding-left:100px;
	padding-bottom:10px;
	display:block;
}

#mailform fieldset input {
	width:auto;
	border:1px #bbbbbb solid;
	background:none;
	float:left;
	display:block;
	margin-right:50px;
	margin-top:3px !important;
	margin-top:0px; /*to fix ie6 position*/
}

#mailform fieldset label {
	width:auto;
	float:left;
	clear:both;
	display:block;
	padding-right:2px;
	font-size:80%; font-weight:normal; color:#000;
	white-space:nowrap; /*to fix ie6 wrapping*/
}
.rot {color:rgb(204,7,30);}
.blau {color:rgb(5,56,130);}