/*  
Work Name: RHOdesign
Work URI: http://www.rhodesign.ch
Description: RHOdesign - finest webworks
Version: v1.0
Author: Roman Hospenthal - www.rhodesign.ch 
Author URI: http://www.rhodesign.ch
*/

.download{
	display: block;
	background-color: #FCCCE9;
	border: 1px solid #CB579E;
	padding: 8px 20px;
	margin-bottom: 20px;
}



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

body {
background-color: #fff;
font-size: 12px;
text-align:center;
background-image: url(../images/bg_body.gif);
}

#container {
width:950px;
margin: 0px auto;
padding:0px;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
background-image: url(../images/bg_container2.gif);
background-repeat: repeat-y;
}

#container_shirts {
width:950px;
margin: 0px auto;
padding:0px;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
background-image: url(../images/bg_container2_einspaltig.gif);
background-repeat: repeat-y;
}


/* ##### Start Head ##### */
#head {
background-image: url(../images/header.gif);
background-repeat: no-repeat;
height: 224px;
}
/* ##### Ende Head ##### */

/* ##### Start Head T-Shirt Shop##### */
#head_shirts {
background-image: url(../images/header_einspaltig.gif);
background-repeat: no-repeat;
height: 224px;
}
/* ##### Ende Head ##### */



/* ##### Start Content ##### */
#content {
width:486px;
padding:0px 30px 40px 30px;
float:left;
margin-top: 13px;
margin-bottom: 40px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
font-size: 1em;
color: #000;
line-height: 1.4em;
font-size: 13px;
overflow: auto;
}

#content h1 {
color: #cb579e;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
padding-bottom: 14px !important;
margin: 0px !important;
}
#content h2 {
color: #000;
font-size: 15px;
letter-spacing: 1px;
padding-bottom: 3px !important;
margin: 0px !important;
}
#content h3 {
color: #444;
font-size: 13px;
letter-spacing: 1px;
padding-bottom: 0px !important;
margin: 0px !important;
}
#content h4 {
color: #000;
font-size: 13px;
letter-spacing: 1px;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
margin-top: 20px !important;
}

#content a {
color: #cb579e;
text-decoration: underline;
}
#content a:hover {
color: #cb579e;
text-decoration: none;
}
#content ul{
margin: 0px 0px 0px 14px;
padding: 0px;
list-style-image: url(../images/li.gif);
}




.newsblock{
border-bottom: 1px solid #555;
margin-bottom: 40px;
}
.newsblock ul{
margin: 0px 0px 0px 14px;
padding: 0px;
list-style-image: url(../images/li.gif);
}
p.newsbottom{
display: block;
background-color: #fccce9;
padding: 3px 5px 3px 5px;
margin-bottom: 1px !important;
margin-top: 1px !important;
text-align: right;
font-size: 11px;
}
.datum{
background-image: url(../images/bg_body.gif);
padding: 7px 0 7px 10px;
margin-bottom: 1px !important;
}
/* ##### Ende Content ##### */

/* ########################## Start Tabelle ########################## */
table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
}

td{
border-bottom: 1px solid #fccce9;
height: 28px !important;
border-spacing:0px !important;
padding-right: 5px;
}
/* ########################## Ende Tabelle ########################## */



/* ##### Navigation Links ##### */
#left {
width:201px;
padding:0px;
margin: 10px 0 80px 1px;
float:left;
}

#left ul{
margin-left: 0;
padding-left: 0;
margin-top: 0;
padding-top: 0;
list-style-type: none;
}

#left a{
display: block;
padding: 4px 0 4px 10px;
width: 190px;
background-color: #fccce9;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 2px;
}

#left a:link, #navlist a:visited{
color: #000;
text-decoration: none;
}

#left a:hover{
background-color: #cb579e;
color: #fff !important;
}

#active{
background-color: #cb579e !important;
color: #fff !important;
}
.sub a{
display: block;
padding: 2px 0 2px 30px  !important;
width: 170px  !important;
background-color: #fccce9;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
font-size: 11px  !important;
font-weight: normal !important;
letter-spacing: 1px;
margin-bottom: 2px !important;
}


.image {
padding-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
background-color: transparent !important;
}





/* ##### Ende Navigation Links ##### */





/* ##### Navigation Rechts ##### */
#right {
width:202px;
padding:0px;
margin: 10px 0 0 0;
float:left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
}

#right h2{
display: block;
padding: 4px 0 4px 10px;
width: 190px;
background-color: #fccce9;
border-bottom: 1px solid #cb579e;
border-top: 1px solid #cb579e;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
}
#right ul{
margin-left: 0;
padding-left: 10px;
margin-top: 0;
padding-top: 0;
list-style-type: none;
}
#right ul li{
font-size: 11px;
padding: 3px 0;
border-bottom: 1px solid #d4d4d4;
}

#right a {
color: #cb579e;
text-decoration: underline;
}
#right a:hover {
color: #cb579e;
text-decoration: none;
}




#right ul.next{
margin-bottom: 20px;
}

#right ul.next li a{
color: #000;
text-decoration: none;
}
#right ul.next li a:hover{
color: #cb579e;
text-decoration: none;
}

/* ##### Ende Navigation Rechts ##### */





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


#footer{
height: 50px;
width: 948px;
border-top: 7px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
background-color: #e9e9e9;
position: absolute;
bottom: 0px !important;
display: block;
clear: both;
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
font-size: 0.9em;
line-height: 18px;
padding-top: 10px;
}

#footer a{
	text-decoration: none;
	color: #cb579e;
}
#footer a:hover{
	text-decoration: underline;
	color: #cb579e;
}
/* ##### Ende Footer ##### */



/* ##### Start image floats etc ##### */
.floated_left{
float: left;
margin-right: 14px;
margin-bottom: 8px;
}
.floated_right{
float: right;
margin-left: 14px;
margin-bottom: 8px;
}
/* ##### Ende image floats etc ##### */





#kontakt{
	margin-top: 30px;
}
#kontakt input,#kontakt textarea {
display:block;
width:320px;
float:left;
margin-bottom:10px;
border:1px solid #FCCCE9;
padding:1px 5px;
margin-right: 3px;
}

#kontakt input:hover,#kontakt textarea:hover {
border:1px solid #CB579E;
}

#kontakt input:focus,#kontakt textarea:focus {
border:1px solid #CB579E;
}

#kontakt br {
clear:left;
}

#kontakt form {


float:left;
display:block;
}

#kontakt label {
display:block;
float:left;
margin-bottom:5px;
text-align:left;
width:80px;
padding-right:20px;
}

.button {
width:140px !important;
margin-left:100px;
border:1px solid #CB579E !important;
background-color:#FCCCE9;
color:#002d4b !important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.checkbox {
width:30px !important;
}

.button:hover {
border:1px solid #CB579E;
background-color:#CB579E;
color:#fff !important;
}

.invisible {
display:none !important;
visibility:hidden !important;
}





#searchform {
padding-top: 5px;
}
#searchform input{
width:190px;
float:left;
border:1px solid #FCCCE9;
padding:2px 5px 2px 5px;
margin-right: 5px;
}
#searchform input:hover {
border:1px solid #CB579E;
}

#searchform input:focus {
border:1px solid #CB579E;
}

.searchbutton {
width:60px !important;
border:1px solid #FCCCE9 !important;
background-color:#fff;
color:#555 !important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:1px 5px 1px 0;
}
.searchbutton:hover {
border:1px solid #cb579e !important;
background-color:#fccce9;
color: #333;
}










/* Poll */
#poll{
}

#poll table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
}

#poll td{
border-bottom: none;
height: 28px !important;
border-spacing:0px !important;
padding-right: 5px;
}
input.submit {
width:120px !important;
border:1px solid #CB579E !important;
background-color:#FCCCE9;
color:#002d4b !important;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;	
}
input.submit:hover {
border:1px solid #CB579E;
background-color:#CB579E;
color:#fff !important;
}

.voteContainer{
border-top: 1px solid #CB579E;
border-bottom: 1px solid #CB579E;
background-image: url(../images/bg_body.gif);
width: 190px;
margin-top: 30px;
padding-left: 10px;
}

.voteContainer fieldset{
border: none;

}

















/* ##### Navigation Rechts ##### */
#rightkurse {
width:202px;
padding:0px;
margin: 10px 0 0 0;
float:left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,sans-serif;
overflow: auto;

}

#rightkurse h2{
display: block;
padding: 4px 0 4px 10px;
width: 190px;
background-color: #fccce9;
border-bottom: 1px solid #cb579e;
border-top: 1px solid #cb579e;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
}
#rightkurse h3{
display: block;
padding: 3px 0 3px 10px;
margin-bottom: 5px;
width: 190px;
background-color: #fccce9;
border-bottom: 1px solid #cb579e;
border-top: 1px solid #cb579e;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
}
#rightkurse ul{
margin-left: 0;
padding-left: 5px;
margin-top: 0;
padding-top: 0;
list-style-type: none;
width: 190px;
}
#rightkurse ul li a{
font-size: 11px;
background-color: #e9e9e9;
text-decoration: none;
display: block;
padding: 3px 0 3px 5px;
border-bottom: 1px solid #b5b5b5;
}
#rightkurse ul li a:hover{
font-size: 11px;
background-color: #d4d4d4;
text-decoration: none;
display: block;
}



#rightkurse a {
color: #cb579e;
text-decoration: underline;
}
#rightkurse a:hover {
color: #cb579e;
text-decoration: none;
}

/* ##### Ende Navigation Rechts ##### */


.kursblock{
	margin-bottom: 20px;

	border-bottom: 1px solid #cb579e;
}
.kursblockbottom {
	height: 20px;
	background-color: #FCCCE9;
	display: block;
	text-align: right;
	margin-bottom: 1px !important;
	padding-right: 10px;
}
.kursblockbottom a{
text-decoration: none !important;
}
.kursblockbottom a:hover{
text-decoration: none !important;
color: #999 !important;
}




.kursdatenbottom {
	height: 20px;
	background-color: #FCCCE9;
	display: block;
	text-align: right;
	margin-top: 0px !important;
	margin-bottom: 15px !important;
	padding-right: 10px;
}
.kursdatenbottom  a{
text-decoration: none !important;
}
.kursdatenbottom a:hover{
text-decoration: none !important;
color: #999 !important;
}

.kursinfos{
background-image: url(../images/bg_body.gif);
padding: 7px 0 7px 10px;
margin-bottom: 1px !important;
}