/*

screen_basic.css
This is the main css stylesheet for www.gkv.de.
Based on main css stylesheet from greenpeace.de written by Roman Mora:
Authors:    Thomas Fischer, denkwerk
            Gernot Back, denkwerk
Created:    13.02.2006
Modified:   03.03.2006


suggested order:
################
- display
- list-style-type
- position
    - top/bottom
    - left/right
- z-index
- float
- clear
- height
- width
- margin
- padding
- border
- background
- color
- font
    - font-family
    - font-size
    - font-style
    - font-variant
- line-height
- text-decoration
- letter-spacing
- text-align
- vertical-align
- white-space
- other text (e.g. text-indent)
- cursor
- content

table of contents
#################
- basic html elements
- misc. classes
- Header
- Service
- Linke Navigation (LeftNav)
- Hauptinhaltsbereich (Content)
- Footer
- Twinteaser

*/



/*##################
	dokumentenweit
	angesprochene
    HTML-Elemente
###################*/
html {
    font-size: 100.01%;
  }

html * {
    border:none;
    margin: 0;
    padding: 0;
    }


html, body {
    width: 100%;
    margin: 0;
    padding: 0;
  }

body {
    color: #333333;
    background: repeat-y 15% white;
    font-family:"Times New Roman", Times, serif;

    font-family: Arial, Helvetica, sans-serif;

	  font-size: 100.01%;
    font-size: 93%;
    }

h1 {
	font-family:Verdana, Helvetica, Swiss, Arial, sans-serif;
    font-size: 1.6em;
    letter-spacing: 0.08em;
  }

h2, h3, h4 {
	font-family:Verdana, Helvetica, Swiss, Arial, sans-serif;
	font-weight:normal;
}

/*dl {

  }

dl dt {
    margin-top: 1em;
    font-weight: bold;
  }

dl.glossar dd {
    font-weight: bold;
  }

dl dd p {
    font-weight: normal;
  }

dl.glossar dd span {
    font-weight: normal;
    font-style: oblique;
  }
*/

dfn {
    font-style: normal;
  }

p {
    margin:0 0 1.5em 0;
    clear:both;
    }

hr {
    display: none;
  }

em {
    font-style: oblique;
  }

strong {
    font-weight: bold;
  }

q {
    font-style: normal;
  }

img {
    border: none;
  }

acronym, abbr, .abbr {
    cursor: help;
    border-bottom: 1px dotted black;
    font-style: normal;
  }

em acronym {
    font-style: oblique;
  }

em abbr {
    font-style: oblique;
  }

em .abbr {
    font-style: oblique;
  }

a {
    text-decoration: none;
    color:#333333;
    font-weight:bold;
    font-weight:normal;
    text-decoration: underline;
}

/*
a:hover {
    text-decoration: underline;
  }

a:focus {
    text-decoration: underline;
  }

a:active {
    text-decoration: underline;
  }
*/

#BreadCrumb a {
    font-weight:bold;
    text-decoration: none;
}

#BreadCrumb a:hover {
    text-decoration: underline;
  }



/*#########################
    Clearer erzwingt auch
	nach floatenden Ele-
	menten eine Leerzeile
##########################*/

.clearer {
    clear: both;
    margin: 0 0 1em;
    border: 0px;
  }

.hide {
    display: none;
  }

.spacing {
   height: 1em;
  }


/*#############
    Header
#############*/

#Header {
    min-height: 59px;
    border-bottom: solid 1px #C1C1C1;
	padding-bottom:.2em;
    text-align: center;
  }

* html #Header {
	padding-bottom:.5em;
}

#Header h1 {
    float:left;
  }


#Header h1 a,
#Header h1 span {
    display: block;
    position: absolute;
    top: 6px;
    left: .75em;
    height: 52px;
    width: 244px;
	background-repeat:no-repeat;
    text-decoration: none;
    text-indent: -700em;
  }


#Header h2 {
    display: none;
  }



/*####################
	Navigation inner-
	halb des Headers
######################*/

#Service {
    margin: 0 auto 0 14em;
    padding: 38px 0 0;
	position:relative;
	z-index:1;
    font-size: 0.85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }

#Service ul {
    list-style-type: none;
  }

#Service li {
    display: inline;
    padding: 0;
  }

#Service li {
    color: #333333;
    padding: 0 .7em 0 .7em;
    border-right: 1px solid #666666;
    text-decoration: none;
  }

#Service a {
    font-weight: normal;
  }

#Service .nodivider {
    border: none;
  }

#Service a:hover {
    text-decoration: underline;
  }


/*#########################
    Container unschliesst
	linke, mittlere und
	rechte Spalte,
	alles 	zwischen Header
	und Footer
##########################*/


#Container {
	background-color:white;
    overflow:hidden;
	width:100%;
}


/*####################
    Linke Navigation
#####################*/

#LeftNav {
	float:left;
	border-right:solid 1px #C1C1C1;
	font-family:Times, "Times New Roman", serif;
  font-family: Arial, Helvetica, sans-serif;

	background-color:#E0E0E0;
	color:#333333;
	width:20%;
}

* html #LeftNav {
	border-bottom:solid 1px #C1C1C1;
}

#LeftNav form {
	padding:.5em .5em 1em 1.5em;
	margin-right:-1px;
	z-index:1;
	color:#FFFFFF;
	overflow:hidden;
}

#LeftNav .text {
    width:55%;
	border:inset 1px #C1C1C1;
  }

#LeftNav .submit {
	cursor:pointer;
	background-color:transparent;
	font-weight:bold;
	color:white;
	border: none;
	font-size:1.4em;
	position:relative;
	top:.1em;
}

#LeftNav fieldset {
	padding:0;
	margin:0;
}

* html #LeftNav .submit {
	top:.3em;
	cursor:hand;
}

#LeftNav label {
	padding-right:.5em;
}

#LeftNav a, #LeftNav span {
	color:#333333;
	text-decoration:none;
	padding:0;
	margin:0;
	padding-left:1.5em;
	font-weight:normal;
}

#LeftNav a:hover {
	text-decoration: underline;
}

#LeftNav li span {
	font-weight:bold;
}

* html #LeftNav a, * html #LeftNav span {
	height:1.7em;
}

#LeftNav ul {
	margin:.4em 0 -1px 0;
	width:100%;
	overflow:hidden;
	padding:0;
	border-bottom:solid 1px #C1C1C1;
	background-color:#E0E0D8;
}

#LeftNav ul ul {
	background-color:#EDECE8;
	margin:0 0 -1px 0;
}

#LeftNav ul ul ul {
	background-color:white;
}

#LeftNav li {
	padding:.45em 0 0;
	border-top:solid 1px #C1C1C1;
	list-style-type:none;
	clear:left;
}

#LeftNav li a, #LeftNav li span {
	display:block;
}

#LeftNav li li a, #LeftNav li li span {
	margin-left:1.5em;
	background:url(../images/structure/nav/bullet.gif) no-repeat 0 .54em;
}

#LeftNav li li li a, #LeftNav li li li span {
	margin-left:2em;
}


/*#######################
    Content umschliesst
	Breadcrumbtrail,
	Moodpic, mittlere
	und rechte Spalte
	sowie den Breaker
########################*/

#Content {
	margin:-1px 0 0 20%;
	padding:0 0 0 2%;
	border-left:solid 1px #C1C1C1;
	background:url(../images/structure/background/vertical_line.gif) repeat-y 67%;
	line-height:1.33em;
}

#Content #BreadCrumb {
    font-family: Times, "Times New Roman", serif;
    font-family: Arial, Helvetica, sans-serif;

    color: #333333;
    font-weight: bold;
    margin: 1px 0 0 -1%;
    padding:1.4em 0 1%;
	background-color:white;
  }

#MoodPic {
	margin-left:-1%;
	margin-bottom:0;
}

#Content h3 {
	font-size: 1.7em;
	background-color: white;
	line-height: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 1em 0;
}

#Content h3 {
	position:relative;
zzwidth: 65%px;	
padding-right: 33%;
	top:0;
	left:-3px;
  }

#Content h4, #Content h5 {
	font-size:1.05em;
	font-weight:normal;
	margin:0 0 .8em;
}

#Content h5 {
	font-weight:bold;
	font-style:normal;
	margin:0;
}

#Middle {
	padding:0 2% 3em 0;
	margin:0;
	width:65%;
	float:left;
	min-height:30em;
}

* html #Middle {
	height:30em;
}

#Middle h3.date {
	font-weight:normal;
	margin:0;
}

#Middle ol,
#Middle ul {
    list-style-position: outside;
    padding: 0;
    margin: 2em;
  }

#Middle ol {
    list-style-type: decimal;
  }


#Middle ul {
    list-style-type: disc;
  }

#Right {
	width:29%;
	float:left;
	overflow:hidden;
	padding-left:1em;
	padding-left:.5em;
}

* html #Right {
  overflow:visible;
  }

#Right ol,
#Right ul {
    list-style-position: inside;
  }

#Right ol {
    list-style-type: decimal;
  }

#Right ul {
    list-style-type: disc;
  }

#Right h3,
#Right h4 {
    padding: .2em 0 0 0;
    margin:0 0 .3em 0;
    font-size:1.2em;
  }

#Right h4,
#Right h5 {
    font-size:1em;
  }

#Right .bullet {
    margin-bottom: 1em;
    padding-left: 26px;
  }

/*###########################
    Breaker dient dazu, den
	Content unten buendig
	abzuschliessen und die
	Links "Zum Seitenanfang"
	und "Drucken" oberhalb
	des Footers zu fixieren
############################*/


.breaker {
	clear:both;
	height:0;
	position:relative;
}

.breaker div {
	position:absolute;
	top:-1.5em;
 }

* html .breaker div {
	position:relative;

}

.breaker a {
	font-weight:normal;
	margin:0 4em 0 0;
}


#Press {
  font-size:90%;
  margin-top: 2em;
  }

#Top {
    left:0em;
    float:left;
  }

#Print {
    left:7em;
    float:left;
  }

* html #Print {
    left:0em;
  }




/*############
    Logos
############*/

#Logos {

  }


/*############
    Footer
############*/

#Footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  0.85em;
    padding:.5em 1em .5em 21%;
    border-top: solid 1px #C1C1C1;
    clear: both;
  }

#Footer ul {
   list-style-type: none;
}

#Footer li {
	display:inline;
    padding: 0;
  }

#Footer li {
    color: #333333;
    padding: 0 .7em 0 .7em;
    border-right: 1px solid #666666;
    text-decoration: none;
  }

#Footer a {
    font-weight: normal;
  }

#Footer li.nodivider {
    border: none;
  }

#Footer a:hover {
    text-decoration: underline;
  }


/*######################
  Twinteaser gruppiert
  Elemente paarweise
  mit Tabellenanmutung
#######################*/

.twin {
	width:100%;
	margin:0 -1em 1em 0;
	float:left;
	clear:left;
}

.twin .tsSibling {
	width:45%;
	min-width:203px;
	float:left;
	clear:none;
	margin-right:4%;
}

.twin .tsPartner {
	width:203px;
	float:left;
	clear:none;
	margin-right:2em;
}

.twin .tsHead {
	font-size:1.1em;
	font-weight:normal;
	width:100%;
	min-width:203px;
	height:2.4em;
	overflow:hidden;
	/* overflow:hidden schneidet hier zu lange Ueberschriften notfalls ab,
	sodass ein Abstand zur rechten Nachbarueberschrift gewahrt bleibt. Dies
	entspricht zwar nicht ganz dem Gedanken der Barrierefreiheit, aber mit
	anderen Loesungen, wie etwa dem Umbrechen in eine dritte Zeile liesse
	sich die untenbuendige Anordnung der Ueberschrift nicht mehr sicherstellen. */
	position:relative;
	top:0;
	left:0;
}

.twin .tsHead span {
	position:absolute;
	left:0;
	bottom:0;
}

.twin .tsBody {
	width:203px;
}

.twin img {
	display:block;
	margin:.3em 0;
}

img.big {
  margin:1em 0;
  clear: both;
  display: block;
  }


#MailForm {
}

#MailForm strong {
  font-size: .8em;
  line-height: 1em;
}

#MailForm textarea {
  margin-bottom:1em; 
}

#MailForm td {
  height: 2em;
}

#MailForm input,textarea,select {
  border: solid 1px #C1C1C1;
}

#PressDoorpageItem {
  margin-bottom: 2.7em;
}

#PressDoorpageItem h4 {
  margin: 0;
  padding: 0;
}