/*
projekt:  red tape sorting, monika huber
autor:    peter r. mueller - www.prmueller.de
version:  12. Januar 2009
basiert auf dem grossartigen:
----------------------------------------------- */

/* CSS Document by Svein Erik Storkaas 2008 | www.csstemplatesweb.com */

* {margin: 0; padding: 0;}

body{ background-color:#222222;}

#container 
{
width: 1024px;
margin: 40px auto; 
height:768px;            
background-color:#ffffff;
}

#header {height: 80px;
background: rgb(238,227,186);}

#leftColumn {width: 450px;
height:608px;
float: left;
}

.textspalte 
{
width: 574px;
height:608px;
float: right;
background-repeat:no-repeat;
background-position:bottom right;             
}

/* Emo-Bilder */
.index {
	background-image:url(images/papierberg.jpg);
}
.medizinisches {
	background-image:url(images/stethoskop_pc.jpg);
}
.diktate {
	background-image:url(images/arzt_diktiert.jpg);
}.schreibarbeiten {
	background-image:url(images/schreibarbeiten.jpg);
}.scripteria {
	background-image:url(images/mohu.jpg);
}.federhalter {
	background-image:url(images/federhalter.jpg);
}
h5 {
	display: block;
	width: 235px;
	height: 400px;
	float: right; /*sorgt fuer den Umlauf bei den Emo-Bildern */
} 

h6 {
	display: block;
	width: 220px;
	height: 400px;
	float: right; /*sorgt fuer den Umlauf bei den Emo-Bildern */
} 

#footer 
{
clear: both;
height:80px;
background: rgb(238,227,186);
text-align:center;                 
}

#footer p
{
color:#656363; 
padding-top:35px;
font-family:Arial;
font-size:10px;
}

#menucontainer 
{
width:400px;
height:400px;
margin-top:30px;
margin-left:0px;	
}

#logotext 
{
width:396px;
height:119px;
margin-top:20px;
margin-left:21px;
}

#textbox
{
width:500px;
height:auto;
margin:60px 0px 0px 0px;	
}

#textbox p
{
padding: 1em 10px 0 10px;
font-family:Tahoma, "ms Sans-Serif", sans-serif;
font-size:14px;
color:#393939;
}

#textbox p.keinleer {
	padding-top: 0;
} /* Textfluss bei Umflussboxen der Emo-Bilder, h6 */

h3{ font-family:Arial, sans-serif;
font-size: 1.4em;
color: rgb(190,72,142);
padding:5px 0px 0px 10px;
}

h4{ font-family:Arial, sans-serif;
font-size: 1.2em;
color: rgb(190,72,142);
padding:1.5em 0px 0px 10px;
}


a {color:#434343;}
a:visited {color: #636363;}
a:active {color:#c12a2d;}
a:hover {
	color: #c12a2d;
	text-decoration:none;
	}


#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {
	text-decoration:none;
	color: #494949; 
	cursor:pointer;
	}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid rgb(238,227,186); border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {
	display:block; 
	width:104px; 
	height:60px; 
	text-align:center; 
	background: rgb(238,227,186);
	font: 13px/59px arial, veradana, sans-serif;
}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid rgb(238,227,186); border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

#hex li a.inner b {border-bottom-color:rgb(112,98,79);}
#hex li a.inner span {background: rgb(112,98,79);
color: rgb(238,227,186);}
#hex li a.inner em {border-top-color:rgb(112,98,79);}

#hex li a:hover {white-space:normal;}
#hex li a:hover b {border-bottom-color:rgb(190,72,142);}
#hex li a:hover span {background: rgb(190,72,142);}
#hex li a:hover em {border-top-color:rgb(190,72,142);}

#hex li a.inner:hover b {border-bottom-color:rgb(190,72,142);}
#hex li a.inner:hover span {background:rgb(190,72,142);}
#hex li a.inner:hover em {border-top-color:rgb(190,72,142);}

/*Formular */
#formular {
	margin: 40px 0 0 10px;
}

#formular h6 {
	padding: 0;
	font-family:Tahoma, "ms Sans-Serif", sans-serif;
	font-size:10px;
	color: rgb(190,72,142);
}

tr, td
{
padding: 0;
font-family:Tahoma, "ms Sans-Serif", sans-serif;
font-size:11px;
color: #626262;
}