@charset "UTF-8";

.default #col1 { float: left; width: 23.85%;  margin:0; }
.default #col2 { float: right; width: 23.85%;  margin:0; }
.default #col3 { width: auto; margin: 0 31.2% 0 0; background-color: #fff; }
.default #col1_content { padding: 0 10px 0 20px }
.default #col2_content { padding: 0 20px 0 10px }
.default #col3_content { padding: 0 }
.default #col1_bg { background: #e6f3fa url(../images/submenu_bg.gif) repeat-x left top; }
.default #col2_bg { background: #999 url(../images/grey_bg.gif) repeat-x left top; margin-left: 23.85%; }


/* submenu */
.default #col1_content {
	padding: 10px;
	}
.default #col1_content h2 {
	background-color: #e5f2fa;
        background-position: 4px 8px !important; /* 4px 6px */
	color: #003366;
	font-size: 1.4em;
	font-weight: normal;
        line-height: 1.25em;
	margin-bottom: 20px;
	padding: 5px 5px 5px; /* 10px 5px 5px */
        text-indent: -9999px;
	}
.default #col1_content ul {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #fff;
	margin: 0;
	list-style-type: none;
	}
.default #col1_content ul li {
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #999;
	margin: 0;
	}
.default #col1_content ul li.active {
	}
.default #col1_content ul li.first {
	}
.default #col1_content ul li.last {
	}
.default #col1_content ul li.with_sub a {
        font-weight: bold;
	}
.default #col1_content ul li.with_sub li a {
        font-weight: normal;
	}
.default #col1_content ul ul {
	border: none;
	margin: 1ex 0;
	}
.default #col1_content ul li ul li {
	border: none;
	height: 1%;
	}
.default #col1_content a { 
	display: block; 
	padding: 0 10px 0 0;
	}
.default #col1_content ul ul li a {
	border: none;
	padding: 0 0 0 10px;
	}
.default #col1_content ul ul li.active {
	}
.default #col1_content ul li,
.default #col1_content ul li a,
.default #col1_content ul li.active li,
.default #col1_content ul li.active li a { 
	color: #000; 
	font-weight: normal;
	text-decoration: none;
	}	
.default #col1_content ul li a {
	background: transparent url(../images/submenu_arrow.gif) no-repeat right 4px;
	}
.default #col1_content ul li.active a {
	background-image: url(../images/submenu_arrow_active.gif);	
	}
.default #col1_content ul li li a,
.default #col1_content ul li.active li a { 
	background: transparent url(../images/sub_submenu_arrow.gif) no-repeat left 4px;
	}
.default #col1_content ul li li.active a,
.default #col1_content ul li.active li.active a { 
	background-image: url(../images/sub_submenu_arrow_active.gif);	
	}
.default #col1_content ul li a:hover,
.default #col1_content ul li a:focus,
.default #col1_content ul ul li a:hover,
.default #col1_content ul ul li a:focus {
	color: #cc0000; 
	text-decoration: none;
	background: transparent url(../images/submenu_arrow_active.gif) no-repeat right 4px;
	}	
.default #col1_content ul ul li a:hover,
.default #col1_content ul ul li a:focus {
	background: transparent url(../images/sub_submenu_arrow_active.gif) no-repeat left 4px;
	}	
.default #col1_content ul li.active,
.default #col1_content ul li.active a,
.default #col1_content ul li li.active,
.default #col1_content ul li li.active a { 
	color: #cc0000; 
	font-weight: bold;
	}	

        
/* right column */
.default #col2_content {
	padding: 10px;
	color: #000;
	}
.default #col2_content h2 {
        font-size: 1.4em;
        font-weight: normal;
        margin-bottom: 20px;
        padding: 10px 5px 5px;    
        }
.default #col2_content p {
	margin: 0.7em 0;
	}


/* content area */	
.default #col3 { padding: 0 15px; }	
.default #col3_content {
	/* border-top: 2px solid #999; */
	color: #000;
	}
.default #col3_content h1 {
        background-position: 0 13px !important; /* 0 14px */
	border-top: 2px solid #999;
	border-bottom: 1px dotted #999;
	color: #999;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 17px 5px 5px; /* 18px 5px 5px */
        text-indent: -9999px;
	}
.default #col3_content h2 {
	border-bottom: 1px solid #333;
	color: #333;
	font-family: verdana, Sans-serif;
	font-size: 1em;
	margin:1.7em 0pt 1em;
	padding:0pt 0pt 6px;	
	}
.default #col3_content p {
	margin: 0.7em 0;
	}
.default #col3_content p,
.default #col3_content ul li,
.default #col3_content ol li {
	margin-top: 0.7em;
        margin-bottom: 0.7em;
	}
.default #col3_content hr {
        background-color: #999;
        border: medium none;
        color: #999;
        height: 1px;
        line-height: 1px;
        margin: 0.5em 0pt;
        padding: 0pt;
        }
.default #col3_content sub {
        font-size: 0.8em;
        }
        
        
/* preislisten */        
.default #col3_content table.contenttable {
    border-spacing: 0;
    margin: 1ex 0 1em;
    width: 100%;
    }
.default #col3_content table.contenttable td {
    padding: 3px;
    text-align: right;
    vertical-align: top;
    width: 5em;
    }
.default #col3_content table.contenttable td.td-0 {
    text-align: left;
    width: auto;
    }
.default #col3_content table.contenttable tr.tr-0 td { background-color: #e5f2fa; }

        
/* verweise am ende des content-bereichs */
.default #col3_content #verweise { 
    margin-top: 1.2em; 
    border-top: 1px dotted #999;
    }
.default #col3_content #verweise h2 { 
	border-bottom: none;
    margin: 10px 0 0 0;
 	padding: 0;
    }
.default #col3_content #verweise ul {
    list-style-type: none;
    margin: 0;
    }
.default #col3_content #verweise li {
    margin: 0;
    }
.default #col3_content #verweise a { padding: 0 0 0 15px; }
.default #col3_content #verweise li a.internal-link,
.default #col3_content #verweise li a.internal-link:visited {
    background: transparent url(../images/link_int_inactive.gif) no-repeat left 3px;
    }
.default #col3_content #verweise li a.internal-link:hover,
.default #col3_content #verweise li a.internal-link:focus,
.default #col3_content #verweise li a.internal-link:active {
    background-image: url(../images/link_int_active.gif);
    }
.default #col3_content #verweise li a.external-link,
.default #col3_content #verweise li a.external-link:visited {
    background: transparent url(../images/link_ext_inactive.gif) no-repeat left 3px;
    }
.default #col3_content #verweise li a.external-link:hover,
.default #col3_content #verweise li a.external-link:focus,
.default #col3_content #verweise li a.external-link:active {
    background-image: url(../images/link_ext_active.gif);
    }

    
/* kontakt - kontaktformular */
.default .contact {}
.default .contact h2 { 
	border-bottom: 1px solid #000; 
	margin: 20px 0 10px 0;
	}
.default .contact input.text,
.default .contact textarea {
	background-color: #e5f2fa;
	border: none;
	} 
.default .contact .contact_interests { overflow: hidden; }        
.default .contact .contact_interests div { 
	float: left; 
	width: 50%; 
	}
.default .contact .contact_interests label,
.default .contact .contact_interests input { float: left; }
.default .contact .contact_interests input { margin: 0 5px 0 0; }
.default .contact textarea { 
	font-size: 1.4em;
	height: 7em;
	padding: 5px;
	width: 34em;
	}
        
/* Safari hack for correct width of textareas */
body:first-of-type .default .contact textarea { 
        width: 25.5em;
}
        
.default .contact .contact_type label { margin: 0 5px 0 0; }
.default .contact .contact_type input {  }	
.default .contact .contact_type input.text { width: 50px; } 
.default .contact .contact_data {}
.default .contact .contact_data div { margin: 5px 0; }
.default .contact .contact_data div label,
.default .contact .contact_data div input { float: left; }
.default .contact .contact_data label.firstname,
.default .contact .contact_data label.lastname { width: 6.26em; }
.default .contact .contact_data label.lastname { margin: 0 0 0 2em; }	
.default .contact .contact_data input.firstname,
.default .contact .contact_data input.lastname { width: 11em; }
.default .contact .contact_data label.company,
.default .contact .contact_data label.division { width: 6.26em; }
.default .contact .contact_data label.division { margin: 0 0 0 2em; }
.default .contact .contact_data input.company,
.default .contact .contact_data input.division { width: 11em; }
.default .contact .contact_data label.phone,
.default .contact .contact_data label.fax { width: 6.26em; }
.default .contact .contact_data label.fax { margin: 0 0 0 2em; }
.default .contact .contact_data input.phone,
.default .contact .contact_data input.fax { width: 11em; }
.default .contact .contact_data label.mobile,
.default .contact .contact_data label.email { width: 6.26em; }
.default .contact .contact_data label.email { margin: 0 0 0 2em; }
.default .contact .contact_data input.mobile,
.default .contact .contact_data input.email { width: 11em; }
.default .contact .contact_data label.street { width: 6.26em; }
.default .contact .contact_data input.street { width: 30.3em; }
.default .contact .contact_data label.postcode { width: 6.26em; }
.default .contact .contact_data label.town { margin: 0 0 0 1em; width: 2em; }
.default .contact .contact_data label.country { margin: 0 0 0 1em; width: 3em; }
.default .contact .contact_data input.postcode { width: 4em; }
.default .contact .contact_data input.town { width: 11.3em; }
.default .contact .contact_data input.country { width: 8em; }
.default .contact .kontakt-abschicken { 
	border-bottom: 1px solid #000; 
	margin: 20px 0 0 0;
	padding-bottom: 10px;
	text-align: right;
	}

        
/* service - openit-newsletter */        
.default .tx-danewslettersubscription-pi1 div.clearfix {
    height: 1.7em;
    margin: 5px 0;
    }
.default .tx-danewslettersubscription-pi1 label { 
    float: left; 
     width: 9em;
    } 
.default .tx-danewslettersubscription-pi1 input.text, 
.default .tx-danewslettersubscription-pi1 input.radio,
.default .tx-danewslettersubscription-pi1 input.checkbox {
    margin: 1px 0;
    }
.default .tx-danewslettersubscription-pi1 input.text, 
.default .tx-danewslettersubscription-pi1 textarea,
.default .tx-danewslettersubscription-pi1 select {
    background-color: #dfe7ed;
    border: medium none;
    padding: 1px;
    }
#main .tx-danewslettersubscription-pi1 table td.tx-danewslettersubscription-pi1-form-header {
    background-color: #fff;
    margin: 5px 0;
    width: 9em;
    }
.default .tx-danewslettersubscription-pi1 table td.tx-danewslettersubscription-pi1-form-header p {
    }
.default .tx-danewslettersubscription-pi1 table td {
    margin: 5px 0;
    }
.default .tx-danewslettersubscription-pi1 table td input[type="text"] {
    background-color: #dfe7ed;
    border: medium none;
    margin: 1px 0;
    padding: 1px;
    width: 25em;
    }
.default .tx-danewslettersubscription-pi1 table td input[type="radio"] {
    margin: 0 5px;
    }

    
.default .tx-danewslettersubscription-pi1 div.submit_area {
    padding-top: 1em;
    }
.default .tx-danewslettersubscription-pi1 .submit_area input {
    background-color: #608cae;
    border: medium none;
    color: #fff;
    font-weight: bold;
    padding: 2px 4px;
    }
.default .tx-danewslettersubscription-pi1 input.button_submit_right {
    float: right;
    }


/* kontakt - anfahrt */
.default #map { 
    color: #333333;
    margin: 10px 0 0 0; 
    }
.default #map div.gmnoprint {  }
.default #map input { margin: 1ex 0; }
.default #map input#walk,
.default #map input#highways { margin: 0; } 
.default #directions { color: #333333; }


/* service - domains - eu-registrierung */
.default #eud input.text, 
.default #eud input.radio,
.default #eud input.checkbox {
    margin: 1px 0;
    }
.default #eud input.text, 
.default #eud textarea,
.default #eud select {
    background-color: #e5f2fa;
    border: medium none;
    padding: 1px;
    }
.default #eud textarea { font-size: 1.2em; }
.default #eud .marked {
    color: #CC0000;
    }
.default #eud input, 
.default #eud select {
    margin: 0px 0px 1ex;
    padding: 0px;
    }
.default #eud textarea, 
.default #eud input.textfield_normal, 
.default #eud select.select_country {
    width: 30em;
    }
.default #eud input.textfield_zipcode {
    margin-right: 1em;
    width: 5em;
    }
.default #eud input.textfield_town {
    width: 23.5em;
    }
.default #eud input.checkbox {
    line-height: 2em;
    margin: 0px;
    vertical-align: middle;
    }
.default #eud label.checkbox {
    line-height: 2em;
    vertical-align: middle;
    }
.default #eud input.textfield_long {
    width: 30em;
    }
.default #eud input.textfield_long_domain {
    width: 27em;
    }
.default #eud select.selectbox_long {
    width: 30em;
    }
.default #eud div.submit_area {
    padding-top: 1em;
    }
.default #eud .submit_area input {
    background-color: #608cae;
    border: medium none;
    color: #fff;
    font-weight: bold;
    padding: 2px 4px;
    }
.default #eud input.button_submit_right {
    float: right;
    }

    
/* service - domains - de-provider-wechsel */ 
.default #domain_kk div.clearfix {
    margin: 5px 0;
    }
.default #domain_kk label { 
    float: left; 
     width: 9em;
    } 
.default #domain_kk input.text, 
.default #domain_kk input.radio,
.default #domain_kk input.checkbox {
    margin: 1px 0;
    }
.default #domain_kk input.text, 
.default #domain_kk textarea,
.default #domain_kk select {
    background-color: #e5f2fa;
    border: medium none;
    padding: 1px;
    }
.default .warnung {
    color: #CC0000;
    }
.default #domain_kk input, 
.default #domain_kk select {
    margin: 0px 0px 1ex;
    padding: 0px;
    }
.default #domain_kk textarea, 
.default #domain_kk input.text, 
.default #domain_kk select {
    width: 20em;
    }
.default #domain_kk input.postcode {
    margin-right: 1em;
    width: 5em;
    }
.default #domain_kk input.town {
    width: 13.5em;
    }
.default #domain_kk input.checkbox {
    line-height: 2em;
    margin: 0px;
    vertical-align: middle;
    }
.default #domain_kk label.checkbox {
    line-height: 2em;
    vertical-align: middle;
    }
.default #domain_kk div.formular-abschicken {
    border-bottom :1px solid #000000;
    margin: 20px 0pt 0pt;
    padding-bottom: 10px;
    text-align: right;
    }
    
    
/* faqs */
.tx-sgglossary-pi1 table { width: 100%; }


/* references */
ul#referenzen_filter_cat {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    }
ul#referenzen_filter_cat li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    }
div.page .default ul#referenzen_filter_cat li a {
    color: #333;
    }
div.page .default ul#referenzen_filter_cat li a:hover,
div.page .default ul#referenzen_filter_cat li a:focus {
    color: #CC0000;
    }
div.page .default ul#referenzen_filter_cat li a.selected { 
    color: #CC0000;
    font-weight: bold; 
    }
ul#references {
    list-style-type: none;
    margin-left: 0;
    }
html #main ul#references li {
    border-bottom: 1px dotted #333;
    margin-left: 0;
    margin-bottom: 2.2em;
    }

/* old 
ul#references li h2 {
    padding: 0 0 1ex;
    }
ul#references li h2 a {
    color: #333 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    }   
ul#references li h2 a:hover,
ul#references li h2 a:focus {
    color: #CC0000 !important;
    }
old */
/* new */ 
ul#references li h3 {
    border-bottom: 1px solid #333333;
    color: #333333;
    font-family: verdana,Sans-serif;
    font-size: 1em;
    margin: 1.7em 0 1em;
    padding: 0 0 1ex;
    }
ul#references li h3 a {
    color: #333 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    }   
ul#references li h3 a:hover,
ul#references li h3 a:focus {
    color: #CC0000 !important;
    }
/* new */
    
    
ul#references li img {
    float: left;
    margin: 5px 15px 1px 0;
    /* margin-top: -3.2em; */
    }
ul#references li p {}
ul#references li .company {}
ul#references li .service {}
html #main ul#references li ul li,
html #main ul#references li ol li {
    border: none;
    margin-bottom: 1em;
    }
ul#references li .keyw {
    color: #333;
    }
ul#references li h3.keyw {  
    border-bottom: none;
    margin: 0;
    padding: 0;
    }
ul#references li ul.keyw { list-style-type: none; }
html #main ul#references li ul.keyw li {
    border: none;
    display: inline;
    margin-top: 0;
    margin-bottom: 0.3em;
    margin-left: 0.3em;
    }

    
.default #col2_content a,
.default #col3_content a,
.default #col2_content a:visited,
.default #col3_content a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
	}
.default #col2_content a:visited,
.default #col3_content a:visited {
	color: #666;
	}
.default #col2_content a:hover,
.default #col3_content a:hover,
.default #col2_content a:focus,
.default #col3_content a:focus,
.default #col2_content a:active,
.default #col3_content a:active {
	color: #cc0000; 
	font-weight: normal;
	text-decoration: underline;
	}
.default #col2_content a:active,
.default #col3_content a:active { text-decoration: none; }

.default #col2_content p.more,
.default #col3_content p.more { line-height: 1.2em; }

.default #col2_content a.more span,
.default #col3_content a.more span { margin: 0 15px 0 0; }
.default #col2_content a.more,
.default #col3_content a.more,
.default #col2_content a.more:visited,
.default #col3_content a.more:visited {
	background: transparent url(../images/more_link_inactive.gif) no-repeat right 4px;
	border-top: 1px dotted #999;
	border-bottom: 2px solid #999;
	color: #000;
	display: block;
	font-weight: normal;
	padding: 2px 0;
	text-align: right;
	text-decoration: none;
	width: 100%;
	}
.default #col2_content a.more:hover,
.default #col2_content a.more:focus,
.default #col3_content a.more:hover,
.default #col2_content a.more:active,
.default #col3_content a.more:focus,
.default #col3_content a.more:active {
	background-image: url(../images/more_link_active.gif);
	color: #cc0000;
	}
.default #col2_content a.more:active,
.default #col3_content a.more:active {
	font-weight: bold;
	}