/* debug ----------------------------------------
body { 
	position: absolute; 
	background: url(ds4_04_FILES/pixwhite.gif) repeat;
	}

.frontEndEditIcons {
	position: absolute;
	}
----------------------------------------------- */


/* -----------------------------------------------
global tags
----------------------------------------------- */

body * { 
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
/*	list-style-type: none; */
	}

img { 
	display: block;
/*	background: gray; */
	}

html, body { 
	margin:0 0 20px 0; 
	padding:0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 15px;
	}

a:visited { 
	color: inherit;
	}


/* -----------------------------------------------
container positionieren
----------------------------------------------- */

#cr-caption {
	position:absolute;
	top:36px;
	left:125px;
	}

#cr-logo {
	position:absolute;
	top:110px;
	width:104;
	height:95;
	background:#909FB0;
	}

#cr-nav {
	position:absolute;
	top:110px;
	left:110px;
	height:492px;
	width:180px;
	background: #516480 url(ds4_04_FILES/ecke_ur_m.gif) bottom right no-repeat;
	overflow: visible;
	}

#ct-nav {
	margin: 0 10px 15px 0;
	padding: 73px 0 0 10px;  
	background: url(ds4_04_FILES/ecke_ol_m.gif) top left no-repeat;	
	}

#metanav {
       position: absolute;
       top: 586px;
       left: 120px;
       width: 160px;
      }

#metanav a {
      float: left;
      }

/* layout main
----------------------------------------------- */
#cr-main {
	position:absolute;
	top:110px;
	left:296px;
/*	height:492px;*/
        min-height:492px;
	width:662px;
	overflow: visible;
	background: #909fb0 url(ds4_04_FILES/ecke_ur_h.gif) bottom right no-repeat;
	color: white;
	}

#body-teaser30 #cr-main { width:476px; }

#body-teaser20 #cr-main { width:400px; }

.ct-main {
	position: relative;
	margin: 0 10px 15px 0;
	padding: 10px 0 0 10px;
	display: block;
/*	height: 100%; */
	background: url(ds4_04_FILES/ecke_ol_h.gif) no-repeat;
	}

/* layout col-teaser 
----------------------------------------------- */

#col-teaser {
	position: absolute;
	top: 110px;
	height: 492px;
	overflow: hidden;
	background: #516480 url(ds4_04_FILES/ecke_ur_m.gif) bottom right no-repeat;
	}
	
#body-teaser20 #col-teaser {
	left: 702px;
	width: 256px;
	}

#body-teaser30 #col-teaser {
	left: 778px;
	width: 180px;
	}

.ecke-col-teaser {
	width:9px;
	height:9px;
	background:url(ds4_04_FILES/ecke_ol_m.gif) top left no-repeat;
	display: block;
	font-size: 0;
	}

/* layout teaser
----------------------------------------------- */

.cr-teaser {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-bottom-width: 6px;
	border-bottom-color: white;
	border-bottom-style: solid;
	}

.cr-teaser1, .cr-teaser5, .cr-teaser9, .cr-teaser13 { height: 160px; }
.cr-teaser2, .cr-teaser6, .cr-teaser10, .cr-teaser14 { height: 243px; }
.cr-teaser3, .cr-teaser7, .cr-teaser11, .cr-teaser15 { height: 326px; }
.cr-teaser4, .cr-teaser8, .cr-teaser12, .cr-teaser16 { height: 492px; }

.cr-teaser1, .cr-teaser2, .cr-teaser3, .cr-teaser4 {
	background: #909fb0 url(ds4_04_FILES/ecke_ur_h.gif) bottom right no-repeat;
	color: white;
	}

.cr-teaser5, .cr-teaser6, .cr-teaser7, .cr-teaser8, .cr-teaser13, .cr-teaser14, .cr-teaser15, .cr-teaser16, cr-teaser 17 {
	background: #516480 url(ds4_04_FILES/ecke_ur_m.gif) bottom right no-repeat;
	color: white;
	}

.cr-teaser9, .cr-teaser10, .cr-teaser11, .cr-teaser12 {
	background: #0a3968 url(ds4_04_FILES/ecke_ur_d.gif) bottom right no-repeat;
	color: #eeeeee;
	}

.ct-teaser {
	margin: 0 10px 10px 0;
	padding: 10px 0 0 10px;
	overflow: hidden;
	}

.ct-teaser13, .ct-teaser14, .ct-teaser15, .ct-teaser16, .ct-teaser17 {
	margin: 0;
	padding: 0;
	}

.ct-teaser1, .ct-teaser2, .ct-teaser3, .ct-teaser4 {
	background: url(ds4_04_FILES/ecke_ol_h.gif) top left no-repeat;
	color: white;
	}

.ct-teaser5, .ct-teaser6, .ct-teaser7, .ct-teaser8, .ct-teaser13, .ct-teaser14, .ct-teaser15, .ct-teaser16, .ct-teaser17 {
	background: url(ds4_04_FILES/ecke_ol_m.gif) top left no-repeat;
	color: white;
	}

.ct-teaser9, .ct-teaser10, .ct-teaser11, .ct-teaser12 {
	background: url(ds4_04_FILES/ecke_ol_d.gif) top left no-repeat;
	color: #eeeeee;
	}


/* -----------------------------------------------
typo global
----------------------------------------------- */

.ct-main h1 {
	margin: 49px 0 12px 0;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 28px;
	}
	
h2 {
	margin: 4px 0 10px 0;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 19px;
	}

.ct-main h2 { 
	margin: 59px 0 10px 0;
	}
	
h3 {
	margin: 10px 0 6px 0;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 19px;
	}

h4 {
	margin: 8px 0 4px 0;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 19px;
	}

.ct-teaser h3, .ct-teaser h4, .ct-teaser h5, .ct-teaser h6 { margin-top:0;}

h5 {
	margin: 6px 0 4px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	}
	
h6 {
	margin: 6px 0 4px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	}
	
p {
	margin-bottom: 4px;
	}

hr {
	height: 3px;
	width: 100%;
	color: #9aa9bd;
	border-style: solid;
	border-width: 1px  0;
	border-color: #7f8b9c;
}

.ct-main ul, .ct-teaser ul, .ct-main ol, .ct-teaser ol {
     list-style-position: outside;
     margin-bottom: 1em;
     }

.ct-main ol, .ct-teaser ol { 
    list-style-type: decimal; 
    margin-left: 2.1em;
    }

.ct-main ul, .ct-teaser ul { 
     margin-left: 1.4em;
     list-style-type: bullet; 
     }

.ct-main ul li, .ct-teaser ul li, .ct-main ol li, .ct-teaser ol li { margin-bottom: 0.2em; line-height: 1.2em;}


.internal-link, .mail {
    text-decoration: none;
    color: white;
    background: url(ds4_04_FILES/linkdot.gif) bottom repeat-x;
    }

.ct-main a, .ct-teaser a {
    text-decoration: none;
    color: white;
    background: url(ds4_04_FILES/linkdot.gif) bottom repeat-x;
    }

#rot {
    color: red;
    }


/* typo nav
----------------------------------------------- */

#ct-nav h4 { margin: 0 0 3px 0; }

#ct-nav .hr { 
	margin: 2px 0 18px 0;
	}
 
#ct-nav ul { 
	list-style-type: none; 
	margin-top: 3px;
	padding-top:4px;
	background: url(ds4_04_FILES/bar_m.gif) top left repeat-x;
	}

#ct-nav li { 
	display: inline; 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 13px;
	}


.nav-no a { 
	margin-top: 1px !important; 
	 padding: 3px 7px; 
	display: block;
	color: #eeeeee; 
	background: #334f6e !important; 
	}

.nav-no a:hover { background: #1f4069 !important; }

.nav-act a { 
	margin-top: 1px !important; 
	padding: 3px 7px; 
	display: block;
	color: #ffffff; 
	background: #1f4069 !important; 
	}


/* typo main 
----------------------------------------------- */


	



/* typo teaser
----------------------------------------------- */


/* .ct-teaser h3 {
	margin-bottom: 3px;
	font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 16px;
	}
*/

/* -----------------------------------------------
komponenten
----------------------------------------------- */

.hr {
	display: block;
	font-size: 1px;
	height:3px;
	width:100%;
	}

.hellgrau .hr, .ct-teaser1 .hr, .ct-teaser2 .hr, .ct-teaser3 .hr, .ct-teaser4 .hr {
	background:url(ds4_04_FILES/bar_h.gif) top left repeat-x;
	}

.mittelgrau .hr, .ct-teaser5 .hr, .ct-teaser6 .hr, .ct-teaser7 .hr, .ct-teaser8 .hr {
	background:url(ds4_04_FILES/bar_m.gif) top left repeat-x;
	}

.dunkelgrau .hr, .ct-teaser9 .hr, .ct-teaser10 .hr, .ct-teaser11 .hr, .ct-teaser12 .hr {
	background:url(ds4_04_FILES/bar_d.gif) top left repeat-x;
	}


/* contactform
----------------------------------------------- */ 
.reset {
	clear: both;
	}

.keinspam { 
	display: none;
	}

#contactform .row {
     width: 380px;
     text-align: left;
     }

#contactform form {
	margin-top: 8px;
	}

#contactform label, .label {
     font-size: 10px;
     }

#contactform label span {
     color: red;
     }

.row-button .right {
	text-align: right
	}
	
.row .left {
     float: left;
     } 

.row .right {
     float: right;
     } 

.row .left, .row .right {
     width: 185px;
     display: block;
     border: 0;
     margin-bottom: 5px;
     }

.row-nachricht {
     width: 372;
     }

#contactform input.field, #contactform textarea {
     border: 1px solid #777777;
     padding: 2px 3px;
     background-color: #d9d9d9;
     color: #333;
     line-height: 1.3em;
     font-size: 11px;
     }
     
#contactform input:hover, #contactform textarea:hover {
     background-color: white;
     }
     
#contactform input:focus, #contactform textarea:focus {
     background-color: white;
     border: 1px solid #5f5f5f;
     color: #000;
     }

#contactform input.field {
    width: 178px;
    }

#contactform textarea {
     width: 372px;
     margin: 0;
     height: 100px;
     font-family: verdana, sans-serif;
     overflow: auto;
     }

#contactform input.button {
     border: 1px solid #222222;
     width: 120px;
     padding: 1px 3px;
     background-color: #516480;
     color: white;
     font-size: 10px;
     }

#contactform input.button:hover {
     background-color: #334f6e;
     }
     
#contactform input.button:focus {
     background-color: #dddedb;
     border-right: 1px solid #5f5f5f;
     border-bottom: 1px solid #5f5f5f; 
     color: #000;
     }