@charset "UTF-8";
/* CSS Document */

body {
/*background-image:url(img/main_bg.gif);*/
background-image:url(img/cologne_fond.jpg);
margin-top:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#a9ab9d;

}
#master{
margin-left: auto;
margin-right: auto;
width:842px;}


#wrapper {
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
width:842px;
text-align:left;
padding: 0;
margin-bottom:30px;
float:left;
position: relative;

}


/*#########################
# MAIN
#########################*/

#main{
width:788px;
padding-left: 25px;
}
#logofield{
position: absolute;
top:30px;
z-index:3;
left:600px;
width:200px;
height:100px;
cursor:pointer;
}

/*#####TOP#####*/
#top{
width:788px;
height:336px;
background:#FFffff;
}
.submenu{
z-index:10;
width:100px;
height:100px;
position: absolute;
top:50px;
left:100px;
}

.submenu{
position:absolute;
top:100px;
left:200px;
height:100px;
width:200px;
filter:alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75;
background-color:#FFFFFF;
}


#topnavi{
background:#ffffff;
text-align:right;
padding-top:12px;
padding-bottom:4px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#848484;
text-transform:uppercase;
word-spacing:10px;
}
#topnavi a{
text-decoration:none;
color:#848484;
text-transform:uppercase;
}
#mainmenu{
height:0px;
padding:0;
margin:0;
background-image:url(img/mainmenu_bg.gif);

}

#mainmenu #menumain{
padding-left:19px;
}
#mainmenu #menumain .menu_normal{
float:left;
border-right:1px solid #d7c283;
padding-left:9px;
padding-top:8px;
padding-right:9px;
}
#mainmenu #menumain .menu_normal a{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF;
}
#mainmenu #menumain .menu_normal_first a{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF;
}

#mainmenu #menumain .menu_normal_first{
float:left;
height:18px;
border-left:1px solid #d7c283;
border-right:1px solid #d7c283;
padding-left:9px;
padding-top:9px;
padding-right:9px;
}
#centerpart{
margin-top:2px;
background-color:#f2f2f2;
background-image: url(fileadmin/template/img/wireless.gif);
background-position:bottom;
background-repeat:no-repeat;
float:left;
width:788px;
}
/*#####LEFT#####*/
#left{
padding-top:23px;
padding-left:12px;
background-color:#f2f2f2;
float:left;
width:165px;
border:1px #f2f2f2 solid;
}
#left #submenu{
margin-bottom:20px;
}
#left .sub-row{height:25px;width:145px;}

#left .submenu-01_no_first{
font-weight:900;
font-size:11px;
text-transform:uppercase;
padding-top:8px;
padding-bottom:8px;
width:130px;
float:left;
color:#515151;
}
#left .submenu-01_no_first a{
font-weight:900;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
color:#515151;
}
#left .submenu-01_no_first a:hover{
font-weight:900;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
color:#b7863b;
}
#left .submenu-01_icon{
width:13px;
padding-top:9px;
text-align:right;
float:left;
}
#left .submenu-01_no{
font-weight:900;
font-size:11px;
text-transform:uppercase;
padding-top:8px;
padding-bottom:8px;
width:130px;
float:left;
color:#515151;
}
#left .submenu-01_no a{
font-weight:900;
font-size:11px;
text-transform:uppercase;
color:#515151;
text-decoration:none;
}
#left .submenu-01_no a:hover{
font-weight:900;
font-size:11px;
text-transform:uppercase;
color:#b7863b;
text-decoration:none;
}

#left .submenu-01_act{
font-weight:900;
font-size:11px;
text-transform:uppercase;
padding-top:8px;
padding-bottom:8px;
width:130px;
float:left;
color:#b7863b;
}
#left .submenu-01_act a{
font-weight:900;
font-size:11px;
text-transform:uppercase;
color:#b7863b;
text-decoration:none;
}
#left .submenu-01_act a:hover{
font-weight:900;
font-size:11px;
text-transform:uppercase;
color:#515151;
text-decoration:none;
}

#left .submenu-02_no{
width:120px;
padding-left:18px;
clear:both;
font-size:11px;
text-transform:uppercase;
padding-top:6px;
padding-bottom:6px;
color:#515151;
}
#left .submenu-02_no a{
font-size:11px;
text-transform:uppercase;
color:#515151;
text-decoration:none;
}
#left .submenu-02_no a:hover{
font-size:11px;
text-transform:uppercase;
color:#b7863b;
text-decoration:none;
}
#left .submenu-02_act{
width:120px;
padding-left:18px;
clear:both;
padding-top:6px;
padding-bottom:6px;
}
#left .submenu-02_act a{
font-size:11px;
color:#b7863b;
text-transform:uppercase;
text-decoration:none;
}
#left .submenu-02_act a:hover{
font-size:11px;
color:#515151;
text-transform:uppercase;
text-decoration:none;
}
#left #trenner{
border-top:1px dashed #a4a4a4;
clear:both;
font-size:1px;
width:145px;
}
#left #left_content div{
}

/*#####MIDDLE#####*/
#middle{
width:400px;
float:left;

}
#middle H1{
text-transform:uppercase;
font-size:25px;
color:#545454;
font-weight: lighter;
padding-top:21px;
padding-bottom:11px;
margin:0px;
}

#middle H2{
text-transform:uppercase;
font-size:12px;
color:#515151;
font-weight: 900;
padding-top:13px;
margin:0px;
}
#middle H5{
text-transform:uppercase;
font-size:25px;
color:#545454;
font-weight: lighter;
padding-top:21px;
margin:0px;
}
#middle H6{
font-size:13px;
color:#b7863b;
font-weight: 900;
margin:0px;
padding-bottom:20px;
}
#middle p a{
text-decoration:none;
color:#b7863b;
}

#middle p{
font-size:11px;
color:#545454;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
}
#middle #trenner{
border-top:1px dashed #a4a4a4;
clear:both;
font-size:1px;
}
#middle #beschreibung .beschreibung_head{
text-transform:uppercase;
font-size:12px;
color:#515151;
font-weight: 900;
padding-top:13px;
margin:0px;
}
#middle .beschreibung_text{
font-size:11px;
color:#545454;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
padding-top:5px;
padding-bottom:5px;}

#middle .zweispaltig{}
#middle .zweispaltig .icon{padding-top:7px;padding-bottom:7px;float:left; width:75px; text-align:right;margin-right:15px;}
#middle .zweispaltig .text{padding-top:7px;padding-bottom:7px; line-height:15px; font-size:11px; color:#515151;float:left;width:300px;}

#middle .dreispaltig{}
#middle .dreispaltig .text1{width:20px;padding-top:7px;padding-bottom:7px; line-height:15px; font-size:11px; color:#515151;float:left;font-weight:900;}
#middle .dreispaltig .text2{width:345px;padding-top:7px;padding-bottom:7px; line-height:15px; font-size:11px; color:#515151;float:left;}
#middle .dreispaltig .text3{width:30px;padding-top:7px;padding-bottom:7px; line-height:15px; font-size:11px; color:#515151;float:left;font-weight:900;}

#middle #footer{
padding-top:4px;
padding-left:5em;}

#middle #footer #druck,#empfehlen,#anfang{
padding-bottom:3px;
padding-top:3px;
padding-right:10px;
text-align:center;
vertical-align:middle;
text-transform:uppercase;
font-size:9px;
color:#545454;
float:left;
}
#middle .zweispaltig .text p{padding:0;margin:0}
#middle li{
color: #545454;
list-style:square;
}
#middle a{
color:#b7863b;
text-decoration:none;
}
/*#########################
# tabellen in MAIN
#########################*/
#middle table{
width:400px;
color:#545454;
margin:8px;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#middle table tr{

}
#middle table td{
margin-right:10px;
padding-top:8px;
padding-bottom:3px;
border-bottom:1px dashed #a4a4a4;

}
#middle table .tr-0{
font-weight:900;
}
#middle table .tr-0 td{
font-weight:900;
padding-top:8px;
padding-bottom:3px;
border-bottom:1px dashed #555555;

}
/*#########################
# tabellen in RIGHT
#########################*/
#right table{
width:120px;
color:#545454;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#right table tr{
margin:0px;
padding:0px;
}
#right table td{
margin:0px;
padding:0px;

}
#right table .tr-0{
font-weight:900;
}
#right table  input{
width:120px;

}
#right table .formular{
border: 1px solid #808080;}

#right table textarea{
width:120px;
}

/*#########################
# RIGHT
#########################*/

#right{
background-color:#f2f2f2;
width:182px;
color:#545454;
float:left;
padding-top:19px;
padding-left:20px;
padding-right:5px;
padding-bottom:10px;

}
#right .kategorie{
cursor:pointer;
width:165px;
height:18px;
color:#545454;
border:1px solid #ffffff;
padding-top:6px;
margin-top:2px;
}
#right .kategorie a{
font-weight:900;
font-size:11px;
color:#545454;
text-transform:uppercase;
padding-left:12px;

}

#right .kategorie_main{
background-color:#ffffff;
width:145px;
color:#545454;
padding-bottom:10px;
padding-left:5px;
}
#right .kategorie_main a{
color:#b7863b;
text-decoration:none;

}
#right .kategorie_main a:hover{
color:#545454;
text-decoration:none;

}

#right .kategorie_main img{
clear:both;
float:none;
}

#right .kategorie_main .csc-textpic csc-textpic-left csc-textpic-above{
clear:both;
float:none;
padding:0;
margin:0;
}

#right .kategorie_main .csc-textpic-imagewrap{
clear:both;
float:none;
padding:0;
margin:0;}

#right .kategorie_main .csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol{
clear:both;
float:none;
padding:0;
margin:0;}

#right .kategorie .kategorie_main a{
color:#b7863b;
text-decoration:none;
}
#right .kategorie .kategorie_main p{
color:#545454;
}

#basic-accordian a{
color:#b7863b;
text-decoration:none;
}

.form_wide{
background-image:url(fileadmin/template/img/search_bg.gif);
border: 1px solid #808080;
padding-left:8px;
font-size:11px;
width:100px;
}

.form_small{
width:22px;
background-image:url(fileadmin/template/img/search_bg.gif);
border: 1px solid #808080;
padding-top:2px;
margin-right:7px;
font-size:11px;
padding-left:8px;
}
.form_submit{
background-color:#b7863b;
height:16px;
color:#ffffff;
font-size:9px;
margin-top:14px;
border:solid 1px #b7863b;
}

.box_head{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
font-weight:900;}

.calender_icon{


padding-left:2px;
vertical-align:bottom;
cursor:pointer;
}
.form_small{

vertical-align:top;
line-height:10px;
margin:3px;
}
.feldbeschreibung{
padding-top:4px;
}

#right .csc-textpic-text{
width:145px;
color:#545454;
}
#right ul{
list-style-type:square;
margin-left:8px;
padding-left:8px; 
}

/*#########################
# BOTTOM
#########################*/
#bottom{
text-align:center;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
color:#666666;
font-size:11px;
float:none;
clear:both;
background-color:#ffffff;
width:786px;
}
#bottom #bottom-left{
font-size:10px;
margin-bottom:10px;
float:left;
text-align:left;
text-transform:uppercase;
width:386px;
}
#bottom #bottom-right{
float:left;
margin-bottom:10px;
font-size:10px;
width:386px;
text-align:right;
}
#bottom hr{
border-top:#e6bf5c solid 1px;
border-bottom:#ffffff solid 1px;
border-right:#ffffff solid 1px;
border-left:#ffffff solid 1px;
color:#e6bf5c}

#bottom a {text-decoration: none;
color: black;
color: #666666;
}

.csc-textpic-clear, .csc-textpic csc-textpic-left csc-textpic-above csc-textpic-equalheight, .csc-textpic-imagewrap, .csc-textpic-image csc-textpic-lastcol{
/*height:0;
padding:0;*/
font-size:0px;
margin:0;
}
/*#########################
# ACCORDIAN
#########################*/
.basic  {
width:167px;
}
.basic div {
	background-color: #fff;
}

.basic p {

	border: none;
	text-decoration: none;
	margin: 0px;
	padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:0px;
	background-color: white;
}
.basic a {
cursor:pointer;
	text-transform:uppercase;
	display:block;
	padding:5px;
	text-decoration: none;
	font-weight: bold;
	color:#545454;
	padding-left:12px;
	margin-top:2px;
	border:1px solid #fff;

	
background-image:url(img/arrow_close.gif);
background-repeat:no-repeat;
background-position:right;
}
.basic a:hover {
background-color: white;
background-image:url(img/arrow_open.gif);
background-repeat:no-repeat;
background-position:right;
}
.basic a.selected {
color:#b7863b;
background-color: white;
background-image:url(img/arrow_open.gif);
background-repeat:no-repeat;
background-position:right;
}

.accordion_content{
padding:0px;
margin:0px;
padding-left:15px;
}
.basic .accordion_content a {
background: none !important;
background-color: white;
font-weight:normal;
text-transform:none;
text-decoration:underline;
border:none;
display: inline;
padding-left:2px;
}
.basic .accordion_content p {
padding:0px;
margin:0px;
padding-left:0px;
}
.basic .accordion_content a {
border:none;
}
.basic .accordion_content img {
border:none;
}